:root{color:#eaf2ff;background:#10151f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}#game{touch-action:none;outline:none;display:block}#hud{pointer-events:none;text-shadow:0 2px 8px #000;padding:18px;position:fixed;inset:0}.brand{letter-spacing:.14em;font-size:14px;font-weight:900}#connection{letter-spacing:0;color:#f2ca66;margin-left:8px;font-size:11px}#connection.live{color:#7ef29a}#connection:not(.live):not(.error):not(.connecting){color:#aebbd0}#connection.error{color:#ff728d}#room-label{color:#86ddff;letter-spacing:.04em;background:#0f1d2da6;border:1px solid #65d8ff40;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:9px}#players{color:#aebbd0;margin-top:9px;font-size:12px}#feed{width:min(560px,100vw - 36px);position:absolute;bottom:48px;left:18px}.message{color:#b7c4d9;padding:4px 0;font-size:12px;transition:opacity .4s}.message.success{color:#7ef29a}.message.error{color:#ff8198}.message.old{opacity:.38}.help{color:#74839b;font-size:11px;position:absolute;bottom:16px;left:18px}kbd{color:#cbd6e7;border:1px solid #536178;border-radius:3px;padding:1px 4px}.hidden{display:none!important}#spectators-toggle{z-index:8;color:#93a5bd;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b111cdb;border:1px solid #354861;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex;position:fixed;top:16px;right:17px}#spectators-toggle:hover,#spectators-toggle[aria-expanded=true]{color:#dce9fb;background:#141f31f0;border-color:#58708f}#spectators-count{color:#eef5ff;font-weight:800}.viewer-pulse{background:#69dca0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #69dca01f}#spectators-panel{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080d16f7;border:1px solid #40536e;border-radius:12px;width:min(360px,100vw - 34px);max-height:min(520px,100vh - 80px);position:fixed;top:52px;right:17px;overflow:hidden;box-shadow:0 22px 70px #00000094}#spectators-panel header{background:#131d2db3;border-bottom:1px solid #263449;justify-content:space-between;align-items:center;padding:14px 15px 12px;display:flex}#spectators-panel header div{gap:3px;display:grid}#spectators-panel header strong{color:#edf5ff;font-size:13px}.panel-eyebrow{color:#69dca0;letter-spacing:.12em;font-size:9px;font-weight:800}#spectators-close{color:#75879f;width:27px;height:27px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;font-size:18px}#spectators-close:hover{color:#dce9fb;background:#172337;border-color:#40536e}#spectators-list{max-height:390px;padding:7px;overflow:auto}.spectator-empty{color:#65758d;text-align:center;padding:28px 15px;font-size:11px}.spectator-row{border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.spectator-row+.spectator-row{border-top:1px solid #2a394e8c}.spectator-row:hover{background:#1929428c}.spectator-avatar{color:#07101a;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:900;display:grid}.spectator-details{gap:3px;min-width:0;display:grid}.spectator-name{color:#e9f1fc;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.spectator-following{color:#7789a1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.spectator-following strong{color:#aabbd1;font-weight:600}.spectator-you{color:#69dca0;letter-spacing:.07em;border:1px solid #365d54;border-radius:999px;padding:2px 5px;font-size:8px;font-weight:800}#spectators-panel footer{color:#576981;border-top:1px solid #263449;padding:8px 13px 10px;font-size:9px}#spectator-controls{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d16e6;border:1px solid #3c506b;border-radius:12px;grid-template-columns:36px minmax(170px,auto) 36px;align-items:center;gap:8px;padding:7px;display:grid;position:fixed;top:17px;left:50%;transform:translate(-50%);box-shadow:0 12px 42px #0006}#spectator-controls>button{color:#93b1d1;width:34px;height:44px;font:inherit;cursor:pointer;background:#142033;border:1px solid #354861;border-radius:7px;font-size:24px}#spectator-controls>button:hover:not(:disabled){color:#dff6ff;background:#1b2c46;border-color:#65d8ff}#spectator-controls>button:disabled{opacity:.3;cursor:default}.spectator-follow-status{text-align:center;min-width:180px;display:grid}#spectator-alias{color:#6f819a;letter-spacing:.1em;font-size:8px;font-weight:800}#spectator-target{color:#edf6ff;margin-top:2px;font-size:12px}.spectator-follow-status small{color:#607087;margin-top:2px;font-size:8px}#console{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c14f7;border:1px solid #425571;border-radius:12px;width:min(820px,100vw - 32px);position:fixed;bottom:28px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 90px #000000ad,inset 0 0 0 1px #65d8ff0a}#console.hidden{display:none}#console-header{color:#8fa2bd;letter-spacing:.12em;background:#131d2db8;border-bottom:1px solid #263449;justify-content:space-between;align-items:center;height:34px;padding:0 14px;font-size:10px;font-weight:800;display:flex}#console-context{color:#69dca0;letter-spacing:.04em;font-weight:600}#console-output{scrollbar-color:#354760 transparent;height:210px;padding:11px 14px;overflow:auto}#console-output .message{grid-template-columns:54px minmax(0,1fr);gap:9px;padding:3px 0;display:grid}#console-output .message-time{color:#526178;font-size:10px;line-height:16px}#console-output .message-text{overflow-wrap:anywhere;min-width:0}#console-output .message.command{color:#dce9fb}#console-output .message.command .message-text:before{content:"› ";color:#65d8ff;font-weight:800}#console-suggestions{background:#0c121dfa;border-top:1px solid #263449;max-height:238px;padding:5px;overflow:auto}#console-suggestions.hidden{display:none}.console-suggestion{color:#d8e4f4;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;grid-template-columns:50px minmax(150px,.72fr) minmax(180px,1.28fr);align-items:center;gap:8px;padding:7px 9px;display:grid}.console-suggestion:hover,.console-suggestion.selected{background:#192942}.console-suggestion.selected{box-shadow:inset 2px 0 #65d8ff}.suggestion-kind{color:#5f7594;letter-spacing:.1em;font-size:9px;font-weight:800}.console-suggestion[data-kind=mod] .suggestion-kind{color:#ff78c8}.console-suggestion[data-kind=room] .suggestion-kind{color:#65d8ff}.console-suggestion[data-kind=history] .suggestion-kind{color:#f2ca66}.console-suggestion[data-kind=value] .suggestion-kind{color:#b79cff}.suggestion-label{color:#eef5ff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suggestion-detail{color:#7788a1;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}#console-history-search{color:#f2ca66;letter-spacing:.08em;background:#101a2a;border-top:1px solid #263449;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;align-items:center;gap:8px;padding:9px 13px;font-size:10px;font-weight:800;display:grid}#console-history-search.hidden{display:none}#console-history-query{color:#f1f6ff;font:inherit;letter-spacing:0;background:0 0;border:0;outline:0;font-weight:400}#console-history-search small{color:#667892;letter-spacing:0;font-size:9px;font-weight:400}#console-form{color:#65d8ff;border-top:1px solid #263449;align-items:center;gap:10px;padding:12px 14px;display:flex}.console-prompt{color:#65d8ff;font-size:20px;font-weight:800;line-height:1}#console-input{color:#f1f6ff;width:100%;font:inherit;caret-color:#65d8ff;background:0 0;border:0;outline:0}#console-input::placeholder,#console-history-query::placeholder{color:#516077}#console-form button{color:#86ddff;font:inherit;cursor:pointer;white-space:nowrap;background:#172337;border:1px solid #40516b;border-radius:5px;padding:5px 10px;font-size:11px}#console-form button span{color:#5f7594}#console-form button:hover{background:#20324e;border-color:#58708f}#console-shortcuts{color:#5f6f87;border-top:1px solid #1d293b;align-items:center;gap:14px;min-height:29px;padding:6px 14px;font-size:9px;display:flex}#console-shortcuts span{white-space:nowrap}#console-shortcuts kbd,#console-history-search kbd{color:#8fa2bd;background:#111b2b;border-color:#394a62}@media (width<=600px){.help{display:none}#feed{bottom:18px}#console{width:calc(100vw - 20px);bottom:12px}#console-output{height:160px}.console-suggestion{grid-template-columns:42px minmax(0,1fr)}.suggestion-detail{display:none}#console-shortcuts{gap:8px;overflow-x:auto}#spectators-toggle{top:12px;right:10px}#spectators-panel{width:calc(100vw - 20px);top:48px;right:10px}#spectator-controls{grid-template-columns:34px minmax(145px,auto) 34px;top:auto;bottom:14px}.spectator-follow-status{min-width:145px}}