*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#05070c;color:#dfe9f7;font-family:Rajdhani,Segoe UI,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none}canvas{display:block;position:absolute;inset:0}#gl{z-index:1;cursor:crosshair}#hud{z-index:2;pointer-events:none}#overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#0a1e3c8c,#020408eb 70%),#0204088c;backdrop-filter:blur(3px)}.panel{display:none;flex-direction:column;align-items:center;gap:12px;min-width:380px;padding:38px 44px;border:1px solid rgba(120,190,255,.22);border-radius:4px;background:linear-gradient(180deg,#0c1422f0,#060a12f5);box-shadow:0 0 60px #0078ff1f,inset 0 0 60px #003c8c14;animation:pop .18s ease-out}.panel.show{display:flex}.panel.wide{min-width:560px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.logo{font-size:62px;font-weight:700;letter-spacing:6px;line-height:1;margin-bottom:2px}.logo-neon{color:#6fe3ff;text-shadow:0 0 24px rgba(80,210,255,.75)}.logo-breach{color:#ff4d6d;text-shadow:0 0 24px rgba(255,60,100,.6)}.tagline{color:#7f9ab8;font-size:15px;letter-spacing:1px;margin-bottom:14px;text-align:center;max-width:420px}h2{margin:0 0 12px;font-size:30px;font-weight:700;letter-spacing:5px;color:#cfe6ff}h2.dead{color:#ff5f6d;text-shadow:0 0 22px rgba(255,60,80,.5)}h2.dead.quote-souls{color:#b01313;font-family:Georgia,Times New Roman,serif;letter-spacing:.22em;text-shadow:0 0 34px rgba(160,10,10,.75)}h2.dead.quote-wasted{color:#e8a020;font-style:italic;letter-spacing:.06em;text-shadow:0 3px 0 rgba(90,40,0,.9),0 0 26px rgba(230,150,30,.5)}h3{margin:18px 0 6px;font-size:15px;letter-spacing:3px;color:#7fd0ff;align-self:flex-start}[hidden]{display:none!important}.btn{width:100%;min-width:260px;padding:12px 22px;font:inherit;font-size:17px;font-weight:700;letter-spacing:3px;color:#cfe0f5;background:#ffffff0a;border:1px solid rgba(140,200,255,.25);border-radius:3px;cursor:pointer;transition:background .12s,color .12s,border-color .12s,transform .08s}.btn:hover{background:#6ec8ff24;color:#fff;border-color:#6fd0ff}.btn:active{transform:translateY(1px)}.btn.primary{color:#04121c;background:linear-gradient(180deg,#7fe3ff,#3aa8de);border-color:#9beeff;text-shadow:none}.btn.primary:hover{background:linear-gradient(180deg,#a5eeff,#4dc0f5);color:#02090f}.btn.danger{border-color:#ff5a6e66;color:#ff8f9c}.btn.danger:hover{background:#ff465a29;color:#fff;border-color:#ff6b7d}.record{margin-top:10px;color:#7f9ab8;font-size:15px;letter-spacing:1px}.record b{color:#ffd166}.hint{color:#55677d;font-size:13px;letter-spacing:1px}.hint:empty{display:none}.row{display:grid;grid-template-columns:minmax(140px,max-content) 1fr 64px;align-items:center;gap:14px;width:100%;padding:5px 0}.row label{color:#a8bed6;font-size:15px;letter-spacing:1px}.row .val{color:#7fd0ff;font-size:14px;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;background:#8cc8ff33;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#7fe3ff;cursor:pointer;box-shadow:0 0 8px #50d2ffcc}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#7fe3ff;cursor:pointer}input[type=checkbox]{width:16px;height:16px;accent-color:#4fc3f7;cursor:pointer}.keys{display:flex;flex-direction:column;gap:8px;width:100%}.keys>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#9fb6d0;font-size:15px}.keys span{margin-left:10px;color:#7f9ab8}kbd{display:inline-block;min-width:30px;padding:3px 8px;font:600 13px/1 Rajdhani,system-ui,sans-serif;text-align:center;color:#dff1ff;background:#ffffff0f;border:1px solid rgba(150,200,255,.3);border-bottom-width:2px;border-radius:3px}.tips{margin:0;padding-left:20px;color:#90a8c2;font-size:14px;line-height:1.7;align-self:flex-start}.tips li::marker{color:#4fc3f7}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px;width:100%;margin-bottom:16px}.stats>div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding:5px 0}.stats span{color:#7f9ab8;font-size:14px;letter-spacing:1px}.stats b{color:#eaf4ff;font-size:16px}#fatal{display:none;position:absolute;inset:0;z-index:9;align-items:center;justify-content:center;background:#05070c}.fatal-box{max-width:480px;text-align:center;padding:30px;border:1px solid rgba(255,90,90,.35)}.fatal-box p{color:#a8bed6;line-height:1.6}.hidden{display:none}#rotate{display:none;position:fixed;inset:0;z-index:5;background:#05070c;align-items:center;justify-content:center;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#rotate.show{display:flex}.rotate-box{max-width:420px;padding:24px}.rotate-icon{font-size:64px;color:#6fe3ff;text-shadow:0 0 24px rgba(80,210,255,.6)}.rotate-box h2{color:#cfe6ff;letter-spacing:3px;margin:12px 0 6px}.rotate-box p{color:#7f9ab8}.panel{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.panel>*{flex-shrink:0}@media(max-width:600px){.panel,.panel.wide{min-width:0;width:calc(100vw - 16px);padding:24px 16px}.logo{font-size:38px}.tagline{font-size:13px}.row{grid-template-columns:minmax(84px,30%) 1fr 44px;gap:8px}.row label{font-size:13px}.row select{min-width:0;width:100%}}@media(max-height:480px){.panel,.panel.wide{padding:12px 24px;gap:6px}.panel h2{margin:0 0 4px;font-size:22px}.panel h3{margin:6px 0 2px}.logo{font-size:34px}.tagline{margin-bottom:2px}.btn{padding:7px 18px;font-size:15px}.row{padding:2px 0}.row label{font-size:13px}.keys>div{font-size:13px;gap:4px}.keys{gap:4px}.tips li{font-size:13px}.chat-log{max-height:84px}.stats>div{padding:2px 0}.stats span{font-size:13px}.stats b{font-size:14px}.scoreboard{padding:8px 10px}.scoreboard h3{margin:0 0 4px;font-size:15px}.scoreboard>div:first-of-type{max-height:76px;overflow-y:auto}.score-row{padding:2px 6px}.sr-score{font-size:14px}.score-form{margin-top:4px}}.row-note{margin:-6px 0 6px;width:100%;font-size:13px;color:#7f9ab8}.panel select{background:#ffffff0f;color:#cfe0f5;border:1px solid rgba(140,190,240,.28);border-radius:4px;padding:4px 6px;font:inherit}.panel select:focus{outline:none;border-color:#6fd0ff}:root{--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px)}canvas{touch-action:none}#gl,#hud{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.panel input[type=text]{background:#ffffff0f;color:#cfe0f5;border:1px solid rgba(140,190,240,.28);border-radius:4px;padding:6px 8px;font:inherit;font-size:16px;letter-spacing:1px;width:100%;min-width:0}.panel input[type=text]:focus{outline:none;border-color:#6fd0ff}.code-input{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:20px;letter-spacing:6px;text-align:center;text-transform:uppercase}.room-code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:44px;letter-spacing:12px;text-indent:12px;color:#7fd0ff;text-shadow:0 0 18px rgba(110,200,255,.45);user-select:text;-webkit-user-select:text;cursor:pointer}.roster{display:flex;flex-direction:column;gap:6px;width:100%;min-height:96px}.roster-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;border:1px solid rgba(120,190,255,.16);border-radius:4px;background:#ffffff08;color:#cfe0f5;font-size:15px;letter-spacing:1px}.roster-row b{color:#ffd166;font-size:12px;letter-spacing:2px}.roster-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;margin-right:8px;background:currentColor;box-shadow:0 0 8px currentColor}.roster-row span{flex:1 1 auto}.net-error{color:#ff8f9c;font-size:14px;letter-spacing:1px;text-align:center}.net-error:empty{display:none}.chat-log{width:100%;height:96px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:6px 8px;border:1px solid rgba(120,190,255,.16);border-radius:4px;background:#ffffff08;font-size:13px;letter-spacing:.5px;color:#cfe0f5;text-align:left}.chat-log:empty{display:none}.chat-line{display:flex;gap:7px;align-items:baseline}.chat-line b{flex:0 0 auto;font-weight:600}.chat-line span{overflow-wrap:anywhere;min-width:0}.chat-input{font-size:14px}.scoreboard{margin:10px 0 4px;padding:10px 12px;width:100%;border:1px solid rgba(120,190,255,.16);border-radius:4px;background:#ffffff08;text-align:left}.scoreboard h3{margin:0 0 6px;font-size:14px;letter-spacing:2px;color:#7f9ab8}.score-row{display:flex;gap:10px;align-items:baseline;font-size:15px;letter-spacing:.5px;padding:5px 6px;border-bottom:1px solid rgba(255,255,255,.05);border-radius:3px}.sr-place{flex:0 0 26px;color:#55677d;font-variant-numeric:tabular-nums}.sr-name{flex:1 1 auto;color:#e8f2ff;font-weight:700;overflow-wrap:anywhere;min-width:0}.sr-dev{flex:0 0 auto;font-size:12px;opacity:.85}.sr-title{flex:0 1 auto;min-width:0;color:#55677d;font-size:11px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-score{flex:0 0 auto;color:#7fd0ff;font-size:16px;font-variant-numeric:tabular-nums}.score-row.top1 .sr-place,.score-row.top1 .sr-score{color:#ffd76a}.score-row.top2 .sr-place,.score-row.top2 .sr-score{color:#d7dfec}.score-row.top3 .sr-place,.score-row.top3 .sr-score{color:#e2a276}.score-row.top1{background:linear-gradient(90deg,rgba(255,205,90,.1),transparent 70%)}.score-row.top2{background:linear-gradient(90deg,rgba(215,225,240,.08),transparent 70%)}.score-row.top3{background:linear-gradient(90deg,rgba(230,160,110,.08),transparent 70%)}@media(max-width:430px){.sr-title{display:none}}.score-form{display:flex;gap:8px;margin-top:8px}.score-form input{flex:1 1 auto;min-width:0;background:#00000059;border:1px solid rgba(120,190,255,.25);border-radius:4px;color:#e8f2ff;font-size:16px;padding:7px 9px;letter-spacing:1px}.score-form .btn{flex:0 0 auto;margin:0}.score-form.hidden{display:none}.score-form .btn{width:auto;padding-left:18px;padding-right:18px}.corner-row{display:flex;justify-content:space-between;width:100%;min-height:14px;margin-top:2px}.corner-note{font-size:11px;letter-spacing:1px;color:#3d4d61;pointer-events:none}.corner-note.hidden{display:none}.corner-right{margin-left:auto}.menu-row{display:flex;gap:8px;align-self:stretch;flex-wrap:wrap}.menu-row .btn{flex:1 1 130px;min-width:0;font-size:15px;padding:11px 10px}.board-tabs{display:flex;gap:6px;margin-bottom:8px}.board-tabs .tab{flex:1;width:auto;min-width:0;padding:7px 4px;font-size:12px;letter-spacing:.05em}.board-tabs.wrap{flex-wrap:wrap;justify-content:center}.board-tabs.wrap .tab{flex:0 1 auto;padding:7px 12px}.board-tabs .tab.on{border-color:#5aa6ff;color:#cfe6ff}.contract-row{display:flex;flex-direction:column;gap:2px;cursor:pointer;border:1px solid #2a3040;border-left-width:3px;border-radius:6px;margin:6px 0;padding:8px 12px;background:#12151d}.contract-row b{color:#cfd6e4;font-size:13px;letter-spacing:.07em}.contract-row span{color:#7f8ba0;font-size:12px}.contract-row:hover{border-color:#3b4a5e}.contract-row.on{border-left-color:#ff9d5c;background:#1a1620}.contract-row.on b{color:#ffb877}.menu-top{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;margin-top:6px;font-size:12px;color:#8fa2ba;letter-spacing:.04em}.menu-top .mt-head{color:#5d6b80;text-transform:uppercase}.menu-top .mt1{color:#ffd479}.menu-top .mt2{color:#cfd6e4}.menu-top .mt3{color:#c08a5a}.codex-cat{margin:14px 0 6px;color:#7f8ba0;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.codex-cat b{color:#cfe6ff}.codex-row{display:flex;flex-wrap:wrap;gap:6px}.codex-item{border:1px solid #2a3040;border-radius:6px;padding:3px 9px;font-size:13px;color:#cfd6e4;background:#161a24}.codex-item.unknown{color:#4a5568;border-style:dashed;min-width:42px;text-align:center}.codex-rec{border-left:2px solid #7a5a24;background:#12151d;margin:6px 0;padding:7px 11px;font-size:13px;color:#b9c4d4;white-space:pre-line}.codex-rec b{display:block;color:#ffd479;font-size:12px;letter-spacing:.06em;margin-bottom:3px}.codex-rec.unknown{color:#4a5568;border-left-color:#2a3040;border-left-style:dashed;padding:4px 11px}@media(max-width:600px){.codex-rec{white-space:normal}}.stationlog{margin:14px 0 4px;padding:12px 14px;border:1px solid #2a3040;border-left:3px solid #e8604c;border-radius:8px;background:#0c0f16b8;text-align:left}.stationlog #goLogText{font:13px/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;color:#9fb0c6;white-space:pre-wrap}