@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#10111c;--panel:#171925;--muted:#9396ab;--white:#f3f1eb;--gold:#ffc45c;--orange:#ff8749;--line:#303142;--target:#ffc45c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#242238 0,transparent 60%),var(--bg);color:var(--white);font-family:'Space Grotesk',sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #9eece4;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.arcade{width:min(1220px,calc(100% - 64px));margin:auto}.masthead{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:15px;letter-spacing:2px;text-decoration:none;color:var(--white);font-weight:700;display:flex;align-items:center;gap:9px}.brand>span:last-child{color:var(--muted);font-weight:400}.brand-mark{border:2px solid var(--gold);color:var(--gold);font-style:italic;padding:2px 6px;font-size:17px}.edition{font-size:12px;letter-spacing:2px;color:var(--muted)}.utility{border:0;background:transparent;font-size:14px;color:#c4c5d1;padding:10px 12px;border-radius:5px}.utility:hover{background:#ffffff0b;color:white}.utility kbd{font:10px 'Space Grotesk',sans-serif;border:1px solid #4b4b5e;margin-left:9px;padding:3px 5px;border-radius:3px}.game-shell{border:1px solid #404052;border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:0 25px 80px #0005}.titlebar{padding:22px 30px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;margin:0 0 9px;color:var(--muted)}h1{margin:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;line-height:1;letter-spacing:-1px}h1>span{color:var(--orange)}h1 em{font-size:24px;letter-spacing:4px;font-style:normal;font-weight:500;color:var(--gold);margin-left:14px}.cabinet-tag{font-size:12px;letter-spacing:2px;line-height:1.8;text-align:right;color:var(--gold)}.cabinet-tag span{color:var(--muted);font-size:10px}.scoreboard{display:grid;grid-template-columns:1.15fr 1.35fr 1fr 1fr;border-bottom:1px solid var(--line);padding:17px 30px;background:#1b1d2a}.scoreboard>div{padding-left:30px;border-left:1px solid #363647}.scoreboard>div:first-child{padding-left:0;border:0}.scoreboard span{display:block;font-size:11px;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}.scoreboard strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:600;letter-spacing:2px;font-variant-numeric:tabular-nums}#score{color:var(--gold)}#lives{color:var(--orange);font-size:24px;letter-spacing:5px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px}.arena{position:relative;background:#10121d;min-width:0;isolation:isolate;overflow:hidden}canvas{display:block;width:100%;height:auto;outline:none;touch-action:none}.arena-top,.arena-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:11px;letter-spacing:1.4px}.arena-top{top:23px;color:#a4a6bb}.arena-bottom{bottom:22px;color:#8689a4}.credit{font-size:9px;white-space:nowrap;color:#676b83}.guide{padding:27px 23px;border-left:1px solid var(--line);background:#191b28}.guide h2{font-size:21px;letter-spacing:-.6px;margin:0 0 10px;line-height:1.2}.guide p:not(.eyebrow){color:#aaaec4;font-size:13px;line-height:1.7}.color-goal{display:flex;align-items:center;gap:11px;margin-top:18px;font-size:11px;color:#b6b7c6}.swatch{width:23px;height:23px;transform:rotate(30deg) skewY(-15deg);border-radius:2px}.from{background:#4e6383}.target{background:var(--target);box-shadow:0 0 15px color-mix(in srgb,var(--target),transparent 70%)}.controls-guide,.creature-guide{border-top:1px solid var(--line);padding-top:21px;margin-top:25px}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;width:140px}.key-grid>div{display:flex;align-items:center;gap:10px;color:#bbbfd3}.key-grid kbd{font:15px 'Space Grotesk',sans-serif;display:grid;place-items:center;width:33px;height:29px;background:#252838;border:1px solid #47495c;border-bottom-width:3px;border-radius:5px}.arrow-map{font-size:12px;color:#e4ddcd}.creature{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:12px;color:#b6b9ce}.creature i{width:10px;height:10px;border-radius:50%;box-shadow:0 0 9px currentColor;flex-shrink:0}.disc-tip{border-top:1px solid var(--line);padding-top:18px;margin-top:22px!important;font-size:12px!important}.disc-tip>span{color:#71ddd0;font-size:22px;float:left;margin:0 8px 2px 0}.game-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 18px}.game-footer>span{font-size:12px;color:var(--muted)}.game-footer>div{display:flex;gap:10px}.page-footer{padding:24px 0 30px;display:flex;justify-content:space-between;color:#74788f;font-size:11px;letter-spacing:.3px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#10121d28,#10121d85);z-index:2;padding:18px}.overlay[hidden]{display:none}.overlay-card{text-align:center;background:#141723eb;border:1px solid #515064;border-top:2px solid var(--gold);box-shadow:0 20px 75px #0009;border-radius:8px;padding:30px 38px;max-width:440px;backdrop-filter:blur(9px)}.overlay-card .eyebrow{color:var(--gold);font-size:10px}.overlay h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:46px;letter-spacing:-.5px;line-height:1;margin:14px 0}.overlay p{font-size:13px;line-height:1.8;color:#bfc1d2;margin:16px 0 21px}.primary{background:var(--gold);color:#26202b;letter-spacing:1.6px;font-size:13px;font-weight:700;width:100%;padding:16px 22px;border:0;border-radius:5px;box-shadow:0 4px 0 #af713a;transition:transform .12s,background .12s}.primary:hover{background:#ffdb8b;transform:translateY(-2px)}.primary span{margin-left:20px}.overlay p.start-hint{font-size:10px;letter-spacing:.3px;color:#8e92a9;margin:17px 0 0}.touch-controls{display:none}.flash{animation:flash .3s}@keyframes flash{50%{filter:brightness(1.7)}}
@media(min-width:761px){.masthead{height:64px}.titlebar{padding-top:14px;padding-bottom:14px}.titlebar .eyebrow{margin-bottom:6px}h1{font-size:42px}.scoreboard{padding-top:12px;padding-bottom:12px}.arena canvas{height:clamp(350px,calc(100dvh - 290px),680px)}.guide{height:clamp(350px,calc(100dvh - 290px),680px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444258 transparent}.page-footer{padding-top:15px;padding-bottom:15px}}
@media(min-width:1500px){.arcade{width:1260px}}
@media(max-width:1000px){.arcade{width:calc(100% - 36px)}.play-layout{grid-template-columns:minmax(0,1fr) 210px}.guide{padding:22px 18px}.controls-guide,.creature-guide{margin-top:18px;padding-top:16px}.guide p:not(.eyebrow){font-size:12px}.arena-top,.arena-bottom{left:17px;right:17px;font-size:9px}.credit{display:none}.titlebar{padding:20px 24px}.game-footer>span{font-size:10px}}
@media(max-width:760px){.arcade{width:calc(100% - 24px)}.masthead{height:58px}.brand{font-size:12px;letter-spacing:1px}.edition{display:none}.titlebar{padding:16px 18px}.titlebar .eyebrow{font-size:9px;margin-bottom:8px}h1{font-size:36px}h1 em{font-size:17px;letter-spacing:2px;margin-left:8px}.cabinet-tag{display:none}.scoreboard{padding:13px 16px;grid-template-columns:1.15fr 1.35fr .65fr .85fr}.scoreboard>div{padding-left:13px}.scoreboard span{font-size:8px;letter-spacing:.7px}.scoreboard strong{font-size:24px}#lives{font-size:16px;letter-spacing:1px}.play-layout{display:block}.guide{display:none}.arena-top{top:15px;font-size:8px}.arena-bottom{bottom:14px;font-size:8px;letter-spacing:.7px}.game-footer{padding:5px 6px}.game-footer>span{display:none}.utility{font-size:12px}.overlay-card{padding:22px 23px;max-width:310px}.overlay h2{font-size:35px}.overlay p{font-size:11px;margin:12px 0 16px}.overlay-card .eyebrow{font-size:8px}.primary{padding:13px 17px;font-size:11px}.overlay p.start-hint{font-size:9px}.touch-controls{display:grid;grid-template-columns:70px 35px 70px;grid-template-rows:52px 52px;justify-content:center;gap:8px;margin:16px auto}.touch-controls button{border:1px solid #555165;border-bottom:4px solid #484052;border-radius:12px;background:#292634;color:var(--gold);font-size:32px;touch-action:none;user-select:none}.touch-controls button:active{background:#574332;transform:translateY(2px)}.touch-controls button:nth-child(1){grid-area:1/1}.touch-controls button:nth-child(2){grid-area:1/3}.touch-controls button:nth-child(4){grid-area:2/1}.touch-controls button:nth-child(5){grid-area:2/3}.touch-controls>span{grid-area:1/2/3/3;align-self:center;text-align:center;font-size:9px;letter-spacing:1px;color:var(--muted)}.page-footer{padding:5px 0 20px;justify-content:center}.page-footer span:last-child{display:none}}
.stage-picker{display:flex;align-items:center;gap:12px;padding:10px 24px;border-top:1px solid var(--line);background:#141621}.stage-picker label{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.stage-picker select{min-width:0;max-width:390px;background:#252838;color:var(--white);border:1px solid #484b61;border-radius:5px;padding:9px;font:12px 'Space Grotesk',sans-serif}.stage-picker>span{font-size:11px;color:var(--muted)}.stage-picker .utility{color:var(--gold);white-space:nowrap}@media(min-width:761px){.arena canvas,.guide{height:clamp(350px,calc(100dvh - 347px),680px)}}@media(max-width:760px){.stage-picker{padding:8px;gap:6px;flex-wrap:wrap}.stage-picker label{font-size:8px}.stage-picker select{flex:1;font-size:10px;width:140px}.stage-picker>span{display:none}.scoreboard>div:nth-child(3) strong{font-size:17px;letter-spacing:0}.scoreboard{grid-template-columns:1fr 1.1fr .9fr .75fr}}
@media(max-width:760px){.arena canvas{height:auto;aspect-ratio:900/680}.arena-top,.arena-bottom{font-size:9px}.arena-bottom{right:12px;left:12px}.stage-picker select{min-height:40px}.stage-picker .utility{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}