/* Arena queues: the cards of the Maître d'arène panel, the queue widget of the HUD, and the loading screen (map splash + progress bar). */
.nd-queues { display: flex; flex-direction: column; gap: 10px; }
.q-list { display: flex; flex-direction: column; gap: 10px; }
.q-card { color: #201e2e; border: 2px solid #716c94; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; background: linear-gradient(#e0dfe9, #bbb8d0); box-shadow: inset 0 1px 0 #f2f2f6, 0 2px 4px rgba(40, 38, 56, 0.3); }
.q-card.fire { background: linear-gradient(135deg, #f9d9b0, #e8c48f); }
.q-card.sprite { background: linear-gradient(135deg, #cfe9c4, #b9d9ae); }
.q-card.fae { background: linear-gradient(135deg, #bff2d8, #e6c4f4); }
.q-card.demon { background: linear-gradient(135deg, #f0b8b4, #c9a2b4); }
.q-card.mixed { background: linear-gradient(135deg, #e3d6f2, #cbbde3); }
.q-card.mine { border-color: #6a6395; box-shadow: inset 0 0 0 1px #d6d4e3, 0 0 14px rgba(143, 138, 177, 0.65); }
.q-head { display: flex; align-items: center; justify-content: space-between; font-size: var(--fs-title); }
.q-format { font-weight: 800; font-size: var(--fs-strong); padding: 1px 9px; border-radius: 10px; background: #312e45; color: #d6d4e3; }
.q-desc { font-size: calc(12.5px * var(--ui-text)); color: #423f5c; }
.q-meter { position: relative; height: 16px; border-radius: 8px; background: #171520; border: 1px solid #312e45; overflow: hidden; }
.q-meter i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(#d6d4e3, #8f8ab1 50%, #504b71); transition: width 0.2s; }
.q-meter span { position: absolute; inset: 0; text-align: center; font-size: var(--fs-small); font-weight: 800; line-height: 16px; color: #fff; text-shadow: 0 1px 2px #000; }
.q-counts { font-size: var(--fs-body); font-weight: 700; }
.q-hint { font-size: var(--fs-body); color: #423f5c; min-height: 16px; }
.q-actions { display: flex; gap: 8px; justify-content: flex-end; }
.queuehud { position: absolute; left: 50%; top: 74px; transform: translateX(-50%); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; max-width: min(560px, 92vw); padding: 5px 12px; border-radius: 14px; pointer-events: auto; color: #d6d4e3; font-size: calc(12.5px * var(--ui-text)); background: linear-gradient(#282538ee, #171520ee); border: 2px solid #504b71; box-shadow: 0 3px 10px #000a; z-index: 6; }
.queuehud.hidden { display: none; }
.queuehud b { color: #8f8ab1; }
.qh-actions { display: flex; gap: 6px; }
.qh-actions .hidden { display: none; }
.qh-bar { flex-basis: 100%; height: 8px; border-radius: 4px; background: #100f17; border: 1px solid #312e45; overflow: hidden; }
.qh-bar.hidden { display: none; }
.qh-bar i { display: block; height: 100%; width: 0; background: linear-gradient(#d6d4e3, #8f8ab1 50%, #504b71); transition: width 0.2s; }