@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090e18;--panel:#111925;--line:#29333f;--text:#f2f2ec;--muted:#929fab;--red:#ff5148;--cyan:#4cdbf5;--gold:#efc774;font-family:Barlow,Arial,sans-serif;font-size:16px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}button[hidden],[hidden]{display:none!important}.topbar{height:86px;max-width:1512px;margin:auto;padding:0 46px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202936}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:800;display:flex;align-items:center;letter-spacing:.4px}.brand>span:not(.brand-mark):not(.arcade-label){color:var(--red)}.brand-mark{color:var(--red);font-size:46px;line-height:1;margin-right:8px}.brand .arcade-label{font-family:Barlow,sans-serif;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:3px;border-left:1px solid var(--line);padding-left:21px;margin-left:23px}.top-actions{display:flex;gap:15px;align-items:center}.beta-tag{font-size:12px;letter-spacing:1.6px;color:var(--muted)}.icon-button{border:1px solid var(--line);background:transparent;font-size:12px;font-weight:600;min-width:36px;height:36px;padding:0 10px}.icon-button:hover{border-color:var(--muted)}main{max-width:1512px;margin:auto;padding:30px 46px 0}.game-shell{border:1px solid #36414e;background:#0b111b;box-shadow:0 24px 65px #0004}.game-topline,.game-bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 20px;font-size:12px;letter-spacing:1.8px;font-weight:600}.game-topline{border-bottom:1px solid var(--line)}.version{color:var(--red);margin-left:10px}#top-status{color:var(--muted)}.stage{position:relative;height:clamp(550px,66vh,760px);overflow:hidden;background:#0c1521;isolation:isolate}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.overlay{position:absolute;inset:0}.menu{padding:42px 48px;display:flex;gap:24px;justify-content:space-between;align-items:flex-end;background:linear-gradient(90deg,rgba(7,13,23,.96) 0%,rgba(7,13,23,.81) 30%,rgba(7,13,23,.1) 70%),linear-gradient(0deg,#0a1324e6,transparent 45%);background-size:cover;background-position:center;}.menu.has-art{background-image:linear-gradient(90deg,rgba(7,13,23,.9),rgba(7,13,23,.48) 42%,rgba(7,13,23,.04) 76%),linear-gradient(0deg,#0a1324ee,transparent 70%),url('assets/key-art.jpg')}.menu-copy{align-self:flex-start;padding-top:7px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2.7px;display:flex;align-items:center;gap:10px;font-weight:600;color:var(--cyan)}.eyebrow>span{width:18px;height:2px;background:var(--cyan)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(65px,7vw,111px);line-height:.85;margin:28px 0 22px;letter-spacing:-1px}h1 em{font-style:normal;color:var(--red)}.pitch{font-size:21px;color:#d0d5d9;line-height:1.5;margin:0}.mission-note{display:flex;gap:14px;align-items:center;margin-top:33px}.mission-note>span{font-family:'Barlow Condensed',Impact,sans-serif;color:var(--cyan);font-size:38px;border-right:1px solid #547184;padding-right:14px}.mission-note p{font-size:14px;line-height:1.6;color:#a5b3bd}.launch-panel{width:324px;flex-shrink:0;z-index:1;background:#0b131fec;backdrop-filter:blur(14px);padding:22px;border:1px solid #47505d;border-top:2px solid var(--red);box-shadow:0 12px 50px #0004}.section-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:1.8px;color:var(--muted);font-weight:600}.section-label>span:last-child{color:var(--cyan);font-size:11px}.suit-picker{display:grid;gap:7px;margin:14px 0}.suit{display:flex;align-items:center;gap:13px;background:#16202d;padding:11px 12px;text-align:left;border:1px solid #34404d}.suit.selected{border-color:var(--red);background:#ff514810}.suit>i{height:28px;width:6px;background:var(--suit);transform:skew(-12deg);box-shadow:0 0 18px color-mix(in srgb,var(--suit) 40%,transparent)}.suit>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px;letter-spacing:1px;font-weight:700}.suit small{display:block;font-family:Barlow,sans-serif;font-size:12px;font-weight:400;color:#acb5bf;letter-spacing:0;margin-top:2px}.suit>b{margin-left:auto;font-size:12px;color:#70808f}.mode-picker{display:flex;border-bottom:1px solid var(--line);margin-top:18px;margin-bottom:16px}.mode-picker button{font-size:12px;letter-spacing:.5px;flex:1;background:transparent;padding:0 2px 12px;color:#8795a5;border-bottom:2px solid transparent;text-align:left;font-weight:600}.mode-picker button.selected{color:var(--text);border-bottom-color:var(--cyan)}.mode-picker small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:6px}.primary{display:flex;justify-content:center;align-items:center;gap:15px;background:var(--red);color:#101520;font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:800;letter-spacing:1px;min-height:54px;width:100%;padding:9px 20px}.primary:hover{background:#ff736c}.primary span{margin-left:auto;font-family:Arial,sans-serif;font-weight:400}.launch-foot{text-align:center;font-size:12px;color:#a1aab5;margin:12px 0 0}.game-bottomline{border-top:1px solid var(--line);color:#a2afbe;font-size:11px;padding:12px 20px}.game-bottomline i{display:inline-block;width:6px;height:6px;background:var(--cyan);margin-right:9px}.game-bottomline b{color:var(--red);padding:0 10px}.below-game{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:38px;padding:31px 0;align-items:center}.below-game h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:600;margin:9px 0}.below-game p{font-size:14px;line-height:1.6;color:var(--muted);max-width:440px;margin:5px 0}.record{border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;padding:5px 25px}.record>span{font-size:12px;color:var(--muted);letter-spacing:1.6px}.record strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:49px;color:var(--gold);line-height:1.1;margin:5px}.record small,.controls-summary>small{font-size:12px;color:#83919f}kbd{font-family:Barlow,sans-serif;font-size:11px;border:1px solid #3c4857;padding:3px 7px;color:#b6c0ce;min-width:70px;display:inline-block;text-align:center;letter-spacing:1px;background:#121c2a}.controls-summary p{font-size:13px}.controls-summary .section-label{margin-bottom:10px}.controls-summary kbd{margin-right:8px}footer{border-top:1px solid #222d39;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7e8c9b}footer div{display:flex;gap:25px;align-items:center}footer button{background:none;padding:0;color:inherit;font-size:12px}footer a{letter-spacing:1px;color:#b4bfca}.hud{position:absolute;inset:22px 26px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;gap:16px;text-shadow:0 2px 7px #000}.hud-left{width:180px}.hud-left>span,.hud-score>span{font-size:12px;letter-spacing:1.8px}.health-track{background:#14212e;width:100%;height:7px;margin:9px 0 3px;border:1px solid #58727c}#health{height:100%;width:100%;display:block;background:var(--cyan);transition:width .1s}#health-text{font-size:11px;color:#c3d0db}.hud-clock{text-align:center}.hud-clock strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;letter-spacing:2px;display:block;line-height:1}.hud-clock span{display:block;font-size:11px;letter-spacing:2px;color:var(--cyan);margin-top:6px}.hud-score{text-align:right;position:relative;padding-right:48px}.hud-score strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px}.hud-score button{position:absolute;top:0;right:0;pointer-events:auto;background:#152131bc;border:1px solid #4b6372;width:34px;height:36px}.boss-hud{position:absolute;top:93px;width:40%;left:30%;text-align:center;font-size:12px;color:#ff8c8c;letter-spacing:3px}.boss-hud>div{height:6px;background:#34212b;margin-top:7px}#boss-health{display:block;background:var(--red);height:100%}.game-actions{position:absolute;bottom:20px;right:24px;left:24px;display:flex;justify-content:flex-end;gap:10px;align-items:center}.move-hint{margin-right:auto;font-size:12px;letter-spacing:1px;color:#c0cbd5;text-shadow:0 2px 5px black}.move-hint span{display:block;color:#7f95a6;margin-top:4px}.ability{position:relative;background:#0e1a29ef;border:1px solid #496273;min-width:126px;min-height:56px;display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center;padding:10px;touch-action:none}.ability>span{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;font-size:18px}.ability kbd{min-width:unset;font-size:10px;padding:3px 4px}.ability small{font-size:10px;letter-spacing:1px;grid-column:1/-1;color:var(--cyan)}.ability.overdrive{border-color:#b25c51;overflow:hidden}.ability i{position:absolute;left:0;bottom:0;height:3px;background:var(--red);width:100%}.modal-layer{position:absolute;inset:0;background:#060c17d9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.modal{background:#101b29;border:1px solid #3c5365;border-top:3px solid var(--cyan);max-width:680px;width:100%;padding:32px;max-height:100%;overflow:auto;box-shadow:0 30px 100px #0008}.modal h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:43px;text-transform:uppercase;margin:12px 0 18px;line-height:1}.modal p{font-size:16px;line-height:1.6;color:#b2bfcb}.modal .secondary{border:1px solid #566678;background:#182435;padding:12px 18px;min-height:47px;font-size:14px}.modal .button-row{display:flex;gap:10px;margin-top:22px}.modal .button-row>*{flex:1}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upgrade{border:1px solid #3c5365;background:#162536;padding:22px 15px;text-align:left;min-height:185px}.upgrade:hover{border-color:var(--cyan);background:#1c3545}.upgrade b{font-family:'Barlow Condensed',Impact,sans-serif;display:block;font-size:25px;text-transform:uppercase;line-height:1.1;margin:14px 0 10px}.upgrade small{color:#b6c6d4;font-size:14px;line-height:1.4}.upgrade .upgrade-no{font-size:12px;color:var(--cyan);letter-spacing:2px}.result-score{font-family:'Barlow Condensed',Impact,sans-serif;font-size:80px;color:var(--gold);line-height:1.1}.result-stats{display:flex;gap:26px;margin:15px 0;color:#abbfcd;font-size:14px}.result-stats b{color:var(--text);display:block;font-size:22px}.result-note{font-size:13px!important}.callout{position:absolute;left:0;right:0;top:39%;text-align:center;pointer-events:none;font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;font-weight:700;letter-spacing:4px;color:var(--cyan);text-shadow:0 3px 25px #000;opacity:0;transition:opacity .15s}.callout.visible{opacity:1}.joystick{position:absolute;bottom:28px;left:30px;width:98px;height:98px;border-radius:50%;border:1px solid #8cb7c94d;background:#18344855;pointer-events:none}.joystick div{position:absolute;left:30px;top:30px;width:36px;height:36px;border-radius:50%;border:1px solid #9be6fcaa;background:#3b91b266}.noscript{padding:24px}body.playing .stage{cursor:crosshair}
@media(min-width:1500px){.menu{padding:46px 62px}.launch-panel{width:346px}}
@media(max-width:1050px){.topbar{padding:0 25px}main{padding:24px 25px 0}.menu{padding:35px 30px}.launch-panel{width:295px}.below-game{gap:24px;grid-template-columns:1.2fr .65fr 1fr}h1{font-size:85px}.pitch{font-size:18px}.mission-note{margin-top:18px}.record{padding:5px 10px}}
@media(max-width:760px){.topbar{height:66px;padding:0 17px}.brand{font-size:24px}.brand .arcade-label{display:none}.brand-mark{font-size:38px}.beta-tag{display:none}.top-actions{gap:8px}main{padding:15px 12px 0}.game-topline{padding:11px 12px;font-size:10px;letter-spacing:1px}.game-bottomline{padding:10px 12px;font-size:9px;letter-spacing:1px}.game-bottomline>span:last-child{display:none}.stage{height:725px;max-height:none}.menu{padding:25px 23px;display:block;background-position:58% center}.menu.has-art{background-image:linear-gradient(90deg,#07111fc9,#07111f26),linear-gradient(0deg,#08111f 38%,#08111f22 85%),url('assets/key-art.jpg');background-position:center,center,62% top;background-size:cover,cover,auto 65%;background-repeat:no-repeat}.menu-copy{padding:0}.eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:76px;margin:22px 0 15px;line-height:.85}.pitch{font-size:16px;line-height:1.5}.mission-note{display:none}.launch-panel{width:100%;margin-top:29px;padding:17px;background:#0b131fed}.suit-picker{display:flex;gap:7px;margin:13px 0}.suit{display:block;position:relative;flex:1;padding:12px 8px;text-align:left}.suit>i{display:block;height:3px;width:24px;margin-bottom:8px}.suit>span{font-size:20px;letter-spacing:.7px}.suit small{font-size:10px;margin-top:6px;white-space:nowrap}.suit>b{display:none}.mode-picker{margin-top:15px}.mode-picker button{font-size:11px}.launch-foot{font-size:11px}.below-game{grid-template-columns:1fr auto;gap:20px;padding:25px 6px}.below-game h2{font-size:25px}.below-game p{font-size:13px}.record{border-right:none;padding:0 0 0 15px;max-width:120px}.record>span{font-size:10px;letter-spacing:1px}.record strong{font-size:36px}.record small{font-size:10px}.controls-summary{display:none}footer{padding:20px 6px;display:block;font-size:11px}footer div{margin-top:16px;justify-content:space-between}body.playing .stage{height:calc(100svh - 143px);min-height:470px;max-height:900px}body.playing .below-game,body.playing footer{display:none}.hud{inset:17px 14px auto;gap:8px}.hud-left{width:100px}.hud-clock strong{font-size:30px}.hud-score{padding-right:32px}.hud-score strong{font-size:25px}.hud-score button{width:26px;height:29px}.hud-left>span,.hud-score>span{font-size:10px}.boss-hud{width:65%;left:17.5%;top:92px}.game-actions{bottom:27px;left:auto;right:16px;gap:8px}.move-hint{display:none}.ability{min-width:83px;min-height:68px;display:flex;flex-direction:column;justify-content:center;padding:8px}.ability kbd{display:none}.ability>span{font-size:17px}.ability small{font-size:10px}.modal-layer{padding:15px}.modal{padding:23px}.modal h2{font-size:36px}.upgrade-grid{grid-template-columns:1fr}.upgrade{min-height:unset;padding:13px 15px}.upgrade b{font-size:23px;margin:3px 0 5px}.upgrade small{font-size:13px}.upgrade-no{display:none}.modal .button-row{flex-direction:column}.callout{font-size:32px;letter-spacing:2px}.result-score{font-size:65px}.result-stats{gap:20px}.result-stats b{font-size:20px}.modal p{font-size:14px}}
.ad-placement{margin:10px auto 30px;max-width:970px;min-height:100px;border-top:1px solid var(--line);padding-top:16px}.ad-placement>span{display:block;text-align:center;font-size:12px;color:var(--muted);letter-spacing:2px;margin-bottom:10px}body.playing .ad-placement{display:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}