:root{color-scheme:dark;--bg:#070911;--panel:#0e1221;--muted:#949aac;--gold:#ffd16a;--cyan:#7ae7ff;--pink:#f878dd;--border:rgba(182,199,237,.14)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:#f3f5ff;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 12% 0,rgba(22,48,69,.5),transparent 48%),radial-gradient(ellipse at 94% 25%,rgba(78,28,69,.3),transparent 40%),var(--bg);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button:hover{filter:brightness(1.16)}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}.page-grain{pointer-events:none;position:fixed;inset:0;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");z-index:100}.topbar{max-width:1440px;padding:25px 40px 24px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:2px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--gold);color:var(--gold);font-size:25px;transform:skew(-7deg);border-radius:5px}.brand-sub{display:block;font-size:8px;letter-spacing:3.1px;margin-top:5px;color:#9098ac;font-weight:400}.production{font-size:10px;letter-spacing:2px;color:#9ca4b9;display:flex;align-items:center;gap:9px}.production i{width:5px;height:5px;background:var(--gold);box-shadow:0 0 9px var(--gold);border-radius:50%}.top-actions{display:flex;gap:12px}.icon-button{height:33px;display:flex;gap:7px;align-items:center;background:#121726;border:1px solid var(--border);border-radius:7px;padding:5px 10px;font-size:22px}.icon-button span{font-size:10px;letter-spacing:.5px}.icon-button[aria-pressed=true]{color:var(--gold)}main{max-width:1440px;margin:auto;padding:0 40px}.game-shell{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#0b0e18;box-shadow:0 25px 90px #0008,0 0 55px rgba(42,90,123,.08)}.hud{position:relative;display:flex;align-items:center;gap:35px;height:68px;padding:0 25px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,#12182a,#0d111d)}.chapter{margin-right:auto;display:flex;flex-direction:column;gap:5px}.chapter>span{font-size:8px;letter-spacing:2px;color:var(--gold)}.chapter strong{font-size:13px;letter-spacing:.3px}.hud-label{font-size:8px;color:var(--muted);letter-spacing:1.5px;display:block;margin-bottom:5px}.vitals #health{font-size:16px;letter-spacing:2px;color:#ff788f;white-space:nowrap}.scorebox{min-width:62px}.scorebox strong{font-size:15px;font-variant-numeric:tabular-nums;letter-spacing:1px}.points strong{color:var(--gold)}.pause-button{background:#232a3d;border:1px solid var(--border);width:34px;height:34px;border-radius:7px;font-size:16px}.viewport{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#0d1527}canvas{width:100%;height:100%;display:block;touch-action:none}.cinematic{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 75px #0005;z-index:1}.boss-hud{position:absolute;z-index:3;top:20px;left:50%;transform:translateX(-50%);width:min(55%,550px);filter:drop-shadow(0 3px 7px #000)}.boss-hud>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.boss-hud span{font-size:8px;letter-spacing:1px;color:#ff8097}.boss-hud strong{font-size:10px;letter-spacing:1.5px}.boss-hud em{font-size:8px;font-style:normal;color:#c4cadc}.boss-track{height:5px;background:#3c203a;border-radius:3px;overflow:hidden}.boss-track i{display:block;height:100%;background:linear-gradient(90deg,#ff658c,#ffb454);width:100%;transition:width .12s}.toast{position:absolute;top:14%;left:50%;transform:translate(-50%,-6px);padding:11px 17px;background:#071122e8;backdrop-filter:blur(9px);border:1px solid #7de8ff66;border-radius:8px;font-size:13px;font-weight:600;max-width:82%;text-align:center;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;z-index:6}.toast.visible{opacity:1;transform:translate(-50%,0)}.ability-bar{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:2;font-size:8px;letter-spacing:.8px;white-space:nowrap}.ability-bar>span{padding:9px 11px;border:1px solid #a6b9ea24;background:#0b1123cc;border-radius:6px}.ability-bar b{font-size:8px;color:var(--cyan);margin-left:6px}.ability-bar #combo-status{color:var(--gold)}.overlay{position:absolute;inset:0;display:flex;align-items:center;z-index:5;overflow:hidden}.cover-art{position:absolute;inset:0;background-image:url(assets/cover.png);background-size:cover;background-position:center;transform:scale(1.04);transition:opacity .3s}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,20,.98),rgba(6,10,22,.88) 30%,rgba(8,10,22,.1) 74%),linear-gradient(0deg,#070a18cc,transparent 50%)}.overlay-content{position:relative;width:57%;padding:35px 45px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--gold)}h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(36px,5.9vw,83px);font-weight:900;letter-spacing:1px;line-height:.93;margin:20px 0 0;text-shadow:2px 3px 0 #0004}h1 span{font-family:Arial,Helvetica,sans-serif;display:block;font-size:.26em;letter-spacing:.16em;margin-top:12px;color:var(--gold);line-height:1.5;font-weight:900}.overlay-content p{color:#bdc7dc;font-size:15px;line-height:1.7;margin:19px 0 25px;max-width:380px}.menu-actions{display:flex;flex-wrap:wrap;gap:12px}.play-button{background:linear-gradient(115deg,#ffe199,#ffc342);color:#251b07;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:7px;font-size:10px;font-weight:900;letter-spacing:1px;padding:0 18px;box-shadow:0 5px 24px #ffd35c20}.play-button>span:last-child{font-size:22px}.secondary-button{font-size:10px;background:#ffffff0b;border:1px solid #ffffff30;padding:12px 16px;border-radius:7px}.menu-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:8px;letter-spacing:.9px;color:#8893ae;margin-top:20px}.menu-meta #best-score{color:#bbc1d0}.overlay.simple .cover-art{opacity:.16;filter:blur(3px)}.overlay.simple .cover-shade{background:linear-gradient(100deg,#060a18ee,#0d1435ce)}.overlay.simple{justify-content:center;text-align:center}.overlay.simple .overlay-content{width:min(100%,680px)}.overlay.simple .overlay-content p{margin-left:auto;margin-right:auto}.overlay.simple .menu-actions,.overlay.simple .menu-meta{justify-content:center}.overlay.simple h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(28px,4vw,49px);line-height:1.1;letter-spacing:-1.5px}.overlay.simple h1 span{font-size:.35em;letter-spacing:.07em}.help-panel{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:20px;background:#060a18e8;backdrop-filter:blur(12px)}.help-card{position:relative;width:min(100%,620px);max-height:100%;overflow:auto;padding:25px;background:#10182c;border:1px solid #ffffff1c;border-radius:14px}.help-card h2{font-size:28px;letter-spacing:-1px;margin:10px 0}.help-card p{font-size:12px;line-height:1.7;color:#b1bdd7}.close-button{position:absolute;right:14px;top:9px;background:none;font-size:28px;color:#9aa6c0}.help-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}.help-controls div{display:flex;flex-direction:column;gap:8px;padding:13px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:7px}.help-controls b{font-size:10px;color:var(--gold)}.help-controls span{font-size:10px;color:#b5bfd6}.help-tip{font-size:10px!important}.touch-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;background:linear-gradient(90deg,#11192a,#0c101e);border-top:1px solid var(--border);gap:12px}.direction-pad,.power-pad,.action-pad{display:flex;align-items:center;gap:10px}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;display:flex;justify-content:center;align-items:center;border:1px solid #a9bbdd33;background:#1b2439;box-shadow:0 4px 8px #0003;height:54px;width:60px;border-radius:10px}.touch-controls button.pressed{background:#2b4261;border-color:var(--cyan);box-shadow:0 0 18px #7ae7ff29}.direction{font-size:22px;color:#c0d8ff}.touch-controls .power,.touch-controls .action{flex-direction:column;gap:3px}.power span,.action span{font-size:23px;line-height:1}.touch-controls small{font-size:7px;font-weight:800;letter-spacing:.5px}.power{color:var(--cyan)}.touch-controls .rewind{color:#d1a8ff}.touch-controls .react{background:#4a274a;border-color:#ed8dc277;color:#ffc5ef}.touch-controls .jump{background:#64502a;border-color:#ffd16a66;color:#ffe4a6}.below-game{display:flex;justify-content:space-between;align-items:center;padding:18px 2px}.keyboard-hints{display:flex;gap:19px;font-size:8px;letter-spacing:.5px;color:#919bb4}.keyboard-hints>span{display:flex;gap:4px;align-items:center}kbd{font:inherit;color:#c2cbe0;background:#131a2d;border:1px solid #ffffff16;padding:3px 5px;border-radius:3px}.sound-note{font-size:10px;color:#a3abc2}footer{max-width:1440px;margin:15px auto 0;padding:0 40px 20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#65718b}footer strong{color:#acb8d0}footer a{color:#a9b6ce}.hidden{display:none!important}.game-shell:fullscreen{border:0;border-radius:0;height:100dvh;width:100vw;display:flex;flex-direction:column;background:#070b18}.game-shell:fullscreen .viewport{flex:1;aspect-ratio:auto;min-height:0}.game-shell:fullscreen .hud{height:52px;flex-shrink:0}.game-shell:fullscreen .touch-controls{padding:8px 25px;flex-shrink:0}.game-shell.expanded{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;border-radius:0;height:100dvh;background:#070b18}.game-shell.expanded .viewport{flex:1;aspect-ratio:auto;min-height:0}.game-shell.expanded .hud{flex-shrink:0}.game-shell.expanded .touch-controls{flex-shrink:0}.reduce-motion .cover-art{transform:none}
@media(min-width:1100px){.touch-controls{padding:10px 26px}.touch-controls button{height:43px;width:56px}.touch-controls small{font-size:6px}.power span,.action span{font-size:20px}}
@media(max-width:900px){.topbar{padding:15px 20px}.production{display:none}main{padding:0 16px}.hud{padding:0 16px;gap:18px;height:59px}.overlay-content{padding:22px 28px;width:64%}.overlay-content p{font-size:12px;margin:14px 0 18px}.eyebrow{font-size:8px;letter-spacing:1.4px}.menu-meta{margin-top:14px;font-size:7px}.play-button{min-height:42px;font-size:8px;gap:14px}.secondary-button{font-size:9px;padding:10px}.keyboard-hints{gap:10px;font-size:7px}.sound-note{font-size:8px}.help-card{padding:19px}.help-card h2{font-size:22px}.help-card p{font-size:10px}.help-controls{gap:6px;margin:10px 0}.help-controls div{padding:9px}.help-controls span,.help-controls b{font-size:8px}footer{padding:0 20px 18px;font-size:7px}}
@media(max-width:600px) and (orientation:portrait){.topbar{padding:12px 14px}.brand{font-size:10px;letter-spacing:1.4px}.brand-mark{width:29px;height:29px;font-size:20px}.brand-sub{font-size:6px;letter-spacing:2.4px}.top-actions{gap:6px}.icon-button{padding:4px 8px;font-size:20px;height:30px}.icon-button span{font-size:8px}main{padding:0 8px}.game-shell{border-radius:10px}.hud{height:57px;padding:0 10px;gap:11px}.chapter strong{font-size:10px}.chapter>span{font-size:7px}.hud-label{font-size:6px;letter-spacing:.8px}.vitals #health{font-size:12px;letter-spacing:0}.scorebox{min-width:43px}.scorebox strong{font-size:11px;letter-spacing:0}.points{display:none}.pause-button{width:28px;height:30px;font-size:13px}.viewport{aspect-ratio:4/5;max-height:calc(100svh - 230px);min-height:330px}.overlay-content{width:100%;padding:24px 22px;align-self:flex-end;padding-bottom:31px}.cover-art{background-size:auto 100%;background-position:34% center}.cover-shade{background:linear-gradient(0deg,#050917 5%,#050917eb 38%,#05091725 88%)}h1{font-size:46px;margin-top:14px}h1 span{font-size:13px;letter-spacing:2px}.overlay-content p{font-size:12px;margin:10px 0 19px}.play-button{font-size:9px;min-height:45px}.secondary-button{font-size:9px}.menu-meta{font-size:7px;margin-top:15px}.overlay.simple .overlay-content{align-self:center}.overlay.simple h1{font-size:31px}.ability-bar{bottom:11px;gap:5px;font-size:6px}.ability-bar>span{padding:7px}.ability-bar b{font-size:6px;margin-left:3px}.ability-bar #combo-status{display:none}.boss-hud{width:83%;top:15px}.boss-hud strong{font-size:8px;letter-spacing:.7px}.boss-hud span,.boss-hud em{font-size:6px}.toast{font-size:10px;top:19%;padding:9px 12px}.touch-controls{padding:12px 10px;gap:5px}.direction-pad,.power-pad,.action-pad{gap:6px}.touch-controls button{width:47px;height:54px;border-radius:9px}.touch-controls .power{width:45px;height:49px}.power span,.action span{font-size:22px}.touch-controls small{font-size:6px;letter-spacing:.1px}.below-game{justify-content:center;padding:12px}.keyboard-hints{display:none}.sound-note{font-size:9px}footer{padding:0 14px 16px;margin-top:5px;font-size:6px;letter-spacing:.5px}footer>span:last-child{display:none}.help-panel{padding:9px}.help-card{padding:17px}.help-controls{grid-template-columns:repeat(2,1fr)}.help-card .play-button{min-height:40px;font-size:8px}}
@media(max-height:560px) and (orientation:landscape){body{padding:0}.topbar,footer,.below-game{display:none}main{padding:5px 8px}.game-shell{display:flex;flex-direction:column;height:calc(100dvh - 10px);border-radius:8px}.hud{height:41px;min-height:41px;padding:0 16px;gap:20px}.chapter{gap:2px}.chapter strong{font-size:10px}.chapter>span{font-size:6px}.hud-label{font-size:6px;margin-bottom:3px}.vitals #health{font-size:11px}.scorebox strong{font-size:11px}.pause-button{height:27px;width:27px}.viewport{flex:1;aspect-ratio:auto;min-height:0}.touch-controls{padding:5px 18px;min-height:57px}.touch-controls button{width:52px;height:44px}.overlay-content{padding:14px 28px;width:64%}h1{font-size:43px;margin-top:10px}.overlay-content p{font-size:10px;margin:10px 0}.eyebrow{font-size:7px}.play-button{min-height:34px;font-size:8px}.menu-meta{margin-top:9px;font-size:6px}.ability-bar{bottom:8px}.ability-bar>span{padding:6px 8px}.help-card{padding:15px}.help-card h2{font-size:18px;margin:7px 0}.help-card p{font-size:9px;margin:7px 0}.help-controls{margin:8px 0;gap:5px}.help-controls div{padding:7px;gap:4px}.help-tip{font-size:8px!important}.help-card .play-button{min-height:30px}.boss-hud{top:10px}.toast{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.cover-art{transform:none}}