[hidden]{display:none!important}
:root{--bg:#05070d;--panel:rgba(8,12,20,.78);--line:rgba(255,255,255,.14);--text:#f5f7fb;--muted:#9ca8ba;--cyan:#6feaff;--red:#ff3158;--gold:#ffc66b;--green:#63f2ae}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,select,input{font:inherit}.app,.app canvas{position:absolute;inset:0;width:100%;height:100%}canvas{display:block;touch-action:none}.filmgrain,.vignette,.damage-flash{position:absolute;inset:0;pointer-events:none}.filmgrain{z-index:4;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:soft-light;animation:grain .18s steps(2) infinite}@keyframes grain{50%{transform:translate(1%,-1%) scale(1.02)}}.vignette{z-index:5;background:radial-gradient(circle at 50% 46%,transparent 28%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.7) 110%)}.damage-flash{z-index:29;opacity:0;background:radial-gradient(circle,transparent 35%,rgba(255,12,52,.76));transition:opacity .12s}.damage-flash.active{opacity:1}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(180deg,rgba(4,6,11,.86),transparent);pointer-events:none}.identity{display:flex;align-items:center;gap:12px}.identity i{width:8px;height:32px;background:linear-gradient(var(--cyan),var(--red));box-shadow:0 0 22px var(--cyan)}.identity div{display:grid}.identity b{font-size:13px;letter-spacing:.22em}.identity span{font-size:8px;color:var(--muted);letter-spacing:.25em}.mode{display:flex;align-items:center;gap:8px}.mode span,.mode small{font-size:8px;letter-spacing:.16em;padding:7px 9px;border:1px solid var(--line);background:rgba(5,9,15,.66);backdrop-filter:blur(12px)}.mode span{color:var(--cyan)}.icon-button{pointer-events:auto;border:1px solid var(--line);background:rgba(5,9,15,.7);color:#fff;width:38px;height:38px;border-radius:50%;cursor:pointer}.hud{position:absolute;z-index:16;pointer-events:none}.hud-left{left:22px;top:88px;width:290px}.bar-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:var(--muted);margin:8px 2px}.bar-label b{color:#fff}.bar-track{height:8px;background:rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.18);clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%)}.bar-track i{display:block;height:100%;width:100%;transition:width .18s}.health i{background:linear-gradient(90deg,#9d0a2b,#ff3b62);box-shadow:0 0 18px rgba(255,49,88,.55)}.focus i{background:linear-gradient(90deg,#087b99,#73eeff);box-shadow:0 0 18px rgba(111,234,255,.45)}.focus-label{margin-top:13px}.combo-panel{display:flex;align-items:baseline;gap:10px;margin-top:18px;opacity:.32;transform-origin:left;transition:.18s}.combo-panel.active{opacity:1;transform:scale(1.05)}.combo-panel span{font-size:8px;letter-spacing:.18em;color:var(--muted)}.combo-panel strong{font-size:42px;line-height:1;color:var(--gold);text-shadow:0 0 22px rgba(255,198,107,.4)}.combo-panel em{font-style:normal;font-size:9px;letter-spacing:.16em}.hud-right{right:22px;top:88px;display:flex;gap:10px}.stat{min-width:105px;background:var(--panel);border:1px solid var(--line);padding:12px 14px;backdrop-filter:blur(12px)}.stat span{font-size:8px;color:var(--muted);letter-spacing:.17em}.stat b{display:block;margin-top:3px;font-size:23px}.mission-card{position:absolute;z-index:14;left:22px;bottom:32px;max-width:430px;pointer-events:none;text-shadow:0 2px 18px #000}.mission-card>span{font-size:8px;color:var(--cyan);letter-spacing:.18em}.mission-card h1{font-size:27px;margin:7px 0 5px}.mission-card p{margin:0;color:#bac3d2;font-size:11px}.counter-prompt{position:absolute;z-index:22;left:50%;top:19%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#fff}.counter-prompt i{position:absolute;inset:-14px -20px;border:1px solid var(--cyan);border-radius:99px;animation:pulse .5s ease infinite alternate;box-shadow:0 0 24px rgba(111,234,255,.5)}@keyframes pulse{to{transform:scale(1.15);opacity:.45}}kbd{border:1px solid rgba(255,255,255,.42);background:rgba(5,8,14,.8);border-radius:5px;padding:5px 8px;font-weight:800}.counter-prompt b{font-size:9px;letter-spacing:.16em}.special-prompt{position:absolute;z-index:15;right:25px;bottom:32px;font-size:8px;letter-spacing:.15em;color:var(--muted);display:flex;align-items:center;gap:8px}.overlay{position:absolute;z-index:40;inset:0}.start-overlay{display:grid;grid-template-columns:1.05fr .95fr;background:#05070d}.hero-art{position:relative;overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#05070d),linear-gradient(0deg,#05070d 0,transparent 45%)}.hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.15);transform:scale(1.06);animation:hero 12s ease-in-out infinite alternate}@keyframes hero{to{transform:scale(1.14) translateX(-2%)}}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:7vw;position:relative}.eyebrow{font-size:8px;color:var(--cyan);letter-spacing:.22em}.hero-copy h1{font-size:clamp(48px,7vw,105px);line-height:.84;margin:18px 0 24px;letter-spacing:-.06em}.hero-copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}.lead{max-width:610px;color:#aab5c6;line-height:1.7;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:22px}.primary,.secondary{border:0;padding:15px 22px;font-weight:850;letter-spacing:.11em;font-size:10px;cursor:pointer}.primary{color:#fff;background:linear-gradient(120deg,#c70c3c,#ff3b62);box-shadow:0 15px 45px rgba(255,49,88,.28)}.secondary{color:#dfe6f1;background:transparent;border:1px solid var(--line)}.control-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.control-strip span{font-size:7px;letter-spacing:.12em;padding:6px 8px;border:1px solid rgba(255,255,255,.1);color:#818da0}.loader-line{position:absolute;left:0;right:0;bottom:0;height:3px;background:#131925}.loader-line i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--red));transition:width .35s}.reference-overlay{display:grid;place-items:center;padding:6vw;background:rgba(3,5,9,.93);backdrop-filter:blur(15px)}.reference-wrap{display:grid;grid-template-columns:1.1fr .9fr;max-width:1180px;border:1px solid var(--line);background:#090d15}.reference-wrap img{width:100%;height:100%;object-fit:cover}.reference-wrap>div{padding:48px}.reference-wrap h2{font-size:42px;margin:12px 0}.reference-wrap p{color:#aab4c2;line-height:1.65}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:28px}.feature-grid article{background:#0b111b;padding:20px;display:grid;gap:8px}.feature-grid b{color:var(--red)}.feature-grid span{font-size:8px;letter-spacing:.12em}.close-button{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#080d15;color:#fff;font-size:25px;cursor:pointer}.settings-panel{position:absolute;z-index:45;right:18px;top:78px;width:330px;background:rgba(7,11,18,.94);border:1px solid var(--line);padding:18px;backdrop-filter:blur(15px)}.settings-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;letter-spacing:.15em}.settings-panel header button{border:0;background:none;color:#fff;font-size:22px}.settings-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding:14px 0;font-size:11px;color:#bcc6d4}.settings-panel select{background:#0d1420;color:#fff;border:1px solid var(--line);padding:7px}.settings-panel input[type=range]{width:130px}.settings-panel p{font-size:9px;line-height:1.5;color:#7f8b9d}.end-overlay{display:grid;place-content:center;text-align:center;background:rgba(3,5,9,.87);backdrop-filter:blur(12px)}.end-overlay h1{font-size:clamp(48px,8vw,110px);margin:10px}.end-overlay>p:not(.eyebrow){color:#aeb9c9}.end-overlay .primary{justify-self:center;margin-top:18px}.mobile-controls{display:none;position:absolute;z-index:25;left:0;right:0;bottom:18px;padding:16px;justify-content:space-between;align-items:end;pointer-events:none}.joystick{width:132px;height:132px;border-radius:50%;border:1px solid rgba(111,234,255,.4);background:rgba(5,12,20,.58);pointer-events:auto;position:relative;touch-action:none}.joystick:before,.joystick:after{content:"";position:absolute;background:rgba(111,234,255,.22)}.joystick:before{width:1px;top:15px;bottom:15px;left:50%}.joystick:after{height:1px;left:15px;right:15px;top:50%}.joystick i{position:absolute;width:56px;height:56px;border-radius:50%;left:50%;top:50%;margin:-28px;background:radial-gradient(circle at 35% 30%,#a8f6ff,#14729e);box-shadow:0 0 25px rgba(111,234,255,.45)}.mobile-actions{display:grid;grid-template-columns:64px 98px;gap:8px;pointer-events:auto;align-items:end}.mobile-actions button{border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(9,14,23,.76);color:#fff;backdrop-filter:blur(9px);touch-action:none;font-weight:850}.mobile-actions small{display:block;font-size:6px}.mobile-actions .attack{width:98px;height:98px;grid-row:1/3;grid-column:2;background:radial-gradient(circle at 35% 30%,#ff7890,#a50932)}.mobile-actions .counter,.mobile-actions .evade,.mobile-actions .special{width:62px;height:62px}.mobile-actions .special{background:radial-gradient(circle at 35% 30%,#77f3ff,#07577d)}footer{position:absolute;z-index:13;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:16px;font-size:7px;letter-spacing:.11em;color:#798598;pointer-events:none;white-space:nowrap}@media(max-width:850px){.start-overlay{grid-template-columns:1fr}.hero-art{position:absolute;inset:0;opacity:.35}.hero-art:after{background:linear-gradient(0deg,#05070d 8%,transparent 70%),rgba(5,7,13,.35)}.hero-copy{z-index:1;padding:8vw}.hero-copy h1{font-size:clamp(54px,14vw,100px)}.mobile-controls{display:flex}.mission-card{bottom:165px;left:14px;max-width:70vw}.special-prompt,footer{display:none}.hud-left{left:12px;top:76px;width:220px}.hud-right{right:12px;top:76px}.hud-right .stat:last-child{display:none}.topbar{padding:0 12px}.mode small{display:none}.reference-wrap{grid-template-columns:1fr;max-height:86vh;overflow:auto}.reference-wrap img{max-height:34vh}.reference-wrap>div{padding:28px}.settings-panel{left:12px;right:12px;width:auto}.control-strip{display:none}}@media(max-width:520px){.identity span{display:none}.mission-card h1{font-size:20px}.hud-right .stat{min-width:75px;padding:9px}.hero-actions{flex-direction:column}.feature-grid{grid-template-columns:1fr}.reference-wrap h2{font-size:31px}}

/* V4 robot arena + flexible controls */
:root{--red:#ff315f;--cyan:#70eaff;--panel:rgba(12,17,25,.76)}
.hero-art img{object-position:center;filter:saturate(1.1) contrast(1.06) brightness(.94)}
.end-overlay h1{font-size:clamp(46px,7vw,98px);letter-spacing:-.035em}
.mobile-controls{touch-action:none}.joystick,.mobile-actions button,#glCanvas,#fallbackCanvas{touch-action:none;user-select:none;-webkit-user-select:none}
.mobile-actions button:active{transform:scale(.91);filter:brightness(1.35)}
.mobile-actions .attack{box-shadow:0 8px 30px rgba(255,49,95,.36)}
.mobile-actions .counter{border-color:rgba(112,234,255,.7)}
.look-hint{position:absolute;z-index:24;right:18px;bottom:145px;font-size:7px;letter-spacing:.15em;color:rgba(220,235,245,.58);pointer-events:none}
@media(pointer:coarse){.look-hint{display:block}.joystick{width:142px;height:142px}.mobile-actions{grid-template-columns:68px 104px}.mobile-actions .attack{width:104px;height:104px}.mobile-actions .counter,.mobile-actions .evade,.mobile-actions .special{width:66px;height:66px}}


/* V6 natural-motion reference pass */
:root{--bg:#444647;--cyan:#72eaff;--red:#ff4d38;--gold:#ffd18a}
.filmgrain{opacity:.045}.vignette{background:radial-gradient(circle at 50% 44%,transparent 40%,rgba(0,0,0,.08) 76%,rgba(0,0,0,.34) 120%)}
.mission-card{text-shadow:0 2px 12px rgba(0,0,0,.55)}
.counter-prompt i{border-color:#ff513d;box-shadow:0 0 22px rgba(255,75,55,.42)}
.joystick{background:rgba(240,245,247,.13);border-color:rgba(255,255,255,.48);box-shadow:inset 0 0 35px rgba(255,255,255,.05)}
.joystick i{background:radial-gradient(circle at 35% 30%,#f7fcff,#6e8796);box-shadow:0 0 22px rgba(255,255,255,.28);transition:transform .025s linear}
.mobile-actions button{transition:transform .08s ease,filter .08s ease}.mobile-actions .attack{background:radial-gradient(circle at 35% 30%,#ff816d,#b7192e)}
.mode span{color:#d9fbff}.hero-copy h1 em{-webkit-text-stroke-color:rgba(255,255,255,.82)}


/* NEXUS Voxel Freeflow V1 additions */
:root{--voxel-green:#7cff62;--voxel-cyan:#58e9ff;--voxel-gold:#ffc85b}
.app{background:radial-gradient(circle at 50% 24%,rgba(86,151,185,.18),transparent 38%),linear-gradient(#162532,#07100d 72%)}
.filmgrain{opacity:.09}.vignette{box-shadow:inset 0 0 180px rgba(0,8,4,.76)}
.identity i{background:linear-gradient(135deg,var(--voxel-green),var(--voxel-cyan));box-shadow:0 0 22px rgba(124,255,98,.8)}
.mode span,.eyebrow,.bar-label span,.stat span{color:#b7ffc2}
.primary{background:linear-gradient(135deg,#72ff59,#24cbb7);color:#031006;box-shadow:0 12px 34px rgba(56,255,159,.24)}
.combo-panel.active{border-color:rgba(124,255,98,.55);box-shadow:0 0 30px rgba(124,255,98,.13)}
.mobile-actions .heavy{background:linear-gradient(145deg,#ffcf5b,#ef6e2c);color:#241000;border-color:rgba(255,220,120,.82);box-shadow:0 0 28px rgba(255,150,50,.26)}
.control-strip{flex-wrap:wrap;gap:8px}.control-strip span{border-color:rgba(124,255,98,.2);background:rgba(4,20,13,.54)}
.hero-copy h1 em{color:var(--voxel-green);text-shadow:0 0 34px rgba(124,255,98,.38)}
.mission-card{border-color:rgba(124,255,98,.20);background:linear-gradient(135deg,rgba(5,19,14,.78),rgba(10,20,28,.62));backdrop-filter:blur(14px)}
@media(max-width:700px){.mobile-actions{grid-template-columns:repeat(3,minmax(58px,1fr));gap:8px}.mobile-actions .attack{grid-column:span 2}.mobile-actions .heavy{grid-column:span 1}.hero-art{opacity:.38}.mission-card{max-width:70vw}}
@media(max-width:850px){
  .mission-card{bottom:210px;max-width:calc(100vw - 28px);padding:10px 12px;background:linear-gradient(90deg,rgba(3,7,12,.9),rgba(3,7,12,.5) 72%,transparent);border-left:2px solid rgba(111,234,255,.7)}
  .mission-card p{max-width:74vw;line-height:1.35}
  .mobile-actions .heavy{width:64px;height:48px;border-radius:24px;background:linear-gradient(145deg,#ffd36b,#f08b19);color:#10141a;box-shadow:0 0 18px rgba(255,198,107,.35)}
}
@media(max-width:520px){
  .mission-card{bottom:224px}
  .mission-card p{font-size:10px;max-width:68vw}
}