:root{--acid:#ddff38;--paper:#e9eadf;--line:#e9eadf33}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#050706;color:var(--paper);font-family:Arial,sans-serif}body{display:grid;place-items:center;overflow:hidden}.game-shell{width:100vw;height:100dvh;display:grid;grid-template-rows:56px 1fr 42px;background:#080b0a}header,footer{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,2.2vw,36px);letter-spacing:.18em;font-size:10px;z-index:10}header{border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);color:#8f948d}.brand{color:var(--paper);text-decoration:none;font-weight:900;font-size:18px;letter-spacing:-.04em}.brand span{color:var(--acid)}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);margin-right:8px}.viewport{position:relative;min-height:0;overflow:hidden;background:#111}canvas{width:100%;height:100%;display:block;object-fit:contain;background:#080b0a;outline:0}.scanlines{pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000000c 0,#0000000c 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply;z-index:3}.screen{position:absolute;inset:0;z-index:5;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:6vw;padding:clamp(28px,5vw,80px);background:linear-gradient(90deg,#05080629,#050806b3)}.screen[hidden]{display:none}.title{align-self:center}.eyebrow{font-weight:800;font-size:10px;letter-spacing:.3em;color:var(--acid);margin:0 0 16px}.title h1,.compact h2{font-family:Impact,'Arial Narrow Bold',sans-serif;font-style:italic;font-size:clamp(74px,11vw,160px);line-height:.72;letter-spacing:-.045em;margin:0;text-shadow:0 6px 40px #0009}.title h1 span{color:transparent;-webkit-text-stroke:2px var(--paper)}.tagline{text-transform:uppercase;font-weight:700;letter-spacing:.22em;font-size:11px;margin:28px 0 0}.card{max-width:440px;margin-left:auto;padding:28px;border-left:2px solid var(--acid);background:#080b0ac2;backdrop-filter:blur(10px);box-shadow:0 22px 90px #000}.card>p:nth-child(2){color:#c5c8bf;line-height:1.55;font-size:13px}.label{letter-spacing:.2em;font-size:10px;color:#aaa}.label b{float:right;color:var(--acid)}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}.controls span{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.controls small{width:100%;margin-top:5px;font-size:8px;letter-spacing:.14em;color:#9b9f98}kbd{border:1px solid #636861;border-bottom-width:2px;border-radius:2px;padding:5px 7px;font-size:9px;background:#171b18}.primary,.secondary{width:100%;border:0;padding:16px 18px;text-align:left;letter-spacing:.18em;font-size:11px;font-weight:900;cursor:pointer}.primary{background:var(--acid);color:#090b09}.primary b{float:right;font-size:16px}.secondary{margin-top:8px;background:transparent;color:var(--paper);border:1px solid var(--line)}.primary:hover,.primary:focus-visible{background:#fff}.secondary:hover,.secondary:focus-visible{border-color:var(--acid);color:var(--acid)}.micro{text-align:center!important;color:#777!important;font-size:9px!important}.compact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#050706c7;backdrop-filter:blur(10px)}.compact h2{font-size:clamp(72px,10vw,132px);line-height:.83;margin:0 0 34px}.compact button{max-width:340px}.final-score{font-family:monospace;color:var(--acid);letter-spacing:.25em;margin:-10px 0 28px}footer button{border:0;background:none;color:#aeb2aa;font-size:9px;letter-spacing:.14em;cursor:pointer}.touch{display:none;position:absolute;z-index:4;inset:auto 16px 20px;justify-content:space-between;pointer-events:none}.touch>div{display:flex;gap:10px}.touch button{pointer-events:auto;width:58px;height:58px;border-radius:50%;border:1px solid #ffffff59;background:#080b0a8c;color:white;font-size:24px;backdrop-filter:blur(6px);touch-action:none}.touch .fire{border-color:var(--acid);color:var(--acid)}
@media(max-width:760px),(pointer:coarse){.game-shell{grid-template-rows:44px 1fr 32px}header,footer{padding:0 12px}.status,footer span:first-child{display:none}.screen{grid-template-columns:1fr;align-content:center;padding:22px;background:#0508067a}.title{align-self:end}.title h1{font-size:clamp(58px,19vw,100px)}.tagline{margin-top:18px}.card{padding:18px;margin:0;align-self:start}.card>p:nth-child(2){display:none}.controls{margin:15px 0}.touch{display:flex}.compact h2{font-size:74px}}@media(max-height:620px){header{display:none}.game-shell{grid-template-rows:1fr 28px}.screen{grid-template-columns:1fr 1fr;padding:20px 35px}.title h1{font-size:76px}.card{padding:18px}.card>p:nth-child(2),.micro{display:none}.controls{margin:12px 0}.compact{display:flex}.compact h2{font-size:72px;margin-bottom:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.heroes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.heroes .hero{padding:11px 12px;background:#11150f;border:1px solid var(--line);color:#b9bfb5;font-weight:900;font-size:11px;letter-spacing:.14em;cursor:pointer;text-align:left;display:block}.heroes .hero small{display:block;margin-top:4px;font-size:8px;letter-spacing:.12em;color:#7c827a;font-weight:700}.heroes .hero.on{border-color:var(--acid);color:var(--acid);background:#151b10}.heroes .hero.on small{color:#9aa48d}
.end-screen{overflow:auto;padding-block:24px}.end-screen h2{font-size:clamp(48px,7vw,88px);margin-bottom:16px}.end-screen .final-score{margin:0 0 6px;font-size:18px}.run-stats{margin:0 0 16px;color:#aeb5ad;font:700 10px monospace;letter-spacing:.13em}.score-save,.leaderboard{width:min(430px,90vw)}.score-save{padding:14px;border:1px solid var(--line);background:#080b0adb;text-align:left}.score-save label,.leaderboard h3{display:block;color:var(--acid);font:800 9px Arial;letter-spacing:.2em;margin:0 0 8px}.score-save>div{display:grid;grid-template-columns:1fr auto;gap:8px}.score-save input{min-width:0;border:1px solid #5f665f;background:#111511;color:#fff;padding:11px 12px;font:800 11px monospace;text-transform:uppercase;outline:none}.score-save input:focus{border-color:var(--acid);box-shadow:0 0 0 2px #ddff3825}.score-save button{border:0;background:var(--acid);color:#070a08;padding:0 14px;font:900 9px Arial;letter-spacing:.12em;cursor:pointer}.score-save button:disabled{background:#343a35;color:#8a918b}.score-save small{display:block;margin-top:7px;color:#747b75;font-size:8px}.leaderboard{margin:10px 0;padding:12px 16px;background:#080b0ab8;border-left:2px solid var(--acid);text-align:left}.leaderboard ol{list-style:none;margin:0;padding:0}.leaderboard li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;padding:4px 0;border-bottom:1px solid #ffffff12;color:#cbd0ca;font:700 10px monospace}.leaderboard li:last-child{border:0}.leaderboard li::before{content:counter(list-item,decimal-leading-zero);color:#6e756f}.leaderboard b{color:#fff}.replay{max-width:430px}.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}
@media(max-width:760px){.end-screen{padding:12px 18px;justify-content:flex-start}.end-screen h2{font-size:46px;margin:6px 0 10px}.score-save>div{grid-template-columns:1fr}.score-save button{padding:11px}.leaderboard{margin:8px 0}.leaderboard li{padding:3px 0}}
.brand{display:flex;align-items:center;height:48px;color:var(--paper);text-decoration:none}.brand img{width:auto!important;height:45px!important;max-width:190px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 9px #ddff3830)!important}@media(max-width:760px){.brand{height:40px}.brand img{height:38px!important;max-width:155px}}
.brand{display:flex;align-items:center;gap:8px}.brand img{width:27px;height:27px;filter:drop-shadow(0 0 8px #ddff3840)}.franchise-logo{display:block;width:min(720px,58vw);max-height:52vh;object-fit:contain;object-position:left center;filter:drop-shadow(0 18px 35px #000b)}@media(max-width:760px){.franchise-logo{width:min(92vw,620px);max-height:30vh;object-position:center}.title{text-align:center}.title .eyebrow{margin-bottom:6px}}
#startScreen{grid-template-columns:minmax(230px,.82fr) minmax(270px,1.18fr) minmax(330px,.88fr);align-items:end;isolation:isolate;background:linear-gradient(90deg,#020504e8 0%,#0205046c 25%,#02050408 52%,#02050473 76%,#020504e5 100%),linear-gradient(0deg,#020504e8 0%,transparent 46%,#020504b0 100%)}#startScreen>.cover-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 39%;z-index:-1;pointer-events:none}#startScreen>.title,#startScreen>.card{position:relative;z-index:1}.screen#startScreen .title{grid-column:1;align-self:start;padding-top:clamp(8px,3vh,34px)}#startScreen .franchise-logo{width:min(36vw,520px);max-width:none}#startScreen .tagline{max-width:330px;line-height:1.7;text-shadow:0 2px 14px #000}#startScreen .card{grid-column:3;background:linear-gradient(135deg,#080b0ae8,#080b0ab8);border:1px solid #ffffff1c;border-left:2px solid var(--acid);box-shadow:0 26px 100px #000d,0 0 0 1px #0008;backdrop-filter:blur(12px) saturate(.8)}@media(max-width:1050px) and (min-width:761px){#startScreen{grid-template-columns:1fr 1fr}.screen#startScreen .title{grid-column:1}#startScreen .card{grid-column:2}#startScreen .franchise-logo{width:min(48vw,510px)}}@media(max-width:760px){#startScreen{grid-template-columns:1fr;align-content:space-between;background:linear-gradient(0deg,#020504f5 0%,#02050487 46%,#020504b8 100%)}#startScreen>.cover-loop{object-position:center 28%}.screen#startScreen .title{grid-column:1;align-self:start;padding-top:0}#startScreen .franchise-logo{width:min(68vw,430px);max-height:22vh;margin:auto}#startScreen .tagline{max-width:68vw;margin:5px auto 0;font-size:8px}#startScreen .card{grid-column:1;align-self:end;justify-self:center;width:calc(100vw - 86px);max-width:calc(100vw - 86px);padding:14px;background:#080b0aeb;backdrop-filter:blur(10px)}#startScreen .cabinet-readout{font-size:8px}#startScreen .card>p{font-size:11px;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){#startScreen>.cover-loop{display:none}#startScreen{background:linear-gradient(90deg,#020504e8 0%,#0205046c 25%,#02050408 52%,#02050473 76%,#020504e5 100%),linear-gradient(0deg,#020504e8 0%,transparent 46%,#020504b0 100%),url("brand/cover/last-strike-keyart.png") center 39%/cover no-repeat}}
.viewport:before,.viewport:after{content:"";position:absolute;z-index:4;pointer-events:none;inset:10px;border:1px solid transparent}.viewport:before{border-top-color:#ddff383d;border-left-color:#ddff383d;clip-path:polygon(0 0,90px 0,90px 2px,2px 2px,2px 90px,0 90px)}.viewport:after{border-right-color:#68e6ff2e;border-bottom-color:#68e6ff2e;clip-path:polygon(calc(100% - 90px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 90px),100% calc(100% - 90px),100% 100%,calc(100% - 90px) 100%)}.scanlines{background:radial-gradient(ellipse at center,transparent 56%,#00000056 100%),repeating-linear-gradient(0deg,#00000010 0,#00000010 1px,transparent 1px,transparent 4px)}.title h1{position:relative;text-shadow:-3px 0 #68e6ff26,3px 0 #ff4f6830,0 8px 42px #000}.title h1 span{-webkit-text-stroke:2px var(--paper);filter:drop-shadow(-3px 0 #68e6ff55) drop-shadow(3px 0 #ff4f6855)}.eyebrow:before{content:"●";margin-right:9px;color:#ff4f68;text-shadow:0 0 10px #ff4f68;animation:signalblink 1.15s steps(2,end) infinite}.cabinet-readout{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 16px;padding:8px 10px;border-block:1px solid #ffffff16;color:#c8cec8;font:800 9px monospace;letter-spacing:.16em}.cabinet-readout b{color:var(--acid);text-shadow:0 0 12px #ddff3870}.primary{box-shadow:inset 0 -3px 0 #71820f,0 0 28px #ddff3814}.primary:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 #71820f}.leaderboard li:first-child b{color:var(--acid);text-shadow:0 0 10px #ddff3860}@keyframes signalblink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.eyebrow:before{animation:none}}