:root{font-family:Inter,"Segoe UI",Arial,system-ui,sans-serif;color-scheme:dark;--bg:#050713;--white:#f0f5ff;--cyan:#8eeaff;--muted:#8594b2;--line:#273149;--glass:#080e21e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#060713;color:var(--white);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #c5f3ff;outline-offset:4px}
[hidden]{display:none!important}.site-head{height:68px;padding:0 max(24px,calc((100vw - 1500px)/2));border-bottom:1px solid #1e293d;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#070c18}.wordmark{font-size:13px;font-weight:850;letter-spacing:.22em;white-space:nowrap}.wordmark b{font:600 10px ui-monospace,monospace;color:#7e99b3;letter-spacing:.1em}.mark{font-size:25px;color:#9de5ff;vertical-align:-2px;margin-right:7px}.caps,.head-links,.game-head,.game-bottom,.tiny,.overline,.section-code,.brief-eyebrow,.chapter,.quick-controls,.disclosure{font:700 10px ui-monospace,Consolas,monospace;letter-spacing:.15em}.caps{color:#8296b3}.head-links{display:flex;align-items:center;gap:22px}.head-links button{border:0;background:none;color:#bac9de;font:inherit}.head-links a:hover,.head-links button:hover{color:#83eaff}
main{max-width:1570px;margin:0 auto;padding:0 36px}
.intro{padding:58px 0 34px}.overline{color:#9aabc8;display:flex;align-items:center;gap:12px;margin-bottom:17px}.pulse,.indicator,.verified-dot{width:7px;height:7px;border-radius:100%;background:#7bead9;display:inline-block;box-shadow:0 0 16px #65fbdaaa}.intro-main{display:flex;gap:40px;align-items:end;justify-content:space-between}.intro h1{font-size:clamp(60px,8vw,130px);letter-spacing:-.09em;line-height:.78;font-weight:750;margin:0}.intro h1>span{color:#92dbfb;font-weight:340}.intro h1 sup{display:block;font-size:clamp(11px,1vw,15px);letter-spacing:.29em;margin:22px 0 0 7px;font-family:ui-monospace,monospace;color:#91a3c4;font-weight:600}.intro p{color:#e1eaff;font-size:13px;letter-spacing:.25em;font-weight:700;margin:21px 0 0 8px}.description{font-size:14px;color:#99a8c2;line-height:1.7;max-width:275px;margin-bottom:0}
.game-shell{border:1px solid #344660;box-shadow:0 60px 130px #0009,0 0 90px #122e5640;background:#080d1b;position:relative}.game-head{height:56px;padding:0 25px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#0b1225;border-bottom:1px solid #24394e;color:#9baeca}.game-tag{display:flex;align-items:center;gap:10px;white-space:nowrap}.game-tag i{font-style:normal;color:#ddf6ff}.game-reads{display:flex;align-items:center;gap:27px}.game-reads strong{color:#edf5ff;margin-left:8px;font-weight:800;font-size:12px}
.stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#050717;touch-action:none;isolation:isolate}
#arena{width:100%;height:100%;display:block;cursor:crosshair;outline-offset:-3px}
.top-hud,.bottom-hud{pointer-events:none;position:absolute;z-index:5;left:3.2%;right:3.2%;display:flex;justify-content:space-between;gap:20px;align-items:start}.top-hud{top:4.2%}.health-module{width:228px;background:linear-gradient(90deg,#071022de,#07102200);padding:11px}.hud-label{font:800 11px ui-monospace,monospace;color:#c3ddf2;display:flex;justify-content:space-between;letter-spacing:.09em}.hud-label span{color:#84f7e6}.meter{height:6px;background:#264056;margin-top:10px;overflow:hidden}.meter span{width:100%;height:100%;display:block;background:linear-gradient(90deg,#4ee6d7,#dcfff6);box-shadow:0 0 20px #70ffdb}.ability-group{display:flex;gap:12px}.ability{display:flex;align-items:center;gap:9px;background:#071021c4;border:1px solid #7185a536;padding:9px 12px}.ability .key{color:#d6e7fb;background:#2a3651;padding:8px;font:800 10px ui-monospace,monospace}.ability b{display:block;font:700 10px ui-monospace,monospace;letter-spacing:.1em;color:#deeaf7}.ability small{color:#73e9d6;font:700 10px ui-monospace,monospace}
.bottom-hud{bottom:3.5%;align-items:end}.tiny{color:#9fb8ce}.tiny b{color:#c9fcff}.xp-meter{height:4px;width:190px;background:#26415a;margin-top:9px}.xp-meter span{height:100%;display:block;width:0;background:#bb8aff;box-shadow:0 0 14px #bb8aff}.wave-text{font:800 10px ui-monospace,monospace;letter-spacing:.12em;color:#b4bddb}
.layer{position:absolute;inset:0;z-index:12;background:radial-gradient(ellipse at 50% 47%,#061023cc,#050915e8 74%);display:grid;place-items:center;text-align:center;padding:18px;backdrop-filter:blur(2px)}.brief{width:min(560px,100%);margin:0 auto}.brief-eyebrow{color:#85dff5;font-size:11px}.symbol-wrap{margin:24px auto 14px;width:111px;height:111px;display:grid;place-items:center;border:1px solid #87d8ff6b;border-radius:50%;box-shadow:0 0 0 20px #91c9ff0b,0 0 0 40px #7cbbff07}.symbol{font-size:58px;color:#dafaff;text-shadow:0 0 30px #8fe1ff}.chapter{color:#a8b6cd;margin:20px 0 12px}.brief h2,.upgrade-box h2{font-weight:620;font-size:clamp(40px,5.5vw,80px);letter-spacing:-.077em;line-height:.93;margin:0}.brief h2 em,.upgrade-box h2 em{font-style:normal;color:#83defc;font-weight:360}.brief p,.upgrade-box>p{color:#aab9d0;font-size:14px;line-height:1.6;max-width:420px;margin:20px auto}.launch{background:#d6f2fc;color:#06101e;border:0;min-height:54px;padding:0 28px;font-size:11px;font-weight:900;letter-spacing:.11em;display:inline-flex;align-items:center;gap:30px;justify-content:space-between;box-shadow:0 0 30px #74ddfc3b}.launch:hover{background:#fff;transform:translateY(-2px)}.quick-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px auto 10px;color:#b4c5df;font-size:9px;letter-spacing:.07em}.disclosure{max-width:500px;font-size:9px;letter-spacing:.025em;line-height:1.5;color:#7188a9;margin:12px auto 0}.brief.compact{max-width:600px}.brief.compact h2{margin:24px 0}.brief.compact .secondary{margin-left:15px;border:1px solid #526b89;background:#16223a;color:#c9d8ef;padding:14px}.end-stats{display:flex;gap:26px;justify-content:center;margin:24px 0;font:700 10px ui-monospace,monospace;color:#99b5ca}.end-stats b{display:block;font-size:19px;margin-top:7px;color:#fff}.upgrade-box{width:min(840px,100%)}.upgrade-box h2{font-size:clamp(33px,4vw,57px);margin:19px 0}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.upgrade-card{min-height:206px;border:1px solid #617c9f77;background:linear-gradient(145deg,#1b304b,#101829);color:#eaf5fc;text-align:left;padding:23px;display:flex;flex-direction:column;justify-content:space-between}.upgrade-card:hover,.upgrade-card:focus-visible{border-color:#9ceeff;background:#214060;transform:translateY(-4px)}.upgrade-card i{font-size:35px;font-style:normal;color:#9bebff}.upgrade-card b{font-size:19px;letter-spacing:-.04em}.upgrade-card small{font-size:12px;color:#b1c2d3;line-height:1.5}
.mobile-ui{position:absolute;inset:auto 12px 20px;z-index:7;display:none;align-items:end;justify-content:space-between;pointer-events:none}.move-zone{height:130px;width:135px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;pointer-events:auto;touch-action:none}.move-zone>span{font:700 9px ui-monospace,monospace;color:#d4e4f5}.joystick-bg{border-radius:50%;height:106px;width:106px;border:1px solid #9bc7e66e;background:#10284855;display:grid;place-items:center}.joystick-stick{border-radius:50%;width:43px;height:43px;background:#a6e9ff9a;border:2px solid #d1faff}.mobile-actions{display:flex;gap:13px;pointer-events:auto}.mobile-actions button{background:#16324add;border:2px solid #71a8d3aa;color:#ecfbff;font:800 12px ui-monospace,monospace;border-radius:50%;width:72px;height:72px}.mobile-actions button:first-child{background:#3e1d62dd;border-color:#c3a5fd}
.game-bottom{padding:18px 22px;border-top:1px solid #283a51;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#0a1222}.bottom-caps{color:#a5b7cf;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.09em}.verified-dot{background:#b1eacc;width:6px;height:6px}.bottom-buttons{display:flex;gap:7px}.bottom-buttons button{border:1px solid #354b65;background:#152139;color:#d0e3f2;padding:10px 13px;font:700 10px ui-monospace,monospace;white-space:nowrap}.bottom-buttons button:hover{border-color:#9ddaff}
.under{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;border-bottom:1px solid #1e2b42;margin-top:90px;padding-bottom:85px}.section-code{color:#79dff9}.under h2{font-size:clamp(48px,5vw,77px);letter-spacing:-.073em;line-height:.95;margin:25px 0}.under h2 em{color:#8fe6ff;font-weight:320;font-style:normal}.under-section p{font-size:14px;color:#94a6c3;line-height:1.8;max-width:435px}.mechanics{display:grid;gap:15px}.mechanics article{padding:24px;border:1px solid #273653;background:#0c1426;display:grid;grid-template-columns:42px 1fr;gap:0 25px}.mechanics article>span{grid-row:span 2;color:#90ecff;font:700 12px ui-monospace,monospace}.mechanics h3{margin:0;font-size:21px;font-weight:550}.mechanics p{margin:9px 0 0;color:#9eafc7;line-height:1.6;font-size:13px}
footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0 45px;color:#7389a8;font:700 10px ui-monospace,monospace;letter-spacing:.07em}footer>div{display:flex;gap:22px}footer a:hover{color:#9ce6fd}
@media(max-width:1000px){main{padding:0 20px}.intro{padding-top:39px}.intro-main{align-items:start}.intro h1{font-size:clamp(55px,9vw,100px)}.description{max-width:205px;font-size:13px}.stage{aspect-ratio:16/10}.under{gap:40px}.ability{padding:6px}.ability .key{padding:5px}}
@media(max-width:720px){.site-head{padding:0 15px;height:58px}.caps{display:none}.head-links{gap:12px;font-size:9px}.intro-main{display:block}.intro{padding:35px 0 23px}.intro h1{font-size:clamp(60px,13vw,85px)}.intro p{font-size:10px;margin-top:17px}.description{margin-top:18px;max-width:100%}.game-head{padding:0 10px;height:auto;min-height:48px;flex-wrap:wrap;gap:6px;font-size:9px}.game-reads{gap:12px}.game-reads strong{margin-left:4px}.stage{aspect-ratio:4/5;min-height:400px}.top-hud{top:13px;left:12px;right:12px;align-items:flex-start}.health-module{width:123px;padding:8px}.hud-label{font-size:8px}.ability-group{gap:5px}.ability{gap:5px;padding:5px}.ability .key{display:none}.ability b{font-size:8px}.ability small{font-size:9px}.bottom-hud{bottom:12px;left:13px;right:13px}.xp-meter{width:120px}.wave-text{font-size:8px}.mobile-ui{display:flex;bottom:53px}.layer{padding:12px}.symbol-wrap{width:65px;height:65px;margin:12px auto}.symbol{font-size:36px}.brief-eyebrow{font-size:9px}.brief h2{font-size:clamp(36px,10vw,54px)}.brief p{font-size:12px;margin:14px auto;max-width:310px}.quick-controls{font-size:8px;gap:9px;margin-top:14px}.disclosure{display:none}.upgrade-cards{grid-template-columns:1fr;gap:7px}.upgrade-card{min-height:85px;flex-direction:row;align-items:center;gap:15px;padding:12px}.upgrade-card i{font-size:29px}.upgrade-card small{font-size:10px;max-width:155px}.upgrade-box h2{margin:10px 0}.upgrade-box>p{margin:9px 0}.game-bottom{padding:12px;display:block}.bottom-caps{font-size:8px}.line,.bottom-caps span:last-child{display:none}.bottom-buttons{margin-top:10px}.under{grid-template-columns:1fr;margin-top:55px;gap:22px;padding-bottom:45px}.under h2{font-size:55px}.mechanics{gap:9px}.mechanics article{padding:15px}footer{flex-direction:column;gap:14px}footer>div{flex-wrap:wrap;gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Preserve rendered geometry when the arena becomes portrait on phones. */
@media(max-width:720px){#arena{object-fit:cover;object-position:center}}