.room-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.room-forms .panel{margin:0}.room-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-error{color:var(--coral);font-size:12px;line-height:1.7;min-height:20px}.room-top{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;letter-spacing:1px;color:var(--muted)}.code-input{font-size:28px;letter-spacing:8px;text-align:center;font-weight:800}.join-art{margin:45px auto 15px;text-align:center;color:var(--yellow);font-size:80px;transform:rotate(-8deg)}.join-art span{display:block;font-size:12px;transform:rotate(8deg);color:var(--muted);margin-top:15px}.room-lobby{max-width:850px;margin:20px auto;text-align:center}.room-lobby h1{font-size:35px;letter-spacing:-1px}.room-code{background:linear-gradient(125deg,#7545f82b,#24d6a609);border:1px dashed #a48ad75c;border-radius:20px;padding:25px;display:flex;flex-direction:column;align-items:center;gap:13px;margin:22px auto;max-width:380px}.room-code small{font-size:10px;letter-spacing:3px;color:var(--muted)}.room-code strong{font-size:44px;letter-spacing:9px;color:var(--yellow);font-variant-numeric:tabular-nums}.room-capacity{font-size:12px;color:var(--muted);margin:24px}.players-list{text-align:left;width:100%;margin:15px 0}.player-row{display:flex;align-items:center;gap:12px;padding:15px 10px;border-bottom:1px solid #ffffff0b;border-radius:10px}.player-row.is-me{background:#7545f818}.player-rank{font-size:12px;color:#8c82a9;width:20px}.player-avatar{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:14px;color:white;background:hsl(var(--player-hue) 40% 35%);font-weight:800}.player-name{flex:1;min-width:0}.player-name strong{font-size:13px;overflow-wrap:anywhere}.player-name small{color:#b6a4ec;font-size:7px;letter-spacing:.6px;margin-left:5px}.player-name span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.player-row>b{color:var(--yellow);font-variant-numeric:tabular-nums;font-size:18px}.player-row>b small{font-size:7px;color:var(--muted)}.room-countdown{text-align:center}.room-countdown>strong{display:block;font-size:120px;color:var(--yellow);line-height:1.5;text-shadow:0 7px #8b6437}.room-countdown .players-list{max-width:550px;margin:25px auto}.battle-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px}.battle-layout .panel{padding:23px}.battle-scores h2{font-size:18px;margin-top:12px}.battle-scores .player-row{padding:14px 0;gap:8px}.battle-scores .player-name strong{font-size:11px}.battle-scores .player-avatar{width:31px;height:31px;font-size:12px;border-radius:10px}.battle-scores .player-row>b{font-size:16px}.battle-scores .player-row>b small{display:block}.battle-question .options{grid-template-columns:1fr}.battle-feedback{font-size:13px;min-height:75px;line-height:1.8}.battle-feedback p{color:var(--muted);font-size:12px}.locked-answer{color:var(--mint)}.option.selected{border-color:var(--yellow);background:#ffd16616;opacity:1}.battle-question .question{font-size:24px}@media(max-width:1100px){.battle-layout{grid-template-columns:1fr}.battle-question .options{grid-template-columns:1fr 1fr}.battle-scores .players-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.battle-scores .player-row{padding:12px}.room-forms{grid-template-columns:1fr}}@media(max-width:500px){.battle-question .options{grid-template-columns:1fr}.battle-scores .players-list{grid-template-columns:1fr}.room-top{font-size:9px}.room-code strong{font-size:36px}.player-name strong{font-size:12px}.room-lobby h1{font-size:29px}}