.online-controls[data-v-21f1de0e]{align-items:center;background:#0000004d;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:.5rem 1rem}.control-actions[data-v-21f1de0e]{align-items:center;display:flex;gap:.5rem;margin-left:auto}.draw-sent-label[data-v-21f1de0e]{color:#ffffff80;font-size:.75rem}.draw-offer-banner[data-v-21f1de0e]{align-items:center;background:#22c55e26;border-bottom:1px solid rgba(34,197,94,.3);color:#ffffffe6;display:flex;font-size:.875rem;gap:1rem;justify-content:center;padding:.5rem 1rem}.disconnect-banner[data-v-21f1de0e],.draw-btns[data-v-21f1de0e]{display:flex;gap:.5rem}.disconnect-banner[data-v-21f1de0e]{align-items:center;background:#fbbf2426;border-bottom:1px solid rgba(251,191,36,.3);color:#ffffffd9;font-size:.8rem;justify-content:center;padding:.5rem 1rem}.rematch-bar[data-v-21f1de0e]{gap:1rem;padding:1rem}.lobby-panel[data-v-21f1de0e],.rematch-bar[data-v-21f1de0e]{display:flex;justify-content:center}.lobby-panel[data-v-21f1de0e]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0a1ef7;flex-direction:column;gap:1.5rem;inset:0;padding:2rem;position:absolute;z-index:300}.lobby-title[data-v-21f1de0e]{color:#fffffff2;font-size:1.5rem;font-weight:700;margin:0}.lobby-actions[data-v-21f1de0e]{align-items:center;display:flex;flex-direction:column;gap:1rem;max-width:320px;width:100%}.join-row[data-v-21f1de0e]{display:flex;gap:.5rem;width:100%}.join-input[data-v-21f1de0e]{flex:1}.uppercase-input[data-v-21f1de0e] input{text-transform:uppercase}.room-code-box[data-v-21f1de0e]{align-items:center;background:#8b5cf61a;border:2px solid rgba(139,92,246,.4);border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem 2rem}.room-code-label[data-v-21f1de0e]{color:#ffffff80;font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.room-code[data-v-21f1de0e]{color:#a78bfa;font-family:monospace;font-size:2rem;font-weight:800;letter-spacing:.3em}.waiting-spinner[data-v-21f1de0e]{align-items:center;color:#fff9;display:flex;font-size:.9rem;gap:.75rem}.spin[data-v-21f1de0e]{animation:spin-21f1de0e 1s linear infinite}@keyframes spin-21f1de0e{to{transform:rotate(1turn)}}