: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-canvas{display:block;width:100%;height:100%}.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}.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}.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}.hint{bottom:.5rem;font-size:.68rem;padding:.35rem .7rem;max-width:calc(100vw - 10.5rem)}.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}.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(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}}