.room-actions{display:flex;gap:10px;margin-top:10px}.secondary{border:1px solid #ffffff28;background:transparent;color:#e5eadd;border-radius:6px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:inherit;font-size:12px}.secondary:hover{border-color:var(--orange);background:#edb16c0b}.room-actions .secondary{flex:1}.lobby{max-width:730px;margin:auto;text-align:center;padding:58px 24px}.lobby>.eyebrow{justify-content:center}.lobby h1{font-size:52px}.lobby-card{background:#1b292e;border:1px solid var(--line);border-radius:14px;padding:28px;text-align:left;margin:30px auto 22px}.lobby-code-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.lobby-code-row strong{display:block;font-family:monospace;font-size:38px;letter-spacing:7px;color:var(--orange);margin-top:12px}.lobby-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:18px 0 25px;border-bottom:1px solid var(--line)}.connection{font-size:10px;color:#aec19f}.connection.offline{color:var(--orange)}.players-heading{display:flex;justify-content:space-between;gap:15px;letter-spacing:1.4px;font-size:9px;color:var(--muted);padding:22px 0 10px}.player-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.avatar{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border:1px solid #edb16c44;border-radius:50%;background:#edb16c12;color:var(--orange);font-weight:600;font-size:12px}.player-row .player-name{flex:1;overflow-wrap:anywhere}.player-row .tag{margin:0;font-size:8px}.player-row .player-points{color:var(--orange);font-variant-numeric:tabular-nums}.player-row small{color:var(--muted);font-size:10px}.lobby-card>.primary{margin-top:24px}.lobby-card>.primary:disabled{cursor:default}.room-strip{display:flex;align-items:center;gap:15px;padding:0 8px 15px;color:#b9c5bd;font-size:10px;flex-wrap:wrap}#playing-room-code{font-family:monospace;letter-spacing:1px;color:var(--orange)}#live-players{display:flex;gap:7px;flex:1;flex-wrap:wrap}.player-chip{border:1px solid #ffffff21;border-radius:12px;padding:5px 9px;color:var(--muted)}.player-chip.submitted{border-color:#a8b88b66;color:#dce8ca}body:has(#room-strip:not([hidden])) .game-canvas{height:calc(100vh - 285px)}#multiplayer-results{text-align:left;max-width:650px;margin:0 auto 20px}#multiplayer-results>.leave-room{display:block;margin:16px auto}.rank{width:22px;color:var(--muted);font-family:monospace}.leader-detail{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#c3ceca;margin:20px 0}.field input{font:inherit;color:#eaf0e6;background:#111d22;border:1px solid #ffffff30;border-radius:6px;padding:13px;min-width:0}.field input:focus{outline:2px solid var(--orange);outline-offset:2px}#join-code{text-transform:uppercase;font-family:monospace;letter-spacing:3px;font-size:20px}.form-error{color:#f3ad95!important;min-height:20px}.leave-room{font-size:11px}#room-dialog h2{font-size:27px;margin-top:22px}#room-dialog .primary{margin-top:12px}#room-dialog{max-width:420px}@media(max-width:520px){.lobby{padding:35px 16px}.lobby h1{font-size:40px}.lobby-card{padding:20px}.lobby-code-row strong{font-size:29px;letter-spacing:5px}.lobby-meta{flex-direction:column;gap:8px}.room-actions{flex-direction:column}.player-row{font-size:12px}.room-strip{gap:8px}#live-players{order:3;flex-basis:100%}.room-strip>.leave-room{margin-left:auto}body:has(#room-strip:not([hidden])) .game-canvas{height:calc(100dvh - 280px)}}
.settings-fields{border:0;padding:0;margin:18px 0 0;min-width:0}.settings-fields legend{font-size:10px;letter-spacing:1px;color:#b8c5c4;text-transform:uppercase}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding-top:16px}.settings-grid .field{margin:0}.settings-grid .timing-field{grid-column:1/-1}.field select{width:100%;font:inherit;color:#eaf0e6;background:#111d22;border:1px solid #ffffff30;border-radius:6px;padding:12px;min-width:0}.field select:focus{outline:2px solid var(--orange);outline-offset:2px}.field small{font-size:10px;line-height:1.5;color:var(--muted)}.settings-save-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:10px;color:var(--muted)}.lobby-settings{padding:0 0 22px;border-bottom:1px solid var(--line)}.settings-fields:disabled input,.settings-fields:disabled select{opacity:.75;cursor:default}.timer-block{text-align:center}.timer-block small{display:block;color:var(--muted);font-size:9px;margin-top:6px;max-width:180px}#room-dialog{max-width:540px;max-height:90dvh;overflow:auto}.lobby-meta{line-height:1.6}.lobby h1{font-size:48px}@media(max-width:520px){.settings-grid{gap:12px}.settings-grid .field input,.settings-grid .field select{padding:11px;width:100%}.lobby h1{font-size:38px}.timer-block small{max-width:120px;font-size:8px}#room-dialog{padding:24px}}