[hidden]{display:none!important}#room-code{width:125px;text-transform:uppercase;letter-spacing:3px;font-weight:800}#room-message{flex-basis:100%;margin:4px 0;font-size:14px}.below{grid-template-columns:1fr}.controls a{color:#505a44;font-weight:700}#status{min-height:44px}.controls{flex-wrap:wrap}
.lobby-heading{display:flex;align-items:center;justify-content:space-between}#lobby{margin-bottom:16px}.room-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e2e4da}.room-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.room-row small{display:block;color:#737c6a;margin-top:4px}.room-row button{font-size:12px}.arena-expanded #lobby{display:none}
.stage{position:relative}#cheer-overlay{position:absolute;top:calc(var(--chat-top,80px) + 38px);right:14px;width:min(300px,42%);z-index:3;pointer-events:none;display:flex;flex-direction:column;gap:4px;max-height:150px;overflow:hidden}
.cheer-line{color:#fff;background:#1823349e;border-left:3px solid var(--cheer-color);border-radius:7px;padding:6px 9px;font-size:12px;line-height:1.35;overflow-wrap:anywhere;text-shadow:0 1px 2px #0008;animation:cheer-fade 9s both}.cheer-line strong{color:var(--cheer-color)}
@keyframes cheer-fade{0%{opacity:0;transform:translateY(4px)}5%,80%{opacity:1;transform:none}100%{opacity:0}}
.cheer-tools{position:absolute;right:14px;top:var(--chat-top,80px);display:flex;gap:5px;z-index:4}.cheer-tools button{font-size:10px;padding:6px 9px;min-height:30px;background:#18233499;color:#fff;border:1px solid #ffffff55}
#cheer-form{position:absolute;z-index:6;bottom:calc(14px + var(--keyboard-inset,0px));left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 24px));background:#263342ed;color:#fff;border:1px solid #ffffff55;border-radius:12px;padding:10px;touch-action:manipulation}#cheer-form>div{display:flex;gap:6px;margin:5px 0}#cheer-form label,#cheer-form small{font-size:11px}#cheer-text{min-width:0;flex:1;font-size:16px;color:#263342;background:#fff}#cheer-form button{font-size:12px;padding:8px;flex:none}
@media(max-width:760px){#cheer-overlay{right:8px;width:52%;max-height:130px}.cheer-line{font-size:10px;padding:4px 6px}.cheer-tools{right:8px}.room-row{gap:5px}.room-row button{padding:9px}}
@media(prefers-reduced-motion:reduce){.cheer-line{animation:none}}
.mode-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border-radius:12px;background:#e8eddf;text-decoration:none;font-size:15px;white-space:nowrap}.controls #create-room{min-height:46px;padding:12px 22px}.controls #room-message{font-size:12px;color:#727b68}.controls #leave-room{flex:0 0 auto}.lobby-heading h2{margin:0}.lobby-heading{margin-bottom:12px}header{margin-bottom:18px}header h1{letter-spacing:1px;font-size:30px}
@media(max-width:760px){.controls .mode-link{flex:1;padding:12px 16px}.controls #create-room{flex:1 1 55%;padding:12px;font-size:14px}.controls label{flex:1 1 30%}.controls #room-message{font-size:11px}#lobby{padding:16px}}
#spectator-chat-bar{display:grid;grid-template-columns:minmax(140px,1fr) minmax(300px,2.4fr) minmax(140px,1fr);gap:18px;align-items:center;padding:12px 8px 8px}.spectator-key-guide{display:grid;gap:5px;font-size:12px;color:#68745e}.spectator-key-guide:last-child{text-align:right}.spectator-key-guide strong{font-size:13px;color:#43543d}.spectator-key-guide small{font-size:10px;color:#87917e}#spectator-chat-slot{min-width:0}.chat-docked #cheer-form{position:static;transform:none;width:100%;background:#edf1e5;color:#43543d;border:1px solid #d5deca;padding:12px}.chat-docked #close-cheer,.chat-docked #open-cheer{display:none}.chat-docked #cheer-form label{font-size:12px;font-weight:700}.chat-docked #cheer-notice{color:#79866d}
#cheer-form>.emoji-picker{display:grid}