:root{color-scheme:only light;--bg-deep: #0b120d;--bg-mid: #142018;--panel: rgba(8, 15, 11, .72);--panel-border: rgba(153, 224, 153, .45);--text-main: #f1f7f0;--text-soft: #c8ddc7;--accent: #9de95b}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,sans-serif}body{background:radial-gradient(circle at 20% 15%,rgba(132,189,82,.25),transparent 35%),radial-gradient(circle at 80% 10%,rgba(78,153,128,.2),transparent 40%),linear-gradient(170deg,var(--bg-mid),var(--bg-deep))}#app{position:relative}.boot-loader{position:absolute;left:50%;bottom:1.05rem;transform:translate(-50%);z-index:50;padding:.42rem .72rem;border-radius:999px;border:1px solid rgba(158,213,255,.36);background:#030911bd;color:#e2f2ff;font-size:.72rem;line-height:1;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 16px #00000047;pointer-events:none;transition:opacity .18s ease,border-color .18s ease,color .18s ease}.boot-loader[data-state=loading]{border-color:#6eceff8f;color:#f0fbff}.boot-loader[data-state=ready]{border-color:#80e2a88a;color:#ddffe9;opacity:.86}.boot-loader[data-state=error]{border-color:#f889;color:#ffd9d9}canvas{display:block;width:100%;height:100%;touch-action:none}.intro-cinematic{position:absolute;inset:0;z-index:40;opacity:1;pointer-events:auto;transition:opacity .26s ease-out;background:radial-gradient(circle at 20% 22%,rgba(86,158,255,.16),transparent 40%),#05070c}.intro-cinematic.hidden{opacity:0;pointer-events:none}.intro-cinematic.prelude-active .intro-video{opacity:0;transform:scale(1.04)}.intro-cinematic.prelude-active .intro-copy{opacity:0;transform:translate(-50%) translateY(16px)}.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(1.05);transition:opacity .42s ease,transform .52s ease}.intro-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,transparent 12%,rgba(0,0,0,.5) 78%),linear-gradient(180deg,#0103088f,#0103089e);pointer-events:none}.intro-prelude{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;opacity:0;transition:opacity .26s ease;pointer-events:none;background:radial-gradient(circle at 50% 14%,rgba(93,167,255,.24),transparent 45%),linear-gradient(176deg,#020710f0,#030912eb)}.intro-cinematic.prelude-active .intro-prelude{opacity:1}.intro-prelude.hidden{opacity:0}.intro-prelude-stage{position:absolute;inset:0;opacity:.95}.intro-prelude-stage.active{opacity:1}.intro-prelude.static-fallback .intro-prelude-stage{opacity:1;background:linear-gradient(180deg,#01050c14,#01040ac2),radial-gradient(circle at 50% 38%,rgba(105,184,255,.08),transparent 46%),url(/assets/intro/patch-intro-poster.jpg?v=20260716-rig-v3) center 38% / cover no-repeat;transform:scale(1.035);animation:intro-static-camera 4.2s cubic-bezier(.2,.72,.25,1) both}.intro-prelude.static-fallback .intro-prelude-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,transparent 20%,rgba(0,0,0,.52) 78%),linear-gradient(112deg,transparent 22%,rgba(125,203,255,.1) 48%,transparent 69%);animation:intro-static-light 2.8s ease-in-out infinite alternate}@keyframes intro-static-camera{0%{transform:scale(1.035) translateY(.5%);filter:saturate(.9) contrast(1.02)}to{transform:scale(1.105) translateY(-1%);filter:saturate(1.08) contrast(1.1)}}@keyframes intro-static-light{0%{opacity:.58;transform:translate(-1.5%)}to{opacity:.92;transform:translate(1.5%)}}.intro-prelude-canvas{display:block;width:100%;height:100%}@media(prefers-reduced-motion:reduce){.intro-prelude.static-fallback .intro-prelude-stage,.intro-prelude.static-fallback .intro-prelude-stage:after{animation:none}}.prelude-scanlines{position:relative;width:100%;height:100%;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(196,226,255,.06) 0 1px,transparent 1px 4px),radial-gradient(circle at 50% 78%,rgba(20,40,76,.34),transparent 42%)}.prelude-copy{position:absolute;left:50%;bottom:clamp(8vh,14vh,18vh);transform:translate(-50%);width:min(92vw,980px);text-align:center;color:#eaf4ff;text-shadow:0 12px 36px rgba(0,0,0,.8);pointer-events:none}.prelude-kicker{display:block;font-size:clamp(.72rem,1vw,.92rem);letter-spacing:.19em;text-transform:uppercase;color:#97d4ffe0}.prelude-title{display:block;margin-top:.48rem;font-size:clamp(1.28rem,2.55vw,2.7rem);letter-spacing:.07em;font-weight:700;text-transform:uppercase}.prelude-body{display:block;margin-top:.44rem;font-size:clamp(.92rem,1.34vw,1.2rem);color:#eaf4ffe6}.intro-copy{position:absolute;left:50%;bottom:12vh;transform:translate(-50%);width:min(94vw,980px);text-align:center;color:#eaf4ff;text-shadow:0 12px 42px rgba(0,0,0,.78);pointer-events:none;transition:opacity .26s ease,transform .26s ease}.intro-title{display:block;font-size:clamp(1.28rem,2.05vw,2.4rem);letter-spacing:.07em;font-weight:700;text-transform:uppercase}.intro-body{display:block;margin-top:.5rem;font-size:clamp(.95rem,1.36vw,1.3rem);line-height:1.32;color:#f3f9ff}.intro-controls{display:block;margin-top:1rem;font-size:clamp(.72rem,1.04vw,.9rem);letter-spacing:.09em;text-transform:uppercase;color:#e1f2ffc7}.intro-skip{position:absolute;right:1rem;top:1rem;z-index:42;border:1px solid rgba(178,220,255,.62);border-radius:999px;background:#050e18a3;color:#e6f3ff;font-family:inherit;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:.42rem .88rem;cursor:pointer}.hud{position:absolute;top:.7rem;left:.7rem;z-index:10;width:min(96vw,980px);color:var(--text-main);pointer-events:none}.hud-shell{display:grid;gap:.18rem;padding:.06rem .08rem}.hud-row{display:flex;flex-wrap:wrap;gap:.22rem}.hud-chip{display:inline-flex;align-items:baseline;gap:.16rem;padding:.03rem .02rem;border:0;background:transparent;text-shadow:0 2px 10px rgba(0,0,0,.34)}.hud-chip-label{font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:#b0d0eaad}.hud-chip-value{font-size:.64rem;letter-spacing:.01em;color:#f1f8ffeb}.hud-chip-accent{filter:saturate(1.08)}.hud-chip-warn{filter:saturate(1.06)}.hud-chip-danger{filter:saturate(1.1)}.hud-chip-accent .hud-chip-value{color:#b8ffdcf5}.hud-chip-warn .hud-chip-value{color:#ffdcacf7}.hud-chip-danger .hud-chip-value{color:#ffacacfa}.hud[data-mode=minimal]{width:min(97vw,980px)}.boss-alert{display:inline-flex;align-items:center;margin:0 0 .2rem .08rem;padding:.1rem .2rem .12rem;border-radius:6px;border:1px solid rgba(255,212,138,.58);background:#1c13089e;color:#ffecc7fa;font-size:.62rem;line-height:1;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.42);animation:bossAlertPulse .96s ease-in-out infinite}.boss-alert-warn{border-color:#ffc274a3;background:#281806a3;color:#ffe1abfa}.boss-alert-danger{border-color:#ff7a7ab8;background:#360a0aad;color:#ffcecefc}.hud-strip{display:flex;flex-wrap:wrap;gap:.28rem .18rem;align-items:center;padding:.04rem .06rem}.hud-strip-item{display:inline-flex;align-items:center;padding:.08rem .1rem;border-radius:0;border:0;background:transparent;color:#e8f5ffe6;font-size:.62rem;line-height:1;letter-spacing:.035em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.36)}.hud-strip-item:after{content:"•";margin-left:.18rem;color:#8abfe4ad}.hud-strip-item:last-child:after{content:"";margin:0}@keyframes bossAlertPulse{0%,to{filter:saturate(1);transform:translateY(0)}50%{filter:saturate(1.14);transform:translateY(-1px)}}.center-message{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--text-main);pointer-events:none;z-index:9;font-size:clamp(1.4rem,2.2vw + .8rem,3.4rem);text-shadow:0 4px 24px rgba(0,0,0,.65);padding:2rem}#app[data-game-mode=menu] .hud,#app[data-game-mode=menu] .hint,#app[data-game-mode=menu] .touch-zones{opacity:0;visibility:hidden}.center-message[data-mode=menu]{padding:clamp(4rem,9vh,7rem) clamp(1rem,4vw,3rem) clamp(4.5rem,10vh,7rem)}.menu-card{position:relative;display:flex;flex-direction:column;align-items:center;width:min(720px,76vw);padding:clamp(1.25rem,2.5vw,2.15rem) clamp(1.2rem,3.5vw,3rem);overflow:hidden;border:1px solid rgba(146,219,255,.3);border-radius:28px;background:radial-gradient(circle at 50% -20%,rgba(82,202,255,.18),transparent 48%),linear-gradient(150deg,#040b14d6,#07111b94);box-shadow:0 28px 80px #00000080,inset 0 0 0 1px #ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,#74d7ff 28%,#ff684e 72%,transparent);box-shadow:0 0 24px #6ad8ff8c}.menu-kicker,.menu-status,.menu-tuning,.menu-loadout,.menu-run-state,.menu-roadmap{font-family:Chakra Petch,sans-serif;text-transform:uppercase}.menu-kicker{color:#8fdbff;font-size:clamp(.62rem,1vw,.78rem);letter-spacing:.18em}.menu-title{margin-top:.36rem;color:#f7fbff;font-size:clamp(2rem,5vw,4.4rem);font-weight:800;line-height:.98;letter-spacing:-.04em;text-wrap:balance}.menu-subtitle{max-width:34rem;margin-top:.62rem;color:#ddeef9d1;font-size:clamp(.78rem,1.2vw,1rem);line-height:1.35}.menu-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:1.1rem;border-block:1px solid rgba(136,205,238,.18)}.menu-control-item{padding:.64rem .8rem;color:#deedf7d6;font-family:Chakra Petch,sans-serif;font-size:clamp(.67rem,1vw,.82rem);line-height:1.25}.menu-control-item+.menu-control-item{border-left:1px solid rgba(136,205,238,.18)}.menu-control-item b{display:block;margin-bottom:.18rem;color:#ff8b72;font-size:.72em;letter-spacing:.16em;text-transform:uppercase}.menu-status,.menu-tuning,.menu-loadout,.menu-run-state,.menu-roadmap{margin-top:.48rem;color:#b9d7e8b8;font-size:clamp(.58rem,.86vw,.7rem);letter-spacing:.055em}.menu-feature{max-width:36rem;margin-top:.66rem;color:#e4f1f9c2;font-size:clamp(.66rem,.95vw,.78rem);line-height:1.35}.menu-cta{margin-top:1rem;padding:.58rem 1.15rem;border:1px solid rgba(255,126,93,.52);border-radius:999px;background:linear-gradient(90deg,#9a231480,#e34d2e3d);box-shadow:0 0 30px #ff533329;color:#fff4ee;font-family:Chakra Petch,sans-serif;font-size:clamp(.72rem,1.1vw,.9rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dialog-box{position:absolute;left:50%;bottom:5.4rem;transform:translate(-50%);z-index:11;max-width:min(86vw,900px);min-width:min(64vw,520px);padding:.62rem .84rem .68rem;border-radius:18px;border:1px solid rgba(129,200,255,.4);background:linear-gradient(180deg,#040a13b3,#050d188a);box-shadow:0 10px 24px #00000057,inset 0 0 0 1px #aee4ff14;color:#f3f8ff;opacity:0;pointer-events:none;transition:opacity .13s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-speaker{display:block;margin-bottom:.16rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#8fd8ff;opacity:.92}.dialog-text{display:block;font-size:1.03rem;line-height:1.25;letter-spacing:.01em;color:#f6fbff}.settings-panel{position:absolute;right:1rem;top:1rem;z-index:10;width:min(34vw,360px);min-width:250px;padding:.5rem .58rem;border-radius:14px;border:1px solid rgba(140,186,230,.18);background:linear-gradient(170deg,#060c137a,#070f1838);color:#deefff;font-size:.74rem;line-height:1.25;letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 22px #00000038;opacity:0;pointer-events:none;transition:opacity .14s ease-out}.settings-panel.visible{opacity:1}.settings-title{display:block;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#9fd8ff;margin-bottom:.2rem}.settings-row{display:block;opacity:.9}.settings-row.settings-focus{color:#c3f8ff;opacity:1}.quality-controls{position:absolute;top:2.65rem;right:1rem;z-index:16;width:min(18rem,calc(100vw - 2rem));color:#e9f6ff;font-family:Chakra Petch,sans-serif;pointer-events:auto}.quality-controls summary{width:max-content;max-width:100%;margin-left:auto;padding:.38rem .68rem;border:1px solid rgba(129,200,255,.36);border-radius:999px;background:#040b13c7;box-shadow:0 8px 22px #00000047;color:#e5f4fff0;font-size:.68rem;font-weight:700;letter-spacing:.06em;list-style:none;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.quality-controls summary::-webkit-details-marker{display:none}.quality-controls summary:before{content:"●";margin-right:.38rem;color:#72d6ff;font-size:.62em}.quality-controls[open] summary{border-radius:13px 13px 0 0;background:#050d17f0}.quality-menu{display:grid;gap:.34rem;padding:.52rem;border:1px solid rgba(129,200,255,.32);border-radius:15px 0 15px 15px;background:linear-gradient(155deg,#040c16f5,#081420e6);box-shadow:0 18px 42px #0000006b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quality-menu button{display:grid;grid-template-columns:minmax(6.6rem,auto) 1fr;gap:.5rem;align-items:center;width:100%;padding:.46rem .54rem;border:1px solid rgba(145,194,226,.16);border-radius:10px;background:#101f2c94;color:#e6f2fae0;font:inherit;text-align:left;cursor:pointer}.quality-menu button:hover,.quality-menu button:focus-visible{border-color:#75d6ff94;background:#1c3d50b8;outline:none}.quality-menu button[aria-pressed=true]{border-color:#6ae0ffbd;background:linear-gradient(90deg,#18637ab8,#1d3749b8);box-shadow:inset 3px 0 #63ddff}.quality-menu b{color:#f4fbff;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.quality-menu span,.quality-menu small{color:#b5d1e2b3;font-size:.58rem;line-height:1.2}.quality-menu small{padding:.2rem .28rem .08rem;text-align:center}.hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:8;color:var(--text-soft);background:#0309066b;border:1px solid rgba(151,211,168,.24);border-radius:999px;padding:.45rem .9rem;font-size:.78rem;white-space:normal;text-align:center;line-height:1.28;max-width:calc(100vw - 1.5rem);opacity:1;transition:opacity .26s ease}.hint.hidden{opacity:0}.social-dock{position:absolute;right:1rem;bottom:1rem;z-index:12;display:flex;gap:.45rem;align-items:center;pointer-events:auto}.social-link{display:inline-flex;align-items:center;gap:.34rem;padding:.24rem .46rem .24rem .24rem;border-radius:999px;border:1px solid rgba(146,198,230,.34);text-decoration:none;color:#e8f5ffeb;background:#060d14b8;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 20px #0000003d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.social-link img{width:1.05rem;height:1.05rem;border-radius:999px;object-fit:cover;border:1px solid rgba(163,216,255,.44)}.touch-zones{position:absolute;left:0;right:0;bottom:.6rem;display:none;justify-content:center;align-items:center;flex-wrap:wrap;gap:.36rem;padding:0 .6rem;pointer-events:none;z-index:7}.touch-zones.active{display:flex}.touch-zone{border-radius:14px;border:1px solid rgba(170,212,242,.2);background:#0810183d;color:#e2f1ff73;text-align:center;font-size:.58rem;letter-spacing:.08em;min-width:3.35rem;padding:.2rem .42rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.touch-zone-jump{border-color:#8ce69c70}.touch-zone-spin{border-color:#ffac7e80}.touch-zone-throw{border-color:#95d2ff75}.touch-zone-left,.touch-zone-right{border-color:#ffce8870}@keyframes preludeStrain{0%,to{transform:translate(0) rotate(-1.2deg)}25%{transform:translate(-6px) rotate(.8deg)}50%{transform:translate(4px) rotate(-.6deg)}75%{transform:translate(-3px) rotate(.4deg)}}@keyframes preludeBandTension{0%,to{transform:translate(-50%) scaleX(1)}50%{transform:translate(-50%) scaleX(1.06)}}@keyframes preludeSpark{0%,to{opacity:.22;transform:scale(.7)}50%{opacity:.94;transform:scale(1.22)}}@media(max-width:700px){.prelude-copy{bottom:19vh}.prelude-patch{width:min(70vw,300px)}.prelude-band{width:min(84vw,328px)}.intro-copy{bottom:16vh}.intro-skip{right:.5rem;top:.5rem;font-size:.72rem;padding:.34rem .74rem}.hud{left:.5rem;top:.5rem;width:calc(100vw - 1rem)}.boss-alert{font-size:.53rem;letter-spacing:.045em;padding:.08rem .14rem .1rem;margin-left:.02rem;margin-bottom:.16rem}.hud-strip{gap:.2rem .14rem;padding:.02rem}.hud-strip-item{font-size:.54rem;letter-spacing:.03em;padding:.06rem .08rem}.quality-controls{top:2.35rem;right:.5rem;width:min(17rem,calc(100vw - 1rem))}.quality-controls summary{padding:.32rem .56rem;font-size:.58rem}.hint{display:none}.dialog-box{bottom:4.15rem;min-width:0;width:calc(100vw - 1rem);padding:.52rem .62rem .58rem}.dialog-speaker{font-size:.66rem}.dialog-text{font-size:.88rem;line-height:1.23}.settings-panel{right:.5rem;top:.5rem;width:min(48vw,300px);min-width:190px;padding:.46rem .52rem;font-size:.66rem}.center-message[data-mode=menu]{align-items:center;padding:4.2rem .62rem 4.8rem}.menu-card{width:100%;max-height:calc(100dvh - 9rem);padding:1rem .9rem 1.05rem;border-radius:20px}.menu-title{font-size:clamp(1.72rem,9vw,2.5rem)}.menu-subtitle{max-width:20rem;font-size:.74rem}.menu-control-grid{margin-top:.78rem}.menu-control-item{padding:.54rem .46rem;font-size:.61rem}.menu-feature,.menu-tuning,.menu-run-state,.menu-roadmap{display:none}.menu-status,.menu-loadout{margin-top:.38rem;font-size:.56rem}.menu-cta{margin-top:.72rem;padding:.5rem .9rem;font-size:.68rem}#app[data-game-mode=menu] .settings-panel.visible{display:none}.boot-loader{bottom:.6rem;padding:.36rem .58rem;font-size:.64rem}.touch-zones{padding:.5rem;gap:.26rem}.social-dock{right:.5rem;bottom:.5rem;gap:.3rem}.social-link{font-size:.56rem;padding:.18rem .34rem .18rem .18rem}.social-link img{width:.9rem;height:.9rem}.touch-zone{font-size:.58rem;min-width:3.25rem;padding:.2rem .42rem}}@media(max-width:420px){.prelude-copy{bottom:22vh}.prelude-title{letter-spacing:.04em}.intro-controls{letter-spacing:.06em}}@media(max-aspect-ratio:4/5){.intro-video{object-fit:contain;background:#03050a}}@media(prefers-reduced-motion:reduce){.intro-video,.intro-copy,.prelude-patch,.prelude-band,.prelude-spark{animation:none!important;transition:none!important}}@media(pointer:coarse){.touch-zones{opacity:.94}}