/* 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: #3a2a12; border: 2px solid #a88a58; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; background: linear-gradient(#f6edd2, #e0d0a8); box-shadow: inset 0 1px 0 #fffbe9, 0 2px 4px rgba(74, 47, 20, 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.mixed { background: linear-gradient(135deg, #e3d6f2, #cbbde3); }
.q-card.mine { border-color: #d98f1f; box-shadow: inset 0 0 0 1px #fff3b8, 0 0 14px rgba(241, 192, 74, 0.65); }
.q-head { display: flex; align-items: center; justify-content: space-between; font-size: 16px; }
.q-format { font-weight: 800; font-size: 13px; padding: 1px 9px; border-radius: 10px; background: #5b3a18; color: #fff3b8; }
.q-desc { font-size: 12.5px; color: #6a5230; }
.q-meter { position: relative; height: 16px; border-radius: 8px; background: #2a190b; border: 1px solid #5b3a18; overflow: hidden; }
.q-meter i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(#fff3b8, #f1c04a 50%, #a2701a); transition: width 0.2s; }
.q-meter span { position: absolute; inset: 0; text-align: center; font-size: 11px; font-weight: 800; line-height: 16px; color: #fff; text-shadow: 0 1px 2px #000; }
.q-counts { font-size: 12px; font-weight: 700; }
.q-hint { font-size: 12px; color: #6a5230; 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: #fff3b8; font-size: 12.5px; background: linear-gradient(#4b2e12ee, #2a190bee); border: 2px solid #a2701a; box-shadow: 0 3px 10px #000a; z-index: 6; }
.queuehud.hidden { display: none; }
.queuehud b { color: #f1c04a; }
.qh-actions { display: flex; gap: 6px; }
.qh-actions .hidden { display: none; }
.qh-bar { flex-basis: 100%; height: 8px; border-radius: 4px; background: #1e1008; border: 1px solid #5b3a18; overflow: hidden; }
.qh-bar.hidden { display: none; }
.qh-bar i { display: block; height: 100%; width: 0; background: linear-gradient(#fff3b8, #f1c04a 50%, #a2701a); transition: width 0.2s; }