:root{--night:#06142d;--panel:#0a1d3c;--panel2:#0f2850;--lime:#b8f238;--cyan:#54e4ff;--cream:#f5f1e7;--line:rgba(255,255,255,.13);--display:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:white;background:var(--night);font-family:var(--body);line-height:1.5;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 15%,rgba(36,111,199,.23),transparent 38%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip-link{position:fixed;z-index:999;top:10px;left:10px;padding:9px 13px;color:var(--night);background:white;transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{position:relative;z-index:1;width:min(calc(100% - 38px),1460px);margin:auto}.game-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.back-link{justify-self:start;color:rgba(255,255,255,.53);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.back-link span{margin-right:9px;color:var(--lime);font-size:18px;vertical-align:-2px}.back-link:hover{color:white}.logo{display:flex;align-items:center;gap:10px}.logo-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--night);background:var(--lime);font:900 22px/1 var(--display);clip-path:polygon(50% 0,100% 22%,100% 78%,50% 100%,0 78%,0 22%)}.logo>span:last-child{display:flex;flex-direction:column;line-height:1}.logo strong{font-size:13px;letter-spacing:.09em}.logo small{margin-top:5px;color:rgba(255,255,255,.34);font-size:7px;letter-spacing:.16em;text-transform:uppercase}.help-button{justify-self:end;width:34px;height:34px;border:1px solid var(--line);background:transparent;font-weight:900;cursor:pointer}.help-button:hover{color:var(--night);background:var(--lime);border-color:var(--lime)}
.game-stage{padding:38px 0}.stage-heading{display:grid;grid-template-columns:1fr 390px;align-items:end;gap:40px;margin-bottom:28px}.stage-heading>div>p{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:rgba(255,255,255,.43);font-size:8px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.stage-heading>div>p i{width:7px;height:7px;background:var(--lime);box-shadow:0 0 0 5px rgba(184,242,56,.09)}.stage-heading h1{margin:0;font:900 clamp(50px,6vw,86px)/.86 var(--display);letter-spacing:-.02em;text-transform:uppercase}.stage-heading h1 span{color:var(--lime)}.stage-heading>p{margin:0;color:rgba(255,255,255,.43);font-size:12px;line-height:1.7}.game-frame{border:1px solid var(--line);background:var(--panel);box-shadow:0 35px 100px rgba(0,0,0,.35)}.hud{min-height:62px;display:grid;grid-template-columns:150px 150px 140px 1fr;border-bottom:1px solid var(--line)}.hud-cell{display:flex;flex-direction:column;justify-content:center;padding:10px 18px;border-right:1px solid var(--line)}.hud-cell small{color:rgba(255,255,255,.34);font-size:7px;font-weight:900;letter-spacing:.14em}.hud-cell strong{margin-top:4px;font-size:15px;line-height:1}.hud-cell strong i{color:rgba(255,255,255,.32);font-size:7px;font-style:normal}.hud-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-right:0}.hud-progress small{grid-column:1/-1}.hud-progress div{height:5px;background:rgba(255,255,255,.1)}.hud-progress div span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime));transition:width .2s}.hud-progress strong{margin:0;color:var(--lime);font-size:11px}.canvas-wrap{position:relative;isolation:isolate;overflow:hidden;background:#07162d}.canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.comic-dots{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.42) .6px,transparent .7px);background-size:5px 5px;mask-image:linear-gradient(90deg,black,transparent 30%,transparent 70%,black)}
.cover-overlay,.win-overlay{position:absolute;z-index:5;inset:0;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.cover-overlay.is-visible,.win-overlay.is-visible{visibility:visible;opacity:1}.cover-overlay>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,29,.97) 0,rgba(2,12,29,.82) 30%,rgba(2,12,29,.12) 65%,rgba(2,12,29,.03)),linear-gradient(0deg,rgba(2,9,22,.45),transparent 55%)}.cover-copy{position:absolute;z-index:2;left:6%;top:50%;width:38%;transform:translateY(-50%)}.cover-copy>p{margin:0;color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.2em}.cover-copy h2{margin:8px 0 0;font:900 clamp(55px,6.6vw,98px)/.82 var(--display);text-transform:uppercase}.cover-copy>strong{display:block;margin-top:14px;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.cover-copy button,.win-overlay button{display:flex;align-items:center;justify-content:space-between;min-width:210px;margin-top:25px;padding:13px 16px;border:0;color:var(--night);background:var(--lime);box-shadow:7px 7px 0 rgba(184,242,56,.17);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:transform .2s,background .2s}.cover-copy button:hover,.win-overlay button:hover{transform:translateY(-3px);background:white}.cover-copy button span{font-size:17px}.cover-copy>small{display:block;margin-top:22px;color:rgba(255,255,255,.34);font-size:7px;text-transform:uppercase}.cover-copy kbd,.keyboard-help kbd{padding:3px 5px;border:1px solid rgba(255,255,255,.2);font:700 7px var(--body)}
.win-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;background:rgba(3,15,34,.9);backdrop-filter:blur(7px)}.win-burst{display:grid;place-items:center;width:60px;height:60px;margin-bottom:20px;color:var(--night);background:var(--lime);font-size:26px;clip-path:polygon(50% 0,61% 34%,92% 18%,75% 47%,100% 60%,65% 65%,75% 100%,50% 77%,24% 100%,34% 65%,0 60%,25% 47%,8% 18%,39% 34%)}.win-overlay>p{margin:0;color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.2em}.win-overlay h2{margin:10px 0 23px;font:900 clamp(48px,6vw,82px)/1 var(--display);text-transform:uppercase}.win-stats{display:flex;gap:55px}.win-stats div{display:flex;min-width:90px;flex-direction:column}.win-stats small{color:rgba(255,255,255,.36);font-size:7px;letter-spacing:.13em}.win-stats strong{margin-top:4px;color:white;font:900 30px/1 var(--display)}.win-overlay>span{min-height:20px;margin-top:12px;color:var(--lime);font-size:9px;font-weight:900;text-transform:uppercase}.win-overlay button{margin-top:18px}.toast{position:absolute;z-index:4;left:50%;bottom:20px;max-width:80%;padding:8px 14px;color:var(--night);background:rgba(245,241,231,.94);font-size:8px;font-weight:900;letter-spacing:.07em;text-align:center;text-transform:uppercase;transform:translate(-50%,18px);opacity:0;transition:.25s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}
.touch-controls{display:none;align-items:center;justify-content:space-between;min-height:145px;padding:13px 20px;border-top:1px solid var(--line)}.touch-controls button{border:1px solid var(--line);background:var(--panel2);touch-action:none}.move-buttons{display:flex;gap:7px}.move-buttons button{width:52px;height:52px}.jump-button,.web-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px}.jump-button span,.web-button span{font-size:22px}.jump-button small,.web-button small{margin-top:4px;color:rgba(255,255,255,.46);font-size:6px;font-weight:900;letter-spacing:.08em}.web-button{color:var(--night)!important;background:var(--lime)!important;border-color:var(--lime)!important;box-shadow:5px 5px 0 rgba(184,242,56,.15)}.touch-controls button.is-held,.touch-controls button:active{color:var(--night);background:var(--cyan);border-color:var(--cyan)}.keyboard-help{display:flex;align-items:center;gap:24px;min-height:52px;padding:0 18px;border-top:1px solid var(--line);color:rgba(255,255,255,.36);font-size:7px;text-transform:uppercase;letter-spacing:.05em}.keyboard-help kbd{margin-right:3px;color:rgba(255,255,255,.65)}.keyboard-help button{margin-left:auto;border:0;color:rgba(255,255,255,.4);background:transparent;font-size:7px;text-transform:uppercase;cursor:pointer}.keyboard-help button:hover{color:var(--lime)}.footer{height:58px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:rgba(255,255,255,.27);font-size:8px;letter-spacing:.1em}.footer p{margin:0;letter-spacing:0}
dialog{width:min(calc(100% - 30px),540px);padding:38px;color:white;border:1px solid var(--line);background:#0a1d3c;box-shadow:0 30px 100px black}dialog::backdrop{background:rgba(1,7,18,.82);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:13px;width:34px;height:34px;border:1px solid var(--line);background:transparent;font-size:21px;cursor:pointer}.dialog-label{margin:0;color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.17em}dialog h2{margin:10px 0 25px;font:900 44px/1 var(--display);text-transform:uppercase}dialog ol{margin:0 0 24px;padding:0;list-style:none}dialog li{display:grid;grid-template-columns:35px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}dialog li>span{color:rgba(255,255,255,.3);font-size:8px;font-weight:900}dialog li p{margin:0;color:rgba(255,255,255,.5);font-size:11px}dialog li strong{display:block;margin-bottom:3px;color:white;font-size:12px}.dialog-ok{width:100%;padding:12px;border:0;color:var(--night);background:var(--lime);font-size:9px;font-weight:900;text-transform:uppercase;cursor:pointer}
@media(max-width:900px){.shell{width:min(calc(100% - 24px),900px)}.stage-heading{grid-template-columns:1fr;gap:10px;text-align:center}.stage-heading>div>p{justify-content:center}.stage-heading>p{max-width:550px;margin:auto}.hud{grid-template-columns:repeat(3,1fr)}.hud-progress{grid-column:1/-1;min-height:42px;border-top:1px solid var(--line)}.touch-controls{display:flex}.keyboard-help{display:none}.footer p{display:none}.cover-copy{width:45%}}
@media(max-width:590px){.shell{width:100%}.game-header{height:64px;margin:0 12px}.back-link{font-size:0}.back-link span{font-size:21px}.logo-mark{width:32px;height:32px}.game-stage{padding:24px 0}.stage-heading{padding:0 14px}.stage-heading h1{font-size:54px}.stage-heading>p{font-size:11px}.game-frame{border-inline:0}.hud{min-height:54px}.hud-cell{padding:8px 10px}.hud-cell small{font-size:6px}.hud-cell strong{font-size:13px}.hud-progress{display:none}.canvas-wrap canvas{min-height:330px;object-fit:cover}.cover-shade{background:linear-gradient(90deg,rgba(2,12,29,.95),rgba(2,12,29,.36)),linear-gradient(0deg,rgba(2,9,22,.66),transparent)}.cover-copy{left:7%;top:auto;bottom:8%;width:70%;transform:none}.cover-copy h2{font-size:50px}.cover-copy>strong{margin-top:9px;font-size:9px}.cover-copy button{min-width:185px;margin-top:16px}.cover-copy>small{display:none}.touch-controls{min-height:125px;padding-inline:13px}.move-buttons button{width:46px;height:46px}.jump-button,.web-button{width:62px;height:62px}.footer{padding:0 14px}.toast{bottom:10px}.win-overlay h2{font-size:43px}dialog{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}