:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #070a21;--deep-blue: #07144a;--hero-blue: #1263e6;--cyan: #35e5ff;--gold: #ffda3f;--orange: #ff8f32;--danger: #ff315c;--paper: #f8fbff;--muted: #aebfe7;--panel: rgb(7 12 40 / 88%);--edge: rgb(143 213 255 / 22%)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{color:var(--paper);-webkit-tap-highlight-color:transparent;user-select:none}button,kbd{font:inherit}button{color:inherit}[hidden]{display:none!important}.app-shell{position:relative;isolation:isolate;width:100%;height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgb(31 89 210 / 26%),transparent 50%),var(--ink)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.comic-screen{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgb(255 255 255 / 9%) .75px,transparent .75px);background-size:5px 5px;mix-blend-mode:overlay;opacity:.38}.overlay{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(125deg,#04071df2,#060d38c7),radial-gradient(circle at 25% 40%,rgb(18 99 230 / 34%),transparent 46%)}.overlay:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 62%,rgb(53 229 255 / 7%) 62% 64%,transparent 64%),repeating-linear-gradient(140deg,transparent 0 32px,rgb(255 255 255 / 2%) 33px 35px)}.eyebrow{margin:0;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{text-wrap:pretty}h1,h2{margin:0;text-wrap:balance}.button{position:relative;min-height:44px;border:0;border-radius:8px;padding:11px 16px;font-size:.9rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transform:skew(-3deg)}.button:focus-visible,.utility-button:focus-visible,.action-button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.button--primary{color:#08133d;background:var(--gold);box-shadow:0 5px #a96500,0 14px 34px #ffc42440}.button--primary:hover{transform:skew(-3deg) translateY(-2px)}.button--primary:active{transform:skew(-3deg) translateY(3px);box-shadow:0 2px #a96500,0 7px 18px #ffc42438}.button--secondary{color:var(--paper);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff29}.portrait-frame{position:relative;overflow:hidden;background:var(--hero-blue);outline:1px solid rgb(255 255 255 / 15%)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.loading-card{position:relative;width:min(430px,100%);text-align:center}.portrait-frame--loading{width:112px;aspect-ratio:1;margin:0 auto 24px;border-radius:50%;box-shadow:0 0 0 5px var(--gold),0 0 0 10px var(--hero-blue),0 0 48px #35e5ff59}.scan-line{position:absolute;left:0;width:100%;height:3px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:scan 2.1s ease-in-out infinite}.loading-card h1{margin-top:8px;font-size:clamp(2rem,8vw,3.25rem);letter-spacing:-.055em}.loading-copy,.loading-status{color:var(--muted)}.loading-copy{margin:12px auto 22px;max-width:34ch;font-size:1rem;line-height:1.55}.loading-track{width:100%;height:12px;overflow:hidden;border:2px solid rgb(255 255 255 / 18%);border-radius:3px;background:#00000047;transform:skew(-8deg)}.loading-track span{display:block;width:var(--load-value, 0%);height:100%;background:repeating-linear-gradient(135deg,rgb(255 255 255 / 24%) 0 8px,transparent 8px 16px),var(--gold)}.loading-status{margin:12px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;font-variant-numeric:tabular-nums}.title-screen{overflow:auto}.title-layout{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(36px,6vw,92px);width:min(1080px,100%);min-height:min(720px,calc(100dvh - 48px))}.title-art{position:relative;display:grid;place-items:center;min-height:540px}.portrait-frame--hero{width:min(390px,33vw);aspect-ratio:.69;border-radius:min(1vw,14px);box-shadow:14px 14px 0 var(--gold),-14px -14px 0 var(--hero-blue),0 36px 80px #00000073;transform:rotate(-3deg);clip-path:polygon(4% 0,100% 3%,96% 100%,0 96%)}.burst{position:absolute;border-radius:50%;background:repeating-conic-gradient(var(--cyan) 0deg 4deg,transparent 4deg 14deg);opacity:.2}.burst--one{width:520px;aspect-ratio:1;animation:slow-spin 36s linear infinite}.burst--two{width:360px;aspect-ratio:1;background:repeating-conic-gradient(var(--gold) 0deg 2deg,transparent 2deg 11deg);animation:slow-spin 28s linear infinite reverse}.issue-stamp{position:absolute;right:2%;bottom:6%;padding:8px 11px;color:var(--ink);background:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:900;transform:rotate(5deg)}.title-copy{position:relative;min-width:0}.logo{margin:2px 0 14px;color:var(--paper);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(5.3rem,11.5vw,10.5rem);font-weight:400;line-height:.82;letter-spacing:-.075em;text-transform:uppercase;text-shadow:5px 5px 0 var(--hero-blue),9px 9px 0 #040711;transform:skew(-5deg)}.logo span{color:var(--gold)}.logo b{font-weight:400}.tagline{max-width:34ch;margin:0 0 24px;color:#dbe7ff;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.5}.button--start{min-height:52px;padding:14px 20px;font-size:1rem}.quick-controls{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:28px}.quick-controls p{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:.78rem}kbd{min-width:28px;border:1px solid rgb(255 255 255 / 16%);border-bottom-width:3px;border-radius:4px;padding:4px 7px;color:var(--paper);background:#ffffff14;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;text-align:center}.title-note{margin:18px 0 0;color:#7189be;font-size:.8rem}.hud{position:absolute;z-index:12;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(220px,1fr) minmax(230px,1fr) minmax(170px,1fr);align-items:start;gap:24px;pointer-events:none}.hud-left{display:flex;align-items:center;min-width:0}.hud-portrait{position:relative;z-index:2;width:58px;aspect-ratio:1;flex:0 0 auto;overflow:hidden;border:3px solid var(--gold);border-radius:50%;background:var(--hero-blue);box-shadow:0 6px 20px #00000059}.hud-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.meter-stack{width:min(280px,100%);min-width:0;margin-left:-7px;padding:7px 10px 7px 15px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge),0 8px 26px #0000003d;backdrop-filter:blur(10px);transform:skew(-4deg)}.meter-label,.boss-label{display:flex;justify-content:space-between;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:800}.meter{height:10px;overflow:hidden;background:#0000006b}.meter span{display:block;width:var(--meter-value, 100%);height:100%}.meter--health span{background:linear-gradient(90deg,var(--danger),var(--orange),var(--gold))}.meter--power{height:6px;margin-top:4px}.meter--power span{background:linear-gradient(90deg,var(--hero-blue),var(--cyan));box-shadow:0 0 12px var(--cyan)}.power-label{margin:4px 0 0;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;letter-spacing:.08em}.hud-center{justify-self:center;width:min(430px,100%);text-align:center}.wave-value{display:inline-block;margin:0;padding:6px 13px;color:var(--gold);background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800;letter-spacing:.08em;transform:skew(-5deg)}.boss-wrap{margin-top:9px;padding:7px 10px 9px;background:#19052ee0;box-shadow:inset 0 0 0 1px #ff315c6b}.boss-label{color:#ffd4df}.boss-meter{height:9px;margin-top:5px;overflow:hidden;background:#130720}.boss-meter span{display:block;width:var(--boss-value, 100%);height:100%;background:linear-gradient(90deg,var(--danger),#a545ff)}.hud-right{justify-self:end;min-width:150px;text-align:right}.score-label{margin:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.12em}.score-value{margin:0;color:var(--paper);font-family:Impact,Haettenschweiler,sans-serif;font-size:2rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:2px 2px 0 var(--hero-blue)}.combo-badge{display:inline-flex;align-items:baseline;gap:7px;margin-top:4px;padding:5px 9px;color:var(--ink);background:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:0;transform:translateY(-6px) rotate(2deg)}.combo-badge[data-active=true]{opacity:1;transform:rotate(2deg)}.combo-badge strong{font-size:.76rem}.combo-badge span{font-size:.66rem}.utility-controls{position:absolute;z-index:40;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:8px}.utility-button{position:relative;min-height:32px;border:0;border-radius:4px;padding:7px 9px;color:#b8c8ea;background:#060a20ad;box-shadow:inset 0 0 0 1px #ffffff1f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700;cursor:pointer;backdrop-filter:blur(8px)}.utility-button:hover{color:var(--paper);background:#122a63c7}body[data-phase=playing] .utility-button--pause,body[data-phase=paused] .utility-button--pause{display:inline-block}.tutorial{position:absolute;z-index:15;left:50%;bottom:max(56px,calc(env(safe-area-inset-bottom) + 56px));width:max-content;max-width:min(580px,calc(100% - 40px));padding:10px 16px;color:var(--paper);background:#03081de0;box-shadow:inset 0 0 0 1px #35e5ff59,0 12px 30px #0000004d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-align:center;transform:translate(-50%) skew(-3deg);backdrop-filter:blur(8px)}.callout{position:absolute;z-index:18;top:37%;left:56%;color:var(--gold);font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(3.2rem,9vw,7.5rem);line-height:.9;letter-spacing:-.04em;text-shadow:4px 4px 0 var(--hero-blue),8px 8px 0 rgb(0 0 0 / 55%);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}.callout[data-tone=block]{color:var(--cyan)}.callout[data-tone=danger]{color:var(--danger)}.callout[data-tone=special]{color:var(--paper);text-shadow:4px 4px 0 var(--cyan),8px 8px 0 var(--hero-blue),12px 12px 0 rgb(0 0 0 / 55%)}.callout--show{animation:callout-pop .7s cubic-bezier(.16,1,.3,1) both}.wave-card{position:absolute;z-index:17;top:22%;left:50%;width:min(560px,calc(100% - 40px));padding:15px 22px 17px;color:var(--paper);background:linear-gradient(100deg,var(--hero-blue),#0b2d8f 68%,#311061),var(--hero-blue);box-shadow:8px 8px 0 var(--gold),0 22px 55px #00000059;opacity:0;pointer-events:none;transform:translate(-50%,-30px) skew(-4deg)}.wave-card--show{animation:wave-in 2.2s cubic-bezier(.16,1,.3,1) both}.wave-card p{margin:0}#wave-kicker{color:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:800;letter-spacing:.14em}.wave-card h2{margin:3px 0 5px;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:400;letter-spacing:.01em}#wave-subtitle{color:#d9e5ff;font-size:.88rem;line-height:1.45}.pause-screen,.end-screen,.error-screen{background:#030618c7;backdrop-filter:blur(9px)}.modal-card{position:relative;width:min(470px,100%);padding:clamp(28px,5vw,48px);color:var(--paper);background:linear-gradient(145deg,#0d1b52fa,#060b23fa);box-shadow:10px 10px 0 var(--hero-blue),16px 16px 0 var(--gold),0 40px 100px #0000008c;clip-path:polygon(3% 0,100% 4%,97% 100%,0 96%)}.modal-card h2{margin:8px 0 12px;font-size:clamp(2.15rem,7vw,4rem);letter-spacing:-.055em}.modal-card>p:not(.eyebrow,.pause-hint){margin:0;color:var(--muted);font-size:1rem;line-height:1.55}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.pause-hint{margin:22px 0 0;color:#7189be;font-size:.78rem}.modal-card--error{box-shadow:10px 10px 0 var(--danger),16px 16px 0 var(--gold),0 40px 100px #0000008c}.modal-card--error .button{margin-top:24px}.end-layout{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:clamp(32px,7vw,92px);width:min(900px,100%)}.grade{display:grid;place-items:center;width:min(300px,31vw);aspect-ratio:1;color:var(--gold);background:radial-gradient(circle at 50% 50%,var(--hero-blue) 0 42%,transparent 43%),repeating-conic-gradient(var(--danger) 0 6deg,var(--gold) 6deg 11deg);border-radius:50%;font-family:Impact,Haettenschweiler,sans-serif;font-size:clamp(6rem,16vw,12rem);line-height:1;text-shadow:5px 5px 0 var(--ink),9px 9px 0 rgb(0 0 0 / 28%);transform:rotate(-6deg)}.end-copy h2{margin:7px 0 12px;font-size:clamp(2.8rem,7vw,5.5rem);letter-spacing:-.065em}#end-message{max-width:44ch;margin:0;color:var(--muted);font-size:1rem;line-height:1.55}.run-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:28px 0 22px;border-block:1px solid rgb(255 255 255 / 12%)}.run-stats p{display:grid;gap:4px;margin:0;padding:14px 12px;border-left:1px solid rgb(255 255 255 / 12%)}.run-stats p:first-child{border-left:0;padding-left:0}.run-stats span{color:#8096c8;font-size:.68rem}.run-stats strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.best-score{margin:0 0 20px;color:var(--gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:700}.mobile-controls{position:absolute;z-index:22;inset:auto 0 max(16px,env(safe-area-inset-bottom));display:none;justify-content:space-between;align-items:end;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right));pointer-events:none}.joystick{position:relative;width:128px;aspect-ratio:1;border-radius:50%;background:#09143d6b;box-shadow:inset 0 0 0 2px #35e5ff40,0 8px 28px #00000038;pointer-events:auto;touch-action:none;backdrop-filter:blur(5px)}.joystick-arrows{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff2e;font-size:4rem;font-weight:200}.joystick-knob{position:absolute;top:50%;left:50%;width:64px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#84f2ff,var(--hero-blue) 70%);box-shadow:inset 0 0 0 2px #ffffff40,0 8px 18px #00000057;transform:translate(calc(-50% + var(--stick-x, 0px)),calc(-50% + var(--stick-y, 0px)))}.action-controls{position:relative;width:196px;height:152px;pointer-events:auto}.action-button{position:absolute;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:50%;padding:0;color:var(--paper);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff3d,0 6px #0000004d,0 10px 24px #00000038;touch-action:manipulation}.action-button:active{transform:translateY(4px) scale(.96);box-shadow:inset 0 0 0 2px #ffffff3d,0 2px #0000004d}.action-button--attack{right:0;bottom:8px;width:82px;background:var(--gold);color:var(--ink)}.action-button--dodge{right:83px;bottom:0;width:66px;background:var(--hero-blue)}.action-button--jump{right:72px;top:5px;width:58px;background:#5940b8}.action-button--special{right:0;top:0;width:64px;color:#8ca4d8;background:#17234d}.action-button--special[data-ready=true]{color:var(--ink);background:var(--cyan);box-shadow:inset 0 0 0 2px #ffffff61,0 0 30px #35e5ff9e,0 6px #0876a3;animation:visor-ready .8s ease-in-out infinite alternate}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes scan{0%,to{top:12%;opacity:.6}50%{top:86%;opacity:1}}@keyframes slow-spin{to{transform:rotate(1turn)}}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}28%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(-5deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-7deg)}to{opacity:0;transform:translate(-50%,-56%) scale(1.05) rotate(-4deg)}}@keyframes wave-in{0%,to{opacity:0;transform:translate(-50%,-30px) skew(-4deg)}14%,78%{opacity:1;transform:translate(-50%) skew(-4deg)}}@keyframes visor-ready{to{transform:scale(1.06)}}@media(pointer:coarse),(max-width:820px){body[data-phase=playing] .mobile-controls{display:flex}body[data-phase=playing] .utility-controls{top:max(76px,calc(env(safe-area-inset-top) + 76px));right:max(12px,env(safe-area-inset-right));bottom:auto}body[data-phase=playing] .utility-button:not(.utility-button--pause){display:none}.tutorial{bottom:max(182px,calc(env(safe-area-inset-bottom) + 182px))}}@media(max-width:820px){.overlay{padding:max(18px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom))}.title-layout{grid-template-columns:1fr;gap:8px;min-height:auto;padding-block:30px}.title-art{min-height:275px}.portrait-frame--hero{width:min(210px,48vw);box-shadow:8px 8px 0 var(--gold),-8px -8px 0 var(--hero-blue),0 25px 55px #00000073}.burst--one{width:320px}.burst--two{width:230px}.issue-stamp{right:calc(50% - 128px);bottom:5%}.title-copy{text-align:center}.logo{margin-top:2px;font-size:clamp(5.3rem,23vw,7.5rem)}.tagline{margin-inline:auto;font-size:1rem}.quick-controls,.title-note{display:none}.hud{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));grid-template-columns:1fr auto;gap:10px}.hud-left{grid-column:1;min-width:0}.hud-portrait{width:48px}.meter-stack{width:min(230px,calc(100vw - 150px))}.hud-center{position:absolute;top:61px;left:50%;width:min(340px,calc(100vw - 24px));transform:translate(-50%)}.wave-value{display:none}.boss-wrap{margin-top:0}.score-value{font-size:1.55rem}.score-label{font-size:.56rem}.combo-badge{padding:4px 6px}.wave-card{top:19%}.callout{top:37%;left:52%}.utility-controls{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}.utility-button{min-height:36px;font-size:.64rem}.end-layout{grid-template-columns:1fr;gap:18px;text-align:center}.grade{width:min(170px,42vw);justify-self:center;font-size:clamp(5rem,23vw,8rem)}.end-copy h2{font-size:clamp(2.4rem,11vw,4rem)}#end-message{margin-inline:auto}.run-stats{grid-template-columns:repeat(2,1fr)}.run-stats p:nth-child(3){border-left:0;border-top:1px solid rgb(255 255 255 / 12%);padding-left:0}.run-stats p:nth-child(4){border-top:1px solid rgb(255 255 255 / 12%)}}@media(max-width:430px){.title-art{min-height:225px}.portrait-frame--hero{width:165px}.burst--one{width:270px}.burst--two{width:190px}.issue-stamp{right:calc(50% - 108px)}.joystick{width:112px}.joystick-knob{width:56px}.action-controls{width:176px;transform:scale(.92);transform-origin:bottom right}.tutorial{bottom:max(166px,calc(env(safe-area-inset-bottom) + 166px));font-size:.65rem}}@media(max-height:690px)and (orientation:landscape){.title-layout{min-height:auto}.title-art{min-height:420px}.portrait-frame--hero{width:min(280px,29vw)}.logo{font-size:clamp(5rem,10vw,8rem)}.quick-controls{margin-top:18px}.mobile-controls{transform:scale(.82);transform-origin:bottom center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reduced-motion .burst,.reduced-motion .scan-line{animation:none}.reduced-motion .callout--show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-5deg)}.reduced-motion .wave-card--show{opacity:1;transform:translate(-50%) skew(-4deg)}