@font-face{font-family:LocalArial;src:local('Arial')}*{box-sizing:border-box} :root{--ink:#111016;--paper:#f2f1e8;--lime:#c5ff49;--muted:#95929e;--purple:#b6a2ef;--line:#ffffff24}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{border:0}button:disabled{cursor:default}button[aria-disabled=true]{color:#aaa6b4}#app{height:100svh;min-height:620px;display:grid;grid-template-rows:88px 1fr 48px;padding:0 28px;max-width:2200px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-align:left;background:none;font-size:18px;font-weight:900;letter-spacing:-.5px}.brand img{width:42px;height:42px}.brand small{display:block;color:#9995a2;font:8px 'Courier New',monospace;letter-spacing:2px;margin-top:5px}nav{display:flex;align-items:center;gap:28px}.navlink,.icon-button{background:none;font:11px 'Courier New',monospace;letter-spacing:.5px}.navlink span{color:var(--lime);margin-left:8px}.icon-button{border-left:1px solid var(--line);padding:10px 0 10px 22px}.icon-button span{color:var(--muted);margin-left:4px}#help{padding:0;width:26px;height:26px;border:1px solid #625c70;border-radius:50%;font-weight:bold}#stage{isolation:isolate;position:relative;overflow:hidden;border:1px solid #494154;background:#171224;min-height:0}#world,#cracks,.screen,.scanlines,#flash{position:absolute;inset:0;width:100%;height:100%}#world{z-index:-2}.scanlines{pointer-events:none;z-index:8;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#0000000b 4px);opacity:.6}.stage-top{position:absolute;top:22px;left:26px;right:26px;display:flex;align-items:center;gap:10px;font:10px 'Courier New',monospace;letter-spacing:1px;z-index:10;pointer-events:none}.live-dot{width:5px;height:5px;background:var(--lime);box-shadow:0 0 10px #c5ff4980}.stage-tag{margin-left:auto;color:#a59aaf}.screen{z-index:2}.hidden{display:none!important}.gate-copy{position:absolute;top:14%;left:0;width:100%;text-align:center;z-index:2;pointer-events:none}.eyebrow{font:10px 'Courier New',monospace;letter-spacing:1.3px;color:var(--lime);text-transform:uppercase}.gate-copy .eyebrow{display:flex;gap:24px;justify-content:center;color:#bdb2ca;font-size:9px}.gate-copy .eyebrow span+span{color:var(--lime)}h1,h2,h3,p{margin:0}h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-weight:900;font-size:clamp(70px,7.5vw,126px);line-height:.87;letter-spacing:-2px;margin-top:20px}em{font-style:normal;color:var(--lime)}h1 em{-webkit-text-stroke:1px var(--lime);color:transparent}h1+p{font-size:12px;line-height:1.7;color:#b8afc1;margin-top:20px}.hero-cat{position:absolute;bottom:-13%;height:85%;width:48%;object-fit:contain;pointer-events:none;z-index:1;filter:drop-shadow(0 0 40px #a96aff22);will-change:transform}.cat-left{left:-9%;transform:rotate(12deg) scaleX(-1)}.cat-right{right:-9%;transform:rotate(-12deg)}.gate-action{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);z-index:4;width:300px}.punch-readout{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px}.punch-readout>span{font-size:58px;font-weight:900;letter-spacing:-4px;line-height:1}.punch-readout small{font:9px/1.6 'Courier New',monospace;color:#b1a3bd;border-left:1px solid #6a5b77;padding-left:12px}.primary{background:var(--lime);color:#14151b;padding:17px 22px;font-size:12px;font-weight:900;letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:48px;transition:background .2s,transform .15s;box-shadow:4px 4px 0 #070707}.primary:hover{background:#d8ff88;transform:translateY(-2px)}.primary:active{transform:translateY(2px);box-shadow:1px 1px 0 #070707}.primary b{font-size:22px}.huge{width:100%;height:62px}.microcopy{display:flex;justify-content:space-between;font:8px 'Courier New',monospace;margin-top:12px;color:#d0c7d8;letter-spacing:.4px}.microcopy span{color:#93869f}.gate-bottom{position:absolute;bottom:25px;left:26px;right:26px;display:flex;justify-content:space-between;font:9px 'Courier New',monospace;color:#a299ab;border-top:1px solid #cab7e525;padding-top:16px}#cracks{z-index:5;pointer-events:none;opacity:.7}#cracks path{fill:none;stroke:#e4d7ff;stroke-width:1.2}#cracks.shatter{animation:shatter .75s forwards}@keyframes shatter{to{transform:scale(1.8);opacity:0}}.story-heading{position:absolute;left:40px;top:14%;pointer-events:none}.story-heading h2{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(50px,5.5vw,88px);line-height:.93;letter-spacing:-1.5px;margin:16px 0}.story-heading p{font-size:11px;color:#c0b4ce;max-width:240px;line-height:1.5}.route{position:absolute;left:40px;top:59%;display:flex;gap:16px}.route-line{height:1px;background:#6b6076;position:absolute;left:10px;right:10px;top:15px;z-index:-1}.route button{width:30px;height:30px;border:1px solid #766a86;font:9px 'Courier New',monospace;background:#221b32;border-radius:50%;color:#9a8ca8;cursor:default}.route button.active{background:var(--lime);color:var(--ink);border-color:var(--lime);box-shadow:0 0 20px #c5ff4933}.route button.passed{background:#554c60;color:#eee}.dialogue{position:absolute;right:4%;top:22%;width:360px;max-width:40%;background:#17121ff2;border:1px solid #81708d;box-shadow:8px 8px 0 #0005;backdrop-filter:blur(12px);padding:22px;transition:opacity .3s,transform .3s}.dialogue.travel{opacity:0;transform:translateY(15px);pointer-events:none}.dialogue-head{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:1px;color:var(--purple);border-bottom:1px solid #81708d42;padding-bottom:17px}.speaker-row{display:flex;align-items:center;gap:12px;margin:22px 0 16px}.speaker-icon{background:#b6a2ef22;border:1px solid #b6a2ef44;display:grid;place-items:center;width:46px;height:46px;color:var(--purple);font-size:26px}.speaker-row small{display:block;color:#9f92ab;font:8px 'Courier New',monospace;letter-spacing:1px}.speaker-row h3{font-size:20px;margin-top:4px;letter-spacing:-.6px}.speaker-dot{margin-left:auto;width:5px;height:5px;background:var(--lime)}#npc-text{font-size:13px;line-height:1.8;color:#d4ccdd;min-height:140px}#dialogue-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}#dialogue-actions .primary{flex:1;min-width:130px;font-size:10px;padding:13px 16px}#dialogue-actions .secondary{flex:1}.secondary,.small-button{background:#302739;border:1px solid #8f7e9d;color:var(--paper);font-size:10px;font-weight:bold;padding:14px 16px;min-height:44px}.secondary:hover,.small-button:hover{border-color:var(--lime);color:var(--lime)}.dialogue-foot{display:flex;justify-content:space-between;font:7px 'Courier New',monospace;letter-spacing:.4px;color:#a697b1;margin-top:20px;padding-top:15px;border-top:1px solid #81708d42}.story-floor{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;align-items:center;font:8px 'Courier New',monospace;color:#c5b8d0;letter-spacing:1px}.story-floor i{display:inline-block;background:var(--lime);width:5px;height:5px;margin-right:6px}.text-button{background:none;color:#c5b8d0;font:9px 'Courier New',monospace;padding:10px}.text-button:hover{color:var(--lime)}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8f8999;font:8px 'Courier New',monospace;letter-spacing:.5px}footer b{font:900 11px Arial;color:var(--lime);margin-right:14px}.footer-ca{background:none;font:9px 'Courier New',monospace;letter-spacing:1px}.footer-ca span{color:var(--lime);margin-left:30px}.game-hud{position:absolute;top:58px;left:26px;right:26px;display:flex;align-items:start;gap:30px;pointer-events:none}.game-hud button{pointer-events:auto}.game-hud small{font:8px 'Courier New',monospace;color:#b9adca;letter-spacing:1px}#health{font-size:22px;letter-spacing:3px;color:var(--lime);margin-top:4px}.score{border-left:1px solid #a799c14a;padding-left:25px}.score strong{font:900 26px Arial;display:block;margin-top:4px}.game-hud-right{margin-left:auto;display:flex;gap:20px;align-items:center}.game-hud-right>span{font:11px 'Courier New',monospace}.small-button{padding:8px 12px;min-height:32px;background:#1b1629bb}.boss-hud{position:absolute;top:120px;left:35%;right:35%;font:9px 'Courier New',monospace;text-align:center;color:#ff819b;letter-spacing:2px}.boss-hud div{background:#472234;height:6px;margin-top:10px}.boss-hud i{display:block;background:#ff5b7d;width:100%;height:100%;transition:width .15s}#game-callout{position:absolute;top:31%;left:0;right:0;text-align:center;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(24px,4vw,58px);letter-spacing:1px;color:var(--lime);text-shadow:3px 3px #18101f;transition:opacity .3s;pointer-events:none}.desktop-controls{position:absolute;bottom:25px;left:26px;right:26px;display:flex;justify-content:center;gap:22px;font:8px 'Courier New',monospace;color:#d1c5dd;pointer-events:none}.desktop-controls span{display:flex;align-items:center;gap:5px}kbd{border:1px solid #857096;background:#241c34c9;font:9px 'Courier New',monospace;padding:5px;min-width:20px;text-align:center;color:#ddd}.touch-controls{display:none;position:absolute;bottom:12px;left:12px;right:12px;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}.touch-controls>div{display:flex;gap:6px;align-items:end}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;width:48px;height:48px;border:1px solid #a390b7;background:#241b37cb;font-weight:900;font-size:20px;border-radius:8px}.touch-controls button small{display:block;font:7px 'Courier New',monospace;margin-top:1px}.touch-controls button[data-control=punch]{background:var(--lime);color:#16121c;width:62px;height:62px}.touch-controls button[data-control=upper]{background:#b6a2ef;color:#181320}.touch-controls button.pressed{transform:translateY(3px);filter:brightness(1.5)}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#090512b8;backdrop-filter:blur(7px);z-index:12}.modal{width:430px;max-width:90%;padding:36px;border:1px solid #897496;background:#181020;box-shadow:8px 8px #0006}.modal h2,dialog h2{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:58px;letter-spacing:-1px;line-height:.95;margin:20px 0}.modal p{font-size:12px;color:#c8bbd4;line-height:1.8}.modal #end-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.modal #end-actions button{flex:1;min-width:130px}.modal #end-actions .primary{font-size:10px}#hit-word{position:absolute;left:50%;top:48%;z-index:7;pointer-events:none;font-family:Impact,'Arial Black',sans-serif;font-size:100px;transform:translate(-50%,-50%) rotate(-10deg);color:var(--lime);text-shadow:6px 6px #191020;opacity:0}#hit-word.pop{animation:hitpop .35s forwards}@keyframes hitpop{0%{opacity:1;transform:translate(-50%,-50%) rotate(-12deg) scale(.6)}25%{transform:translate(-50%,-50%) rotate(-7deg) scale(1.1)}100%{opacity:0;transform:translate(-50%,-70%) rotate(-4deg) scale(1.2)}}#flash{z-index:9;background:#eee;pointer-events:none;opacity:0}#flash.active{animation:flash .16s}@keyframes flash{0%{opacity:.35}100%{opacity:0}}.punch-left{animation:pawleft .22s}.punch-right{animation:pawright .22s}@keyframes pawleft{45%{transform:rotate(1deg) scaleX(-1) translate(-50px,-15px) scale(1.06)}}@keyframes pawright{45%{transform:rotate(-1deg) translate(-50px,-15px) scale(1.06)}}#toast{position:fixed;left:50%;bottom:70px;transform:translate(-50%,12px);opacity:0;background:var(--lime);color:#121518;font:11px 'Courier New',monospace;padding:15px 24px;z-index:50;pointer-events:none;max-width:90%;text-align:center;transition:opacity .2s,transform .2s;box-shadow:4px 4px #0008}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#1b1425;color:var(--paper);border:1px solid #7d6b8a;width:500px;max-width:90%;max-height:85svh;padding:35px;box-shadow:10px 10px #0005}dialog::backdrop{background:#090510c9;backdrop-filter:blur(7px)}dialog p{font-size:12px;line-height:1.7;color:#d0c5db}.close{float:right;font-size:28px;background:none}dialog dl{display:grid;grid-template-columns:145px 1fr;font:11px/1.6 'Courier New',monospace;gap:12px;margin:25px 0}dialog dt{color:var(--lime)}dialog dd{margin:0}.muted{color:#9b8ca8!important;font-size:10px!important}
@media(min-width:1800px){h1{font-size:130px}.dialogue{width:420px}#npc-text{font-size:15px}.story-heading{left:70px}.gate-action{width:340px}}
@media(max-width:900px){#app{padding:0 14px;grid-template-rows:72px 1fr 40px;min-height:650px}nav{gap:15px}.brand{font-size:14px}.brand img{width:35px;height:35px}.brand small{font-size:6px}.navlink{font-size:9px}.icon-button{font-size:8px;padding-left:12px}#footer-status{display:none}.hero-cat{height:70%;width:55%;bottom:-1%}.cat-left{left:-15%}.cat-right{right:-15%}.gate-copy{top:14%}h1{font-size:80px}.gate-action{bottom:14%;width:260px}.stage-tag{font-size:8px}.story-heading{left:25px;top:14%}.story-heading h2{font-size:60px}.story-heading .eyebrow{font-size:8px;max-width:160px;line-height:1.7}.dialogue{right:25px;max-width:45%;width:330px;padding:18px;top:23%}#npc-text{font-size:12px;line-height:1.7}.route{left:25px;gap:9px}.desktop-controls{gap:12px}.game-hud{gap:15px}.score{padding-left:15px}}
@media(max-width:600px){#app{padding:0 8px;grid-template-rows:64px 1fr 36px;min-height:700px}.topbar{gap:7px}.brand{font-size:11px;gap:7px;letter-spacing:-.1px;padding:0}.brand img{width:30px;height:30px}.brand small{font-size:5px;letter-spacing:1px}nav{gap:8px}.navlink{font-size:8px;padding:4px 0}.navlink span{margin-left:2px}.icon-button{border:0;padding:4px 0;font-size:7px}#sound{font-size:0}#sound span{font-size:8px}#help{width:20px;height:20px;font-size:10px}.stage-top{left:15px;right:15px;top:16px;font-size:8px;gap:6px}.stage-tag{display:none}.gate-copy{top:12%}.gate-copy .eyebrow{font-size:7px;display:block}.gate-copy .eyebrow span+span{display:none}h1{font-size:clamp(55px,14vw,80px);letter-spacing:-1px;margin-top:15px}h1+p{font-size:10px;line-height:1.7;margin-top:15px}.hero-cat{height:62%;width:72%;bottom:7%}.cat-left{left:-29%}.cat-right{right:-29%}.gate-action{bottom:12%;width:220px}.punch-readout{margin-bottom:12px}.punch-readout>span{font-size:46px}.huge{height:55px;font-size:10px}.microcopy{font-size:6px}.gate-bottom{left:15px;right:15px;bottom:18px;font-size:6px;padding-top:13px}.gate-bottom span:nth-child(2){display:none}footer{font-size:6px}footer b{margin-right:7px}.footer-ca{font-size:8px}.footer-ca span{margin-left:8px}.story-heading{top:10%;left:20px}.story-heading .eyebrow{font-size:7px;max-width:250px}.story-heading h2{font-size:40px;line-height:.95;margin:10px 0}.story-heading p{font-size:9px;max-width:160px}.route{left:auto;right:20px;top:13%;gap:6px}.route button{width:23px;height:23px;font-size:7px}.route-line{top:11px}.dialogue{top:auto;bottom:11%;left:18px;right:18px;max-width:none;width:auto;padding:17px;background:#17121ff5}.dialogue-head{font-size:8px;padding-bottom:11px}.speaker-row{margin:13px 0 10px}.speaker-row h3{font-size:18px}.speaker-icon{width:34px;height:34px;font-size:22px}.speaker-row small{font-size:7px}#npc-text{font-size:11px;line-height:1.65;min-height:0}#dialogue-actions{margin-top:14px;gap:7px}#dialogue-actions .primary{min-height:42px;font-size:9px;padding:10px 13px}.secondary{font-size:9px;min-height:42px;padding:10px}.dialogue-foot{margin-top:13px;padding-top:11px;font-size:6px}.story-floor{left:18px;right:15px;bottom:15px}.story-floor>span{display:none}.story-floor button{margin-left:auto;font-size:8px}.game-hud{top:44px;left:15px;right:15px;gap:16px}.game-hud small{font-size:6px}#health{font-size:17px;letter-spacing:1px}.score{padding-left:12px}.score strong{font-size:22px}.game-hud-right{gap:8px}.game-hud-right>span{font-size:8px}.small-button{font-size:8px;padding:5px 8px}.boss-hud{top:110px;left:25%;right:25%;font-size:8px}.desktop-controls{display:none}.touch-controls{display:flex}.touch-controls button{width:42px;height:46px}.touch-controls button[data-control=punch]{width:54px;height:58px}.touch-controls>div{gap:4px}.touch-controls{left:9px;right:9px;gap:7px}.modal{padding:25px}.modal h2,dialog h2{font-size:46px}.modal p{font-size:11px}#hit-word{font-size:65px}dialog{padding:25px}dialog dl{grid-template-columns:115px 1fr;font-size:10px}}
@media(pointer:coarse) and (min-width:601px){.touch-controls{display:flex}.desktop-controls{display:none}}
@media(max-height:650px) and (min-width:601px){#app{min-height:540px;grid-template-rows:60px 1fr 32px}h1{font-size:70px}.gate-copy{top:12%}h1+p{margin-top:12px}.hero-cat{height:95%;bottom:-22%}.gate-action{bottom:12%}.punch-readout>span{font-size:38px}.huge{height:48px}.dialogue{top:17%;padding:16px}#npc-text{font-size:11px;min-height:0}.speaker-row{margin:12px 0}.dialogue-head{padding-bottom:10px}.dialogue-foot{margin-top:12px;padding-top:10px}#dialogue-actions{margin-top:12px}.story-heading h2{font-size:50px}.gate-bottom{font-size:7px;bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.scanlines{display:none}}
.story-heading h2{font-size:clamp(38px,4.6vw,66px)}.story-heading{top:13%}.story-heading .eyebrow{max-width:235px;line-height:1.7}.story-heading p{max-width:195px}.route{top:auto;bottom:17%;gap:10px}.dialogue.travel{visibility:hidden}.story-combat{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:380px;max-width:84%;text-align:center;z-index:5}.combat-eyebrow{font:8px 'Courier New',monospace;letter-spacing:1.1px;color:#e1d4ec;margin-bottom:12px;text-shadow:1px 1px #000}.story-combat>div+div{display:flex;gap:10px}.story-combat button{flex:1;padding:15px 15px;background:#c5ff49;color:#17131d;box-shadow:4px 4px #050409;font-weight:900;font-size:12px;min-height:62px}.story-combat button+button{background:#baa4f2}.story-combat small{display:block;font:8px 'Courier New',monospace;letter-spacing:.7px;margin-top:7px}.story-combat button:hover{filter:brightness(1.13);transform:translateY(-2px)}#story-impact-title{position:absolute;top:34%;left:12%;right:12%;text-align:center;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(32px,5vw,76px);color:#c5ff49;text-shadow:3px 3px #170f20;transform:rotate(-5deg);pointer-events:none;z-index:4}.story-floor>span{max-width:65%;font-size:8px;line-height:1.6}.desktop-controls{gap:14px}.desktop-controls>span:first-child{color:#c5ff49}
@media(max-width:900px){.story-heading h2{font-size:44px}.story-heading .eyebrow{max-width:180px;font-size:8px}.story-combat{bottom:11%;width:330px}.route{bottom:22%}.story-floor>span{font-size:7px}}
@media(max-width:600px){.story-heading{top:9%;left:17px}.story-heading h2{font-size:32px;line-height:.98}.story-heading .eyebrow{font-size:6px;max-width:150px}.story-heading p{max-width:140px;font-size:8px}.route{top:12%;bottom:auto;right:14px;left:auto;gap:4px}.route button{width:21px;height:21px;font-size:6px}.route-line{top:10px}.dialogue{bottom:10%;padding:15px}.dialogue .speaker-row{margin:11px 0 9px}.dialogue #npc-text{font-size:11px;line-height:1.6}.story-combat{bottom:10%;width:315px}.story-combat button{font-size:11px;min-height:65px;padding:13px 8px}.combat-eyebrow{font-size:7px;line-height:1.6}.story-floor{bottom:13px;align-items:end;gap:12px}.story-floor>span{display:block;max-width:51%;font-size:6px;letter-spacing:.5px}.story-floor button{font-size:6px;max-width:45%;padding:5px}.story-floor i{display:none}#story-impact-title{top:29%;font-size:40px}.story-combat small{font-size:7px}.game-hud{top:42px}.desktop-controls{display:none}}
/* V3: luminous controls, precision icons, survival instruments. */
#world3d{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:0;pointer-events:none;transition:opacity .4s}#stage[data-mode=story] #world3d,#stage[data-mode=play] #world3d{opacity:1}#world{pointer-events:none}#stage{border-color:#675077;box-shadow:0 0 0 1px #b89bdf0a,0 0 35px #8a4ec410,inset 0 0 30px #09050f33}.scanlines{opacity:.22}.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 2px 0 #0003);pointer-events:none}.iconized{display:inline-flex;align-items:center;justify-content:center;gap:10px}.iconized .ui-icon{transition:transform .22s,filter .22s}.iconized:hover .ui-icon{transform:translateY(-2px) rotate(-6deg);filter:drop-shadow(0 3px 4px #c5ff4944)}.navlink.iconized{gap:7px}.navlink .ui-icon{width:15px;height:15px;color:#c5ff49}.icon-button .ui-icon{width:15px;height:15px}#sound{gap:8px}#help .ui-icon{width:18px;height:18px}#help{border:0;width:27px;height:27px;display:grid;place-items:center;color:#c5b2d3}.primary,.story-combat button{background:linear-gradient(155deg,#d1ff70,#b6ef36);border-top:1px solid #edffc8;border-bottom:2px solid #6b8d28;box-shadow:0 4px 0 #283514,0 8px 22px #bdff4914}.primary:hover{background:linear-gradient(155deg,#e0ff9d,#c5ff49)}.primary.huge{justify-content:space-between}.primary .ui-icon{width:22px;height:22px}.secondary{background:linear-gradient(155deg,#3d2e4c,#261d32);box-shadow:0 3px 0 #110c18;border-color:#766383}.secondary[aria-disabled=true],.primary[aria-disabled=true]{background:#261e30;border:1px dashed #6c5b7b;box-shadow:none;color:#8e7e9e}.speaker-icon{background:linear-gradient(135deg,#bca0ff30,#211329);border:1px solid #b3a0d67a;box-shadow:inset 0 1px 0 #dbcaff44,0 5px 14px #0003}.speaker-icon .ui-icon{width:25px;height:25px;stroke-width:1.5}#story-combat button{display:grid;grid-template-columns:26px 1fr;grid-template-rows:1fr 1fr;gap:4px 9px;text-align:left;align-items:center}#story-combat button>.ui-icon{grid-row:1/3;width:27px;height:27px}#story-combat small{margin-top:0}#story-combat button+button{background:linear-gradient(150deg,#d6c5ff,#a38bd6);border-color:#e6d7ff #9b7fc9 #5a477b}.story-floor .iconized{font-size:8px}.story-floor .ui-icon{width:14px;height:14px}.footer-ca .ui-icon{width:14px;height:14px;color:#c5ff49}.dialogue{border-color:#9d7db1;background:linear-gradient(145deg,#1d1428f5,#120d1af2);box-shadow:6px 8px 0 #05030755,0 0 30px #180d2644}.dialogue-head{color:#c4a5ed}.game-hud{top:57px;display:grid;grid-template-columns:140px 1fr auto;align-items:start;gap:20px}.vitals>small{display:flex;align-items:center;gap:6px;color:#d3c5e1}.vitals>small .ui-icon{width:11px;height:11px;color:#bcff60}#health{display:flex;align-items:center;gap:4px;margin-top:10px;min-height:22px;letter-spacing:0}#health .ui-icon{width:21px;height:21px;stroke-width:1.5}.heart-full{fill:#c5ff49;stroke:#e4ffb3;filter:drop-shadow(0 0 4px #c5ff4933)}.heart-empty{fill:#21182a;stroke:#857192;opacity:.7}.stat-strip{display:flex;justify-content:center;gap:12px}.mini-stat{display:flex;gap:9px;align-items:center;min-width:86px;border-left:1px solid #aa8fbd33;padding:3px 0 3px 14px}.mini-stat>.ui-icon{width:22px;height:22px;color:#b9a1dc}.mini-stat small{display:block;font-size:7px;color:#b6a1c8;letter-spacing:1px}.mini-stat strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.7px;margin-top:5px}.mini-stat #wave-label{font-size:14px;white-space:nowrap;line-height:24px}.game-hud-right{margin:0;gap:16px}.game-hud-right>span{border:1px solid #c5ff4933;color:#c5ff49;border-radius:5px;padding:8px 12px;white-space:nowrap}.small-button{border-radius:5px;background:#211529bd;box-shadow:inset 0 1px 0 #c2a4dd22}.small-button .ui-icon{width:12px;height:12px}.foe-card{position:absolute;top:145px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;padding:11px 17px;background:linear-gradient(145deg,#1c1229dc,#191121d2);border:1px solid #b89bd445;border-radius:7px;box-shadow:0 8px 20px #09050e44, inset 0 1px 0 #ead7ff17;min-width:285px;max-width:70%;pointer-events:none}.foe-sigil{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(140deg,#a68ac533,#3a244a44);border:1px solid #d2b7eb44;border-radius:8px;color:#ccb7e8;box-shadow:inset 0 1px 0 #eddcff33}.foe-sigil .ui-icon{width:22px;height:22px}.foe-card small{display:block;font:6px 'Courier New',monospace;letter-spacing:1.5px;color:#b39bc4;margin-bottom:3px}.foe-card strong{display:block;font-size:13px;letter-spacing:-.2px}.foe-card #foe-trait{display:block;margin-top:5px;font:7px 'Courier New',monospace;color:#c5ff49;letter-spacing:.5px}.foe-card>.live-dot{margin-left:auto;flex-shrink:0}.boss-hud{top:225px;left:39%;right:39%;font-size:7px;letter-spacing:1.3px;color:#cbb4dd}.boss-hud>span{display:inline-flex;gap:6px;align-items:center}.boss-hud .ui-icon{width:12px;height:12px}.boss-hud div{height:4px;background:#3e284d;border-radius:2px;overflow:hidden;margin-top:6px}.boss-hud i#boss-health{background:linear-gradient(90deg,#b49aed,#ed8dbb);box-shadow:0 0 7px #e6a0dd}#game-callout{top:34%;font-size:clamp(20px,3.1vw,42px);left:18%;right:18%;line-height:1.05;opacity:1}.touch-controls button{background:linear-gradient(145deg,#3a2a4bec,#1f152ae8);border-color:#a387bd;border-top-color:#d7bceb;box-shadow:inset 0 1px 0 #edd7ff33,0 4px 0 #100a17,0 5px 15px #0d071d66}.touch-controls button i{display:inline-flex}.touch-controls button .ui-icon{width:22px;height:22px}.touch-controls button[data-control=punch]{background:linear-gradient(145deg,#ddff97,#b5ec36);border-color:#d6ff90 #9ac13d #6b8929}.touch-controls button[data-control=upper]{background:linear-gradient(145deg,#e0d2ff,#a68bd7);border-color:#e8dbff #ac91ce #6a538b}.end-card{width:480px;position:relative;background:linear-gradient(145deg,#21132c,#100c18);border:1px solid #b591cd;box-shadow:0 25px 80px #0006,inset 0 1px 0 #e2c3ff22}.end-sigil{position:absolute;right:32px;top:30px;width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(140deg,#aa8acc44,#2e1c3c);border:1px solid #c2a0df77;border-radius:12px;transform:perspective(300px) rotateY(-12deg) rotateZ(5deg);box-shadow:5px 5px 0 #09060d77,inset 0 1px 0 #e6cbff66;color:#c5ff49}.end-sigil .ui-icon{width:31px;height:31px}.end-card .eyebrow{font-size:8px;max-width:75%;display:block}.end-card h2{font-size:62px}.end-card #end-actions{gap:9px}.end-card #end-actions .secondary{min-width:85px;padding:12px 8px;font-size:9px}.end-card #end-actions .secondary .ui-icon{width:14px;height:14px}.run-summary{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #aa8bb742;border-bottom:1px solid #aa8bb742;margin-top:23px;padding:18px 0;gap:10px}.run-summary>div{display:grid;grid-template-columns:17px auto;gap:5px 7px;align-items:center}.run-summary strong{font-size:24px;letter-spacing:-1px;color:#e8dfed}.run-summary small{grid-column:1/3;font:7px 'Courier New',monospace;letter-spacing:1px;color:#ba9ec9}.run-summary .ui-icon{color:#c5ff49;width:16px;height:16px}.modal #end-actions .primary{min-width:170px}.navlink[aria-disabled=true] .ui-icon{opacity:.55}#help-modal>p{max-width:97%}
@media(max-width:900px){.game-hud{grid-template-columns:110px 1fr auto;gap:10px}.stat-strip{gap:6px}.mini-stat{min-width:66px;gap:6px;padding-left:9px}.mini-stat>.ui-icon{width:17px;height:17px}.mini-stat strong{font-size:17px}.mini-stat #wave-label{font-size:11px}.game-hud-right{gap:8px}.game-hud-right>span{font-size:9px;padding:7px}.game-hud small{font-size:6px}.foe-card{top:141px;max-width:70%}.boss-hud{top:220px;left:34%;right:34%}.mini-stat #run-time{font-size:16px}.navlink.iconized{gap:4px}}
@media(max-width:600px){.topbar{gap:8px}nav{gap:8px}.navlink.iconized{font-size:7px;gap:3px}.navlink .ui-icon{width:11px;height:11px}.icon-button .ui-icon{width:13px;height:13px}#sound{font-size:0;gap:3px}#sound span{font-size:7px}#help .ui-icon{width:17px;height:17px}.game-hud{top:42px;left:14px;right:14px;grid-template-columns:1fr auto;gap:13px}.vitals>small{font-size:7px}.vitals>small .ui-icon{width:9px;height:9px}#health{margin-top:6px;gap:3px}#health .ui-icon{width:17px;height:17px}.stat-strip{grid-column:1/3;grid-row:2;justify-content:space-between;gap:8px;margin-top:0;padding:9px 0;border-top:1px solid #aa88bd33;border-bottom:1px solid #aa88bd22}.mini-stat{border:0;min-width:0;padding:0;gap:7px}.mini-stat>.ui-icon{width:15px;height:15px}.mini-stat small{font-size:5px;letter-spacing:.7px}.mini-stat strong,.mini-stat #run-time{font-size:15px;margin-top:3px}.mini-stat #wave-label{font-size:10px;line-height:18px}.game-hud-right{align-items:center;gap:7px}.game-hud-right>span{font-size:9px;padding:7px}.game-hud-right button{font-size:8px;min-height:31px;gap:4px}.game-hud-right .ui-icon{width:10px;height:10px}.foe-card{top:165px;min-width:0;width:calc(100% - 30px);max-width:none;padding:9px 12px;gap:9px}.foe-sigil{width:30px;height:30px;flex-shrink:0}.foe-sigil .ui-icon{width:19px;height:19px}.foe-card strong{font-size:11px}.foe-card small{font-size:5px}.foe-card #foe-trait{font-size:6px;letter-spacing:.2px}.boss-hud{top:240px;left:30%;right:30%;font-size:6px}#game-callout{top:36%;font-size:25px;left:8%;right:8%}.touch-controls button .ui-icon{width:21px;height:21px}.touch-controls button small{font-size:6px}.story-combat button .ui-icon{width:22px;height:22px}#story-combat button{grid-template-columns:21px 1fr;gap:4px 7px;padding:12px 10px}.story-floor .ui-icon{width:11px;height:11px}.story-floor .iconized{font-size:6px;gap:4px}.speaker-icon .ui-icon{width:22px;height:22px}.primary .ui-icon{width:18px;height:18px}.dialogue #dialogue-actions .primary{font-size:9px;gap:8px}.end-card{max-width:94%;padding:27px 23px;max-height:88svh;overflow:auto}.end-card h2{font-size:49px}.end-sigil{right:23px;top:23px;width:40px;height:40px;border-radius:9px}.end-sigil .ui-icon{width:25px;height:25px}.end-card .eyebrow{font-size:6px}.run-summary{gap:6px;padding:15px 0;margin-top:18px}.run-summary strong{font-size:20px}.run-summary small{font-size:6px;letter-spacing:.7px}.run-summary>div{gap:5px}.end-card #end-actions .primary{min-width:150px;font-size:10px}.end-card #end-actions .secondary{font-size:8px;min-width:75px}.end-card #end-actions{margin-top:18px}.footer-ca.iconized{gap:5px}.footer-ca .ui-icon{width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.ui-icon,.iconized:hover .ui-icon,.end-sigil{transform:none!important}}
@media(max-height:560px) and (pointer:coarse){#app{height:100svh;min-height:0;grid-template-rows:48px 1fr 25px;padding:0 8px}.topbar{min-height:0}.brand img{width:27px;height:27px}.brand{font-size:11px}.brand small{font-size:5px}.stage-top{top:12px;font-size:7px}.game-hud{top:31px;left:15px;right:15px;grid-template-columns:100px 1fr auto;gap:10px}.stat-strip{grid-column:auto;grid-row:auto;border:0;margin:0;padding:0;justify-content:center;gap:13px}.mini-stat>.ui-icon{width:13px;height:13px}.mini-stat strong{font-size:13px}.mini-stat small{font-size:5px}.mini-stat #wave-label{font-size:10px}#health{margin-top:5px}#health .ui-icon{width:15px;height:15px}.game-hud-right>span{font-size:8px;padding:6px}.game-hud-right .small-button{font-size:7px;min-height:27px}.foe-card{top:88px;left:15px;transform:none;max-width:40%;min-width:0;padding:7px 10px}.foe-card strong{font-size:9px}.foe-card small{font-size:5px}.foe-card #foe-trait{font-size:5px}.foe-sigil{width:25px;height:25px}.foe-sigil .ui-icon{width:17px;height:17px}.boss-hud{top:150px;left:15px;right:auto;width:160px;font-size:5px}#game-callout{top:34%;font-size:25px;left:30%;right:10%}.touch-controls{bottom:7px}.touch-controls button{width:38px;height:38px}.touch-controls button[data-control=punch]{width:49px;height:49px}.touch-controls button .ui-icon{width:19px;height:19px}.story-heading{top:14%;left:18px}.story-heading h2{font-size:33px}.story-heading .eyebrow,.story-heading p{font-size:6px;max-width:150px}.route{bottom:18%;left:18px;right:auto;top:auto}.route button{width:22px;height:22px;font-size:6px}.dialogue{top:43px;bottom:35px;max-height:calc(100% - 78px);width:300px;max-width:45%;left:auto;right:15px;padding:13px;overflow:auto}.dialogue-head{font-size:6px;padding-bottom:9px}.speaker-row{margin:9px 0}.speaker-row h3{font-size:15px}.speaker-icon{width:29px;height:29px}#npc-text{font-size:10px;line-height:1.55;min-height:0}#dialogue-actions{margin-top:10px}.dialogue-foot{font-size:5px;margin-top:10px;padding-top:9px}.story-combat{bottom:15%;width:300px;left:53%}.story-combat button{min-height:50px;font-size:10px}.combat-eyebrow{font-size:6px}.story-floor{bottom:10px}.story-floor>span{font-size:6px}.story-floor button{font-size:6px}.gate-copy{top:12%}h1{font-size:47px}.gate-copy .eyebrow{font-size:6px}h1+p{font-size:8px;margin-top:8px}.hero-cat{height:98%;bottom:-18%;width:43%}.cat-left{left:-9%}.cat-right{right:-9%}.gate-action{bottom:10%;width:220px}.punch-readout{margin-bottom:7px}.punch-readout>span{font-size:30px}.punch-readout small{font-size:6px}.huge{height:42px;min-height:42px;font-size:9px}.gate-bottom{bottom:9px;padding-top:7px;font-size:5px}.microcopy{font-size:5px}.end-card{padding:20px 25px;max-height:94svh}.end-card h2{font-size:37px;margin:12px 0}.end-card p{font-size:9px}.run-summary{padding:9px 0;margin-top:10px}.run-summary strong{font-size:16px}.end-card #end-actions{margin-top:12px}.end-card #end-actions button{min-height:35px;padding:8px}.end-sigil{top:17px;right:21px;width:35px;height:35px}.end-sigil .ui-icon{width:22px;height:22px}}