:root{color-scheme:dark;--bg:#080e20;--panel:#101a30;--line:#29354d;--ink:#edf6ff;--muted:#99abc4;--accent:#8ddfff;--gold:#ffd581}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#172443,transparent 45%),var(--bg);color:var(--ink);font:14px/1.6 'Trebuchet MS',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button,a,canvas{touch-action:manipulation}button{color:var(--ink)}.arcade-header{max-width:1460px;padding:24px 35px;margin:auto;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.wordmark{font:22px Georgia,serif}.wordmark span{font:10px 'Trebuchet MS',sans-serif;letter-spacing:.12em;color:var(--muted);margin-left:20px}#learner-link{font-size:12px;color:var(--accent)}main{max-width:1460px;margin:auto;padding:35px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:.19em;color:var(--accent);font-weight:bold;margin:0 0 10px}h1{font-size:clamp(30px,3.8vw,52px);line-height:1.1;letter-spacing:-.045em;margin:0 0 10px}#game-subtitle{color:var(--muted);margin:0;font-size:14px}.bank{padding:12px 25px;border:1px solid #514530;border-radius:12px;background:#f9bd5210;display:flex;flex-direction:column;min-width:160px}.bank>span{font-size:9px;letter-spacing:.15em;color:var(--gold)}.bank strong{font-size:29px;color:var(--gold)}.bank small{font-size:9px;color:var(--muted)}.arcade-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:start}.play-column{min-width:0}.game-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;background:var(--panel);border:1px solid var(--line);border-bottom:0;padding:10px 16px;border-radius:12px 12px 0 0}.game-toolbar button{background:transparent;border:1px solid var(--line);padding:5px 12px;border-radius:6px;letter-spacing:0;font-size:11px}.stage{position:relative;border:1px solid var(--line);border-radius:0 0 12px 12px;overflow:hidden;background:#090f25;aspect-ratio:960/680}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:0;left:0;width:100%;padding:16px 20px;display:flex;justify-content:space-between;gap:10px;background:linear-gradient(#080f24e8,transparent);pointer-events:none}.hud span{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted)}.hud strong{font-size:12px;letter-spacing:.06em}.hud #shield{color:var(--accent)}.hud #hull{color:#ffa2b6}.hud #power{color:var(--gold);font-size:10px}.screen{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:linear-gradient(#07112580,#071125cc);padding:35px}.screen[hidden]{display:none}.screen-content{text-align:center;max-width:500px}.screen-tag{font-size:9px;letter-spacing:.18em;color:var(--accent)}.screen h2{font-size:clamp(28px,3vw,45px);letter-spacing:-.04em;line-height:1.1;margin:20px 0}.screen p{color:#bdcce0;font-size:14px}.screen .screen-footnote{font-size:10px;max-width:360px;margin:20px auto 0;color:var(--muted)}#screen-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px}.primary,.secondary{border:0;border-radius:7px;padding:12px 20px;font-size:13px;font-weight:bold;display:inline-flex;justify-content:center;align-items:center;gap:10px}.primary{background:var(--accent);color:#0a1830;box-shadow:0 0 30px #8ddfff20}.primary:hover{filter:brightness(1.1)}.secondary{border:1px solid #536783;background:#172742;color:var(--ink)}.below-stage{font-size:9px;color:var(--muted);padding:14px 4px}#controls-guide b{color:#c7d6e8;margin-left:12px;font-size:9px}#controls-guide b:first-child{margin-left:0}#save-status{font-size:10px;color:var(--muted);min-height:18px}.settings{display:flex;flex-wrap:wrap;gap:22px;font-size:11px;align-items:center;padding:15px 0;border-block:1px solid var(--line)}.settings label{display:flex;align-items:center;gap:7px}.settings input{accent-color:var(--accent)}.settings input[type=range]{width:90px}.hangar{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.hangar-top{padding:23px;border-bottom:1px solid var(--line)}.hangar h2{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:0 0 20px}.hangar label{font-size:10px;display:block;color:var(--muted);margin:18px 0 7px}.hangar select{background:#17253c;color:var(--ink);border:1px solid #36465f;border-radius:7px;padding:10px;width:100%;font-size:11px}.aside-note{color:var(--muted);font-size:10px;margin:15px 0 0}.upgrade-heading{padding:23px 23px 0}.upgrade-heading h2{margin-bottom:10px}.upgrade-heading>p:last-child{font-size:11px;color:var(--muted)}.upgrade-item{padding:17px 23px;border-bottom:1px solid var(--line)}.upgrade-item h3{font-size:13px;margin:0;display:flex;justify-content:space-between}.upgrade-item h3 span{font-size:9px;color:var(--accent)}.upgrade-item p{font-size:10px;color:var(--muted);margin:6px 0 11px}.upgrade-item button{width:100%;background:#1e314b;border:1px solid #3a546f;padding:8px;border-radius:6px;color:var(--gold);font-size:11px}.upgrade-item button:hover:enabled{background:#2a4567}.upgrade-track{display:flex;gap:4px;margin-bottom:12px}.upgrade-track i{height:3px;border-radius:2px;background:#2b3d55;flex:1}.upgrade-track i.filled{background:var(--accent)}.pickup-guide{padding:23px}.pickup-guide h3{font-size:12px;margin:0 0 15px}.pickup-guide p{font-size:10px;color:var(--muted);margin:8px 0;display:flex;align-items:center;gap:6px}.pickup-guide b{color:var(--ink)}.pick{width:23px;height:23px;display:inline-grid;place-items:center;border-radius:6px;background:#21314b;font-size:17px}.coin{color:var(--gold)}.shield{color:var(--accent)}.blaster{color:#ca9bff}.wing{color:#ffadcf}.other-game{font-size:11px;display:block;padding:17px 23px;border-top:1px solid var(--line);color:var(--accent)}.battle-banner{position:absolute;top:15%;left:10%;right:10%;text-align:center;font-size:13px;letter-spacing:.12em;color:var(--gold);text-shadow:0 2px 8px #000;pointer-events:none}.touch-controls{display:none;gap:8px;margin-top:15px;justify-content:center}.touch-controls button{min-width:44px;height:44px;border:1px solid #3b526c;background:#1a2c45;border-radius:8px;font-size:20px;touch-action:none;user-select:none}.touch-controls button:last-child{font-size:12px;color:var(--gold);min-width:65px}.about-game{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:45px;margin-top:30px;border-top:1px solid var(--line)}.about-game h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:0}.about-game>p{font-size:12px;color:var(--muted);margin:0}footer{max-width:1460px;margin:0 auto;padding:25px 35px;display:flex;gap:30px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}footer span{margin-left:auto}.stage:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;display:grid;place-items:center;background:#050a17;aspect-ratio:auto}.stage:fullscreen canvas{max-width:calc(100dvh * 960 / 680);max-height:100dvh;object-fit:contain}.stage:fullscreen .hud{max-width:100%;padding:20px}.stage:fullscreen .screen{padding:45px}.stage:fullscreen .exit-fullscreen{display:block}@media(pointer:coarse){.touch-controls{display:flex}}@media(max-width:1050px){.arcade-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}main{padding:25px}.hangar-top,.upgrade-heading,.upgrade-item,.pickup-guide{padding-inline:18px}.hud{padding:12px}.hud strong{font-size:10px}.hud #power{font-size:9px}.screen{padding:22px}.screen p{font-size:12px}}@media(max-width:800px){.arcade-layout{grid-template-columns:1fr}.hangar{display:grid;grid-template-columns:1fr 1fr}.hangar-top{grid-row:1/3}.upgrade-heading{padding-bottom:5px}.upgrade-heading h2{font-size:22px;margin-bottom:8px}.upgrade-heading p:last-child{margin:0}#upgrade-list{grid-column:2;grid-row:2/5}.pickup-guide{grid-column:1}.other-game{grid-column:1}.bank{min-width:120px;padding:10px 16px}.bank strong{font-size:24px}.about-game{gap:30px}.arcade-header{padding:20px 25px}.wordmark span{display:none}}@media(max-width:500px){main{padding:22px 12px}.arcade-header{padding:17px 14px}.wordmark{font-size:18px}#learner-link{font-size:10px;max-width:150px;overflow-wrap:anywhere}.title-row{gap:12px}.bank{min-width:90px;padding:9px 12px}.bank>span{font-size:8px}.bank small{display:none}.title-row h1{font-size:30px}#game-subtitle{font-size:11px}.game-toolbar{padding:9px 10px}.screen{padding:38px 18px 12px}.screen-tag{font-size:8px}.screen h2{font-size:28px;margin:12px 0}.screen p{font-size:11px;margin:8px 0}.screen .screen-footnote{font-size:8px;margin:10px auto 0}#screen-actions{margin-top:12px;gap:8px}.primary,.secondary{padding:10px 14px;font-size:11px}.hud{padding:10px}.hud span{font-size:6px}.hud strong{font-size:9px}.hud #power{font-size:7px}.battle-banner{font-size:9px;top:19%}.hangar{grid-template-columns:1fr}.hangar-top,.upgrade-heading,#upgrade-list,.pickup-guide,.other-game{grid-column:1;grid-row:auto}#upgrade-list{display:grid;grid-template-columns:1fr 1fr}.upgrade-item{padding:15px}.upgrade-item h3{font-size:11px}.upgrade-item h3 span{font-size:8px}.about-game{grid-template-columns:1fr;gap:15px}.settings{gap:14px}.settings label{font-size:10px}footer{padding:23px 15px;gap:15px;flex-wrap:wrap}footer span{margin-left:0;width:100%}.stage{aspect-ratio:960/780}.stage canvas{object-fit:fill}#controls-guide{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.fullscreen-tools{display:none;position:absolute;bottom:15px;right:15px;z-index:5;gap:8px}.fullscreen-tools button{background:#14253be8;border:1px solid #5a6c87;color:#edf6ff;font-size:11px;padding:9px 12px;border-radius:7px}.stage:fullscreen .fullscreen-tools{display:flex}

#theme-name{font-size:10px;font-weight:normal;color:var(--accent);margin-left:10px;letter-spacing:0}.track-name{font-size:10px;color:var(--accent);margin:16px 0 6px}.stage-brief{font-size:9px;color:var(--muted);line-height:1.7}.game-toolbar>span{max-width:65%}@media(max-width:500px){#theme-name{display:block;margin:2px 0 0;font-size:9px}.game-toolbar>span{max-width:60%}}

/* The supply shop is an automatic stop after each garden level. */
#checkpoint-shop[hidden]{display:none}#checkpoint-shop{margin:16px 0;text-align:left}#checkpoint-coins{display:block;color:#ffe095;text-align:center;margin-bottom:12px;font-size:1.1rem}#checkpoint-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:10px}#checkpoint-upgrades .upgrade-item{margin:0;padding:12px;background:#102a30;border:1px solid #8fffc255;border-radius:12px}#checkpoint-upgrades .upgrade-item h3{font-size:.95rem}#checkpoint-upgrades .upgrade-item p{font-size:.8rem;margin:6px 0}#checkpoint-upgrades button{width:100%;padding:8px;font-size:.85rem}.screen{overflow:auto}.screen-content:has(#checkpoint-shop:not([hidden])){max-width:660px;padding:22px}.screen-content:has(#checkpoint-shop:not([hidden])) h2{font-size:1.7rem}@media(max-width:520px){#checkpoint-upgrades{gap:6px}#checkpoint-upgrades .upgrade-item{padding:8px}#checkpoint-upgrades .upgrade-track{display:none}}

.arcade-header{align-items:center}.arcade-brand-logo{display:block;width:clamp(150px,24vw,270px);height:auto}.arcade-header .wordmark{flex-shrink:0}@media(max-width:520px){.arcade-header{padding:16px;gap:12px}.arcade-brand-logo{width:165px}#learner-link{text-align:right}}

.arcade-header{background:linear-gradient(100deg,#24103e88,#07152a88);border-bottom-color:#a950f377}.arcade-brand-logo{filter:drop-shadow(0 0 12px #24cfff55)}