*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e7eee5;background:#0d191c;font-synthesis:none;color-scheme:dark}body{margin:0;overflow:hidden;overscroll-behavior:none}button{font:inherit;touch-action:manipulation;cursor:pointer}button:focus-visible{outline:2px solid #edb970;outline-offset:4px}button:disabled{cursor:default}[hidden]{display:none!important}#arena{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 170px #07111485;transition:box-shadow .3s}body.in-danger #vignette{box-shadow:inset 0 0 150px #b64e2f80}.topbar{position:fixed;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:27px 34px;background:linear-gradient(#0a151ddd,transparent);pointer-events:none}.brand{font-size:24px;letter-spacing:2px;font-weight:900;display:flex;align-items:center;gap:11px}.brand span{font-size:10px;letter-spacing:2.5px;font-weight:700;padding-left:12px;border-left:1px solid #72968a70}.brand i{background:#efa66d;width:6px;height:6px;border-radius:50%;align-self:flex-end;margin-bottom:7px}.top-actions{display:flex;align-items:center;gap:19px;pointer-events:auto}.top-actions button{border:1px solid #a6c4b329;border-radius:7px;height:36px;padding:0 12px;background:#122228aa;color:#b4c6bc;font-size:9px;font-weight:700;letter-spacing:1px}.local-label{font-size:9px;letter-spacing:1.6px;color:#8ca69c;display:flex;align-items:center;gap:6px}.local-label i{width:5px;height:5px;background:#b8d59e;border-radius:50%}.overlay{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:80px 28px 25px;background:#08131699;backdrop-filter:blur(5px)}#menu{background:linear-gradient(90deg,#0d1b20f2,#0d1b20cf 46%,#0d1b201a)}.intro-card{width:490px;margin-right:240px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:#9fb3a4}.orange{color:#edb57d}h1{font-size:clamp(64px,6.9vw,105px);line-height:.95;letter-spacing:-5px;margin:25px 0;font-weight:800}h1 em{font-style:normal;color:#bfd2a5}p{line-height:1.7}.intro-copy{color:#a9bbb0;font-size:14px;line-height:1.9}.rules-row{display:flex;gap:32px;margin:31px 0}.rules-row>div{display:flex;align-items:center;gap:9px}.rules-row b{font-size:12px;color:#e3aa72;font-weight:400}.rules-row span{font-size:9px;line-height:1.65;letter-spacing:1px;color:#adbdaf}.main-button{width:100%;max-width:360px;height:60px;border:none;border-radius:8px;background:#c4d9a8;display:flex;align-items:center;justify-content:space-between;padding:0 23px;font-size:12px;letter-spacing:1.5px;font-weight:800;color:#182b24}.main-button:hover{background:#d5e9bb}.main-button span{font-size:24px}.menu-note{font-size:8px;letter-spacing:1.1px;color:#859e91;margin-top:14px}.control-note{font-size:11px;color:#9eb0a4;margin:26px 0 0}.intro-stamp{position:absolute;left:calc(50% + 240px);top:41%;border:1px solid #89aa934d;border-radius:14px;padding:15px 20px 0;transform:rotate(7deg);background:#14272c88;color:#bfd0aa}.intro-stamp>span{font-size:64px;font-weight:800;letter-spacing:-5px}.intro-stamp>small{position:absolute;right:14px;top:8px;font-size:9px}.intro-stamp p{font-size:9px;letter-spacing:1.5px;border-top:1px solid #7096865e;padding-top:8px}.sector{position:fixed;left:34px;top:104px;display:grid;gap:8px;pointer-events:none}.sector strong{font-size:13px;letter-spacing:2px;font-weight:600;color:#d2dec8}.sector>#run-time{font-variant-numeric:tabular-nums;font-size:11px;color:#8ca395}.bottom-hud{position:fixed;bottom:44px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.mass-panel{width:176px;background:#102127dd;border:1px solid #7994873a;border-radius:12px;padding:16px 18px;backdrop-filter:blur(8px)}.mass-panel strong{font-size:36px;font-weight:600;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.mass-panel>div{display:flex;align-items:baseline;gap:7px}#mass-gain{color:#d3b081;font-size:11px}.mass-track{height:3px;background:#61766745;margin:8px 0 9px;border-radius:3px;overflow:hidden}.mass-track i{display:block;height:3px;background:#d5b67b;transition:width .2s}.mass-sub{font-size:6px;letter-spacing:1px;color:#8ba08c}.ability-wrap{pointer-events:auto}.ability-tip{display:block;text-align:right;font-size:8px;letter-spacing:1.6px;color:#94aa96;margin:0 2px 10px}.repulse{height:76px;width:207px;border:1px solid #d7e4af88;border-radius:13px;color:#e3edd6;background:linear-gradient(120deg,#314637,#1a302c);display:flex;gap:19px;align-items:center;justify-content:center;box-shadow:0 8px 40px #0003}.repulse-symbol{font-size:36px;color:#d8e7ba}.repulse b{font-size:13px;letter-spacing:2px}.repulse small{display:block;font-size:8px;letter-spacing:1px;color:#b9c4a5;margin-top:6px}.repulse:disabled{border-color:#70857955;background:#182a2b;color:#8b9f93}.repulse:disabled .repulse-symbol{color:#6f8a7b}.desktop-hint{position:fixed;bottom:17px;left:0;right:0;text-align:center;color:#819a8a;font-size:8px;letter-spacing:1.3px;pointer-events:none}.desktop-hint i{font-style:normal;padding:0 12px}.danger{position:fixed;top:92px;left:50%;transform:translate(-50%) translateY(-5px);font-size:10px;letter-spacing:1px;border:1px solid #eaa77966;border-radius:7px;background:#5b2b20dd;padding:12px 19px;opacity:0;transition:opacity .2s;pointer-events:none}.in-danger .danger{opacity:1}.result-card{width:390px;padding:30px;background:#122329f5;border:1px solid #7c9b8050;border-radius:17px;box-shadow:0 30px 90px #0005}.result-card h2{font-size:36px;letter-spacing:-1.8px;margin:16px 0 5px}.result-card p{font-size:12px;color:#b1c2b5}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:27px 0}.result-grid span{display:block;font-size:8px;letter-spacing:1.4px;color:#95ac98}.result-grid b{display:block;font-size:27px;font-weight:500;margin-top:5px;color:#e0dfc3}.result-tip{font-size:11px!important;line-height:1.65;margin-bottom:22px}.result-card .main-button{height:55px}.result-card #spawn-message:empty{display:none}#joystick{display:none;position:fixed;left:35px;bottom:45px;width:112px;height:112px;border-radius:50%;border:1px solid #bdd8ac5c;background:#24403d66;touch-action:none}#stick{position:absolute;left:32px;top:32px;width:46px;height:46px;border:1px solid #d3e2be9e;border-radius:50%;background:#8ea58b55;pointer-events:none}.touch #joystick{display:block}.touch .desktop-hint{display:none}.touch .mass-panel{position:fixed;left:20px;bottom:184px}.touch .bottom-hud{bottom:52px}.touch .ability-tip{display:none}@media(max-width:650px){.topbar{padding:19px 18px}.brand{font-size:20px;gap:7px}.brand span{font-size:8px;padding-left:8px;letter-spacing:1.5px}.brand i,.local-label{display:none}.top-actions{gap:7px}.top-actions button{font-size:8px;padding:0 9px;height:33px}.sector{left:20px;top:83px;gap:6px}.sector .eyebrow{font-size:7px;letter-spacing:1px}.sector strong{font-size:10px}.intro-card{width:100%;margin:0;max-width:375px}.intro-stamp{display:none}h1{font-size:75px;letter-spacing:-4px;margin:20px 0}.intro-copy{font-size:12px}.rules-row{gap:23px;margin:25px 0}.rules-row span{font-size:8px}.rules-row b{font-size:11px}#menu{background:linear-gradient(90deg,#0d1b20ed,#0d1b20a8)}.main-button{max-width:none}.control-note{font-size:10px}.menu-note{font-size:7px}.bottom-hud{left:20px;right:20px;bottom:35px}.mass-panel{width:140px;padding:11px 13px}.mass-panel strong{font-size:30px}.mass-sub{font-size:5px}.repulse{width:164px;height:78px;gap:12px}.repulse b{font-size:11px;letter-spacing:1.5px}.repulse-symbol{font-size:31px}.repulse small{font-size:7px}.ability-tip{display:none}.danger{top:240px;width:max-content;max-width:90%;font-size:8px;text-align:center}.result-card{padding:25px;width:100%;max-width:380px}.result-card h2{font-size:32px}}@media(max-height:650px){.intro-card h1{font-size:57px;margin:13px 0}.intro-copy{font-size:11px}.rules-row{margin:15px 0}.control-note{margin-top:13px}.overlay{padding-top:65px}.result-card{padding:18px 24px}.result-card h2{font-size:28px}.result-grid{margin:15px 0;gap:13px}.result-tip{margin-bottom:15px}.touch .mass-panel{bottom:165px}.sector .eyebrow{display:none}#joystick{bottom:25px}.touch .bottom-hud{bottom:30px}.danger{top:215px}}@supports (padding:max(0px)){.topbar{padding-top:max(19px,env(safe-area-inset-top))}.bottom-hud{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#hud{position:fixed;inset:0;pointer-events:none}#joystick{pointer-events:auto}@media(max-width:360px){.touch .mass-panel{top:138px;bottom:auto;left:18px;width:112px;padding:10px}.touch .mass-panel .mass-sub{display:none}.repulse{width:144px;gap:8px}#joystick{left:20px;width:96px;height:96px}#stick{left:calc(50% - 23px);top:calc(50% - 23px)}}.field-rank{position:fixed;right:34px;top:102px;width:164px;border:1px solid #82978140;border-top:2px solid #c3bc82;background:#102127df;border-radius:3px 3px 13px;padding:14px 16px;pointer-events:none;backdrop-filter:blur(8px)}.rank-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#b9c9ad}.rank-heading i{font-style:normal;font-size:7px;letter-spacing:-1px;color:#cfb57c}.rank-position{display:flex;align-items:baseline;gap:10px;margin:3px 0 6px}.rank-position strong{font-size:42px;font-weight:500;letter-spacing:-2px;color:#d9dfbb;font-variant-numeric:tabular-nums}.rank-position span{font-size:11px;color:#88a192}.rank-track{height:3px;background:#72827330;transform:skew(-25deg)}.rank-track i{display:block;height:100%;background:#d4b783;transition:width .2s}#rank-gap{font-size:7px;letter-spacing:.6px;color:#b9c7ad;margin:10px 0 4px}#your-rank{font-size:7px;letter-spacing:1px;color:#829d8c}@media(max-width:650px){.field-rank{right:16px;top:80px;width:123px;padding:10px 12px}.rank-heading{font-size:7px;letter-spacing:.8px}.rank-position strong{font-size:33px}#rank-gap{font-size:6px}}@media(max-height:650px){.field-rank{top:74px}}.field-rank{width:204px}.field-signals{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #a5b79838}.field-signal{position:relative;padding:3px 0 3px 12px;display:flex;justify-content:space-between;font-size:9px;color:#b2c8b9;border-left:2px solid #b4c694}.field-signal:before{content:"";position:absolute;left:-4px;top:7px;width:6px;height:6px;transform:rotate(45deg);background:#dcc393}.field-signal strong{color:#e0c797;font-weight:500}.menu-secondary{width:100%;min-height:46px;margin-top:12px;border:1px solid #728c7555;background:#1b3032;color:#d6e3c8;border-radius:8px;font-size:11px;letter-spacing:1px;font-weight:650}.end-button{color:#e7b392;border-color:#bc8c6655}#your-rank{display:block;font-size:8px;line-height:1.6;color:#dcc9a0}#return{font-size:9px}.result-tip{margin:12px 0}@media(max-width:650px){.field-rank{width:146px;padding:10px}.field-signals{gap:5px;margin-top:7px;padding-top:6px}.field-signal{font-size:7px;padding:2px 0 2px 8px}.field-signal:before{top:5px;width:4px;height:4px;left:-3px}.rank-position strong{font-size:26px}#your-rank{font-size:7px}.rank-position{margin:1px 0 4px}#rank-gap{display:none}.danger{top:275px}}@media(max-height:650px){.result-card .result-tip{display:none}.result-card .main-button,.menu-secondary{min-height:40px;height:40px}.menu-secondary{margin-top:8px}.field-signals{gap:2px}.field-rank{padding:8px 10px}.rank-position strong{font-size:24px}.danger{top:250px}}.node-dock{position:fixed;bottom:44px;left:50%;transform:translate(-50%);width:285px;padding:10px 12px;background:#112329ec;border:1px solid #a8896455;border-radius:10px;text-align:center;pointer-events:auto}#node-guide{display:block;font:700 9px system-ui;letter-spacing:.7px;color:#e4c196}#overload-state{display:block;min-height:23px;margin:5px 0;color:#adbcaa;font:9px/1.5 system-ui}.overload-control{width:100%;min-height:48px;padding:8px;border:1px solid #dca275;background:#293b36;color:#efd4a6;border-radius:7px;cursor:pointer;font:700 10px system-ui;letter-spacing:1px}.overload-control small{display:block;margin-top:5px;font-size:8px;letter-spacing:.2px}.overload-control:disabled{opacity:.55;cursor:default}#core-release{position:fixed;top:65px;left:50%;transform:translate(-50%);padding:8px 16px;border:1px solid #ffc58b;background:#4b3028ed;border-radius:5px;color:#ffe2b0;font:700 10px system-ui;letter-spacing:1px;pointer-events:none;white-space:nowrap}#core-guide{position:fixed;left:34px;top:170px;max-width:170px;font:700 10px/1.7 system-ui;color:#ffd09a;letter-spacing:.5px;pointer-events:none}@media(max-width:650px){.node-dock{left:auto;right:20px;bottom:145px;transform:none;width:164px;padding:8px}#node-guide{font-size:8px}#overload-state{font-size:8px;min-height:24px}.overload-control{font-size:9px}#core-guide{left:20px;top:152px;max-width:160px;font-size:9px}#core-release{top:59px;font-size:8px;padding:5px 12px}}@media(max-height:650px){.node-dock{bottom:120px}#core-guide{top:auto;bottom:140px;max-width:112px;font-size:8px}}@media(max-width:360px){.node-dock{width:144px;right:20px}#core-guide{top:234px;max-width:280px;font-size:8px}}.node-dock{border-radius:3px 3px 10px;border-top:2px solid #ac9973}.node-dock.node-near{border-top-color:#f0c48d}.node-dock.node-waiting #overload-state{color:#ffe0a7;font-weight:750}.node-dock:not(.node-near):not(.node-waiting) #overload-state{display:none}#core-release{top:auto;bottom:185px;max-width:calc(100vw - 36px);width:340px;white-space:normal;text-align:center;padding:10px 12px;border-radius:3px 3px 9px;background:#14282bf2;border-top:2px solid #eac08c}#core-release span{display:block;font-size:8px;color:#b8c9ad;letter-spacing:1.1px}#core-release strong{display:block;font-size:11px;line-height:1.5;margin:5px 0;color:#ffe0ad}#core-release small{display:block;font-size:8px;line-height:1.5;letter-spacing:.2px;color:#b8c9ad}@media(max-width:650px){#core-release{inset:auto 20px 280px auto;transform:none;width:164px;padding:8px}#core-release strong{font-size:10px}#core-release small{font-size:7px}.node-dock{bottom:145px}#node-cost{line-height:1.4}.overload-control:disabled{opacity:.75}}@media(max-height:650px){#core-release{bottom:260px}.node-dock{bottom:120px}}@media(max-width:360px){#core-release{width:144px;bottom:260px}#core-guide{top:auto;bottom:140px;max-width:112px}}.node-dock #core-release{position:static;transform:none;width:auto;max-width:none;padding:0 0 8px;border:0;background:none;text-align:center}.core-teaching #node-guide,.core-teaching #overload-state{display:none}.node-dock #core-release strong{font-size:10px}.node-dock #core-release small{font-size:7px}@media(max-width:650px){.node-dock #core-release span{font-size:7px;letter-spacing:.2px}.node-dock #core-release strong{font-size:9px;line-height:1.3;letter-spacing:.2px;margin:3px 0}.node-dock #core-release small{display:none}}.radar-panel{position:fixed;bottom:44px;left:34px;width:142px;padding:8px;border:1px solid #82978155;border-top:2px solid #b6ba86;background:#102127e8;border-radius:3px 3px 12px;pointer-events:none}.radar-panel>span{display:block;font:700 8px system-ui;letter-spacing:1px;color:#c4d4b8;margin-bottom:5px}#radar-map{display:block;width:100%;height:100px}.mass-panel{position:fixed;left:34px;bottom:184px}#eject-route{display:block;font:7px/1.4 system-ui;color:#c7cfb6;margin-top:5px}#surge-notice{position:fixed;left:50%;top:65px;transform:translate(-50%);padding:9px 16px;border-top:2px solid #ef9bd4;background:#182a2ced;text-align:center;pointer-events:none;border-radius:3px 3px 10px}#surge-notice b{display:block;color:#f3a2d6;font:750 10px system-ui;letter-spacing:1px}#surge-notice strong{display:block;font:750 13px system-ui;color:#d4f2c3;margin:4px 0}#surge-notice small{font:7px system-ui;letter-spacing:.4px;color:#c2cbb8}@media(max-width:650px){.radar-panel{left:20px;bottom:184px;width:112px;padding:6px}#radar-map{height:80px}.touch .mass-panel,.mass-panel{top:auto;bottom:300px;left:20px;width:112px;padding:9px}.mass-panel .mass-sub{display:none}.mass-panel strong{font-size:26px}#surge-notice{inset:auto 20px 300px auto;transform:none;width:164px;padding:8px}#surge-notice strong{font-size:11px}#surge-notice small{font-size:6px}}@media(max-height:650px){.radar-panel{bottom:145px}.touch .mass-panel{top:138px;bottom:auto}.node-dock{bottom:120px}#surge-notice{bottom:285px}#core-guide{top:247px;bottom:auto;max-width:112px}}@media(max-width:360px){.radar-panel{bottom:145px}.touch .mass-panel{top:138px;bottom:auto}#surge-notice{width:144px}#core-guide{top:247px;bottom:auto;max-width:112px}}.ability-wrap{margin-left:auto}@media(max-width:650px){.radar-panel #surge-notice{position:static;transform:none;width:auto;max-width:none;padding:0 0 5px;border:0;background:none}.radar-panel #surge-notice b{font-size:8px;letter-spacing:.2px}.radar-panel #surge-notice strong{font-size:8px;margin:2px 0;color:#d5f5c1}.radar-panel #surge-notice small{display:none}.radar-panel.surge-announcing>span{display:none}.touch .mass-panel{bottom:325px}}@media(max-height:650px){.touch .mass-panel{bottom:auto}}@media(max-width:360px){.touch .mass-panel{bottom:auto}}#surge-countdown{margin-top:4px;color:#ffe4ac!important;font-size:8px!important;letter-spacing:.2px!important}.topbar{padding:18px 20px}.brand{font-size:20px}.local-label{display:none}.sector{left:20px;top:62px;gap:5px}.sector .eyebrow{display:block;font-size:7px;letter-spacing:1px}.sector strong{font-size:10px;letter-spacing:1px}.radar-panel{left:20px;top:105px;bottom:auto;width:120px;padding:6px}#radar-map{height:88px}.field-rank{right:20px;top:65px;width:158px;padding:9px 10px}.field-signals{gap:4px;margin-top:6px;padding-top:6px}.field-signal{font-size:8px}.rank-position strong{font-size:28px}#rank-gap{display:none}.action-controls{position:fixed;left:20px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;pointer-events:auto}.action-circle{width:60px;height:60px;border-radius:50%;border:1px solid #d6c087;background:#293b36e8;color:#ffe0a5;display:grid;place-items:center;font-size:25px;font-weight:750;box-shadow:0 5px 24px #0004;padding:0}#repulse{border-color:#c4d9a8;color:#dcebc8}#repulse:disabled{border-color:#708579;background:#182a2be8;color:#8b9f93;font-size:17px}#eject:disabled{opacity:.45}#joystick{left:auto;right:20px;bottom:max(24px,env(safe-area-inset-bottom));width:112px;height:112px}#stick{left:calc(50% - 23px);top:calc(50% - 23px)}.node-dock{inset:225px auto auto 20px;transform:none;width:158px;padding:6px;border:0;background:#112329b8;pointer-events:none}#core-guide{top:320px;bottom:auto;left:20px;max-width:150px;font-size:8px}@media(max-width:650px){.topbar{padding:16px}.brand{font-size:17px;gap:5px}.brand span{font-size:7px;padding-left:6px}.top-actions{gap:5px}.top-actions button{padding:0 7px;font-size:7px;height:30px}.sector{left:16px;top:57px}.radar-panel{left:16px;top:99px;width:112px}.field-rank{right:16px;top:59px;width:140px;padding:8px}.action-controls{left:16px}.field-signal{font-size:7px}.node-dock{left:16px;top:245px;width:140px}#core-guide{left:16px;top:338px;width:140px}}@media(max-height:650px){.node-dock{top:220px;font-size:7px}#core-guide{top:300px}.action-circle{width:52px;height:52px}.action-controls{gap:8px;bottom:18px}#joystick{bottom:18px;width:96px;height:96px}}.action-circle{-webkit-tap-highlight-color:transparent}.nickname-label{display:block;font-size:9px;letter-spacing:1px;margin:12px 0 6px;color:#b9c9ad}#nickname{display:block;width:100%;max-width:360px;padding:12px;border:1px solid #77917b;border-radius:7px;background:#11272c;color:#e3edd6;font:16px system-ui}#connection-status{font-size:11px;color:#edb57d;min-height:18px;margin:5px 0}#network-status{position:fixed;z-index:6;bottom:12px;left:50%;transform:translate(-50%);max-width:60vw;background:#182b2e;color:#ffe0ad;padding:7px 12px;border-radius:5px;font:10px system-ui;text-align:center}#continue-countdown{font-size:9px;letter-spacing:0}#play:disabled{opacity:.6}