.drop-queue{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;min-height:132px;padding:16px;display:flex}.drop-queue__head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drop-queue__head h2{margin:0;font-size:17px}.drop-queue__intro,.drop-queue__muted{color:var(--muted);margin:0;line-height:1.55}.drop-queue__body{flex-direction:column;gap:10px;display:flex}.drop-queue__states{flex-direction:column;gap:6px;display:flex}.drop-queue__states:focus-visible{outline:2px solid var(--mint);outline-offset:4px;border-radius:4px}.drop-queue__states:focus:not(:focus-visible){outline:none}.drop-queue__state{margin:0;font-weight:600;line-height:1.5}.drop-queue__status{margin:0;line-height:1.6}.drop-queue__turn{font-variant-numeric:tabular-nums;color:var(--mint);margin:0;font-size:20px;font-weight:700}.drop-queue__join{flex-direction:column;gap:8px;display:flex}.drop-queue__actions{flex-wrap:wrap;gap:10px;display:flex}.drop-queue__actions .button{min-height:44px}.drop-queue__notice{min-height:1.2em;color:var(--muted);margin:0;font-size:13px}.drop-queue__dialog{max-width:min(440px,100vw - 32px);color:var(--ink);background:var(--menu-bg);border:1px solid var(--dialog-line);border-radius:8px;padding:22px}.drop-queue__dialog::backdrop{background:var(--bg-deep);opacity:.8}.drop-queue__dialog h2{margin:0 0 10px;font-size:18px}.drop-queue__dialog p{color:var(--muted);line-height:1.6}.drop-queue__dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.drop-queue__dialog-actions .button{min-height:44px}@media (max-width:520px){.drop-queue__actions .button{flex:100%}}