: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{flex-direction:column;gap:2px;width:min(620px,100vw - 36px);transition:bottom .16s;display:flex;position:absolute;bottom:48px;left:18px}.chat-open #feed{bottom:98px}.message{color:#b7c4d9;padding:4px 0;font-size:12px;transition:opacity .4s}.message.success{color:#7ef29a}.message.error{color:#ff8198}.message.old{opacity:.38}.feed-line{color:#aebbd0;border-radius:6px;grid-template-columns:43px minmax(0,1fr);align-items:baseline;gap:7px;min-width:0;padding:3px 8px;font-size:11px;transition:opacity .4s;display:grid}.feed-line.chat{background:linear-gradient(90deg,#0a111cc2,#0a111c24);grid-template-columns:43px auto minmax(0,1fr)}.feed-line.self{box-shadow:inset 2px 0 #65d8ffa6}.feed-time{color:#596a82;font-size:9px}.feed-name{color:#77dbff;font-size:10px}.feed-line.self .feed-name{color:#7ef29a}.feed-text{overflow-wrap:anywhere;color:#dbe6f5;min-width:0}.feed-notice{color:#8c9bb1}.feed-notice.success{color:#79cfa0}.feed-line.old{opacity:.32}.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}#chat-form{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d16f5;border:1px solid #3b5673;border-radius:9px;grid-template-columns:auto minmax(180px,520px) auto auto;align-items:center;gap:9px;width:min(650px,100vw - 36px);min-height:42px;padding:7px 9px 7px 11px;display:grid;position:fixed;bottom:42px;left:18px;box-shadow:0 14px 48px #00000080,inset 0 0 0 1px #65d8ff0a}.chat-prompt{color:#65d8ff;letter-spacing:.12em;font-size:9px;font-weight:900}#chat-input{color:#edf6ff;min-width:0;font:inherit;caret-color:#65d8ff;background:0 0;border:0;outline:0}#chat-input::placeholder{color:#54657d}#chat-form button{color:#86ddff;font:inherit;cursor:pointer;background:#17283d;border:1px solid #405673;border-radius:5px;padding:5px 9px;font-size:10px}#chat-form button:hover{background:#1d324c;border-color:#65d8ff}#chat-form button span,#chat-form small{color:#61738b}#chat-form small{white-space:nowrap;font-size:8px}#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}#update-overlay{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#070b12ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.update-card{background:#0b121df7;border:1px solid #40536e;border-radius:12px;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:14px;width:min(410px,100vw - 40px);padding:18px 20px;display:grid;box-shadow:0 24px 80px #00000094}.update-card div{gap:5px;display:grid}.update-card strong{color:#edf6ff;letter-spacing:.03em;font-size:13px}.update-card span:not(.update-spinner){color:#8496ae;font-size:10px;line-height:1.45}.update-spinner{border:2px solid #31445e;border-top-color:#65d8ff;border-radius:50%;width:23px;height:23px;animation:.8s linear infinite update-spin}@keyframes update-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.update-spinner{animation-duration:1.8s}}#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;border-left:3px solid #65d8ff;align-items:center;gap:10px;padding:12px 14px 12px 11px;transition:border-color .15s,background .15s;display:flex}#console[data-mode=input] #console-form{background:#ff78c806;border-left-color:#ff78c8}#console[data-mode=history] #console-form{opacity:.48;border-left-color:#f2ca66}#console-mode{color:#65d8ff;letter-spacing:.12em;text-align:center;background:#102331;border:1px solid #315f70;border-radius:4px;min-width:43px;padding:3px 5px;font-size:8px;font-weight:900}#console[data-mode=input] #console-mode{color:#ff78c8;background:#281727;border-color:#70405f}#console[data-mode=history] #console-mode{color:#f2ca66;background:#272313;border-color:#665735}.console-prompt{color:#65d8ff;font-size:20px;font-weight:800;line-height:1}#console[data-mode=input] .console-prompt{color:#ff78c8}#console-input{color:#f1f6ff;width:100%;font:inherit;caret-color:#65d8ff;background:0 0;border:0;outline:0}#console[data-mode=input] #console-input{caret-color:#ff78c8}#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[data-mode=palette] #console-shortcuts [data-console-modes]:not([data-console-modes~=palette]),#console[data-mode=input] #console-shortcuts [data-console-modes]:not([data-console-modes~=input]),#console[data-mode=history] #console-shortcuts [data-console-modes]:not([data-console-modes~=history]){display:none}#console-shortcuts kbd,#console-history-search kbd{color:#8fa2bd;background:#111b2b;border-color:#394a62}@media (width<=600px){.help{display:none}#feed{bottom:18px}.chat-open #feed{bottom:82px}#chat-form{grid-template-columns:auto minmax(0,1fr) auto;width:calc(100vw - 20px);bottom:12px;left:10px}#chat-form small{display:none}#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}}