:root{color-scheme:dark;--bg:#02060c;--panel:#08111d;--panel2:#0d1a2a;--line:#244361;--text:#f3f8ff;--muted:#8da2b9;--cyan:#4fd5ff;--blue:#138bd1;--blue2:#2b69ff;--accent:#4fd5ff;--accent2:#138bd1;--glow:rgba(79,213,255,.3)}
body[data-theme="green"]{--accent:#72e6a0;--accent2:#1f9e5b;--glow:rgba(114,230,160,.28)}
body[data-theme="amber"]{--accent:#ffcc67;--accent2:#d77a18;--glow:rgba(255,204,103,.28)}
body[data-theme="violet"]{--accent:#c49bff;--accent2:#7a43d9;--glow:rgba(196,155,255,.28)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -10%,#102642 0,#050b14 40%,#010306 100%);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}
body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
button{font:inherit;color:inherit}.app-shell{width:min(100vw,1040px);height:100dvh;margin:auto;padding:10px clamp(10px,2vw,20px) 9px;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:8px}
.topbar,.controls,footer{display:flex;align-items:center}.topbar{justify-content:space-between;min-height:46px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:84px;height:39px;object-fit:contain;border-radius:5px}.brand-copy{border-left:1px solid rgba(103,164,205,.22);padding-left:10px}.eyebrow{font-size:8px;letter-spacing:.22em;color:#77a9ca;font-weight:800}.brand h1{margin:2px 0 0;font-size:17px;letter-spacing:.22em;font-weight:850}.top-actions{display:flex;align-items:center;gap:7px}.build-badge{height:27px;display:grid;place-items:center;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;background:rgba(10,38,60,.55);color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.13em}
.icon-button,.controls button,.menu-button,.close-button{border:1px solid #28445f;background:linear-gradient(#111c2a,#071019);border-radius:8px;box-shadow:inset 0 1px rgba(255,255,255,.05)}.icon-button{width:42px;min-height:38px;padding:0;font-size:16px}
.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hud>div{background:linear-gradient(180deg,rgba(15,27,42,.97),rgba(5,10,17,.97));border:1px solid #203b55;border-radius:8px;padding:6px 9px}.hud span{display:block;font-size:8px;color:#728ba2;letter-spacing:.16em;margin-bottom:2px}.hud strong{font-variant-numeric:tabular-nums;font-size:13px;letter-spacing:.08em}
.game-wrap{position:relative;min-height:0;border:1px solid #2b4d6c;border-radius:13px;overflow:hidden;background:#02050a;box-shadow:0 0 0 1px rgba(112,216,255,.03),0 20px 50px rgba(0,0,0,.45),inset 0 0 120px rgba(25,92,145,.07)}#game{display:block;width:100%;height:100%;touch-action:none}.scanline{pointer-events:none;position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.015) 50%,transparent 50%);background-size:100% 4px;mix-blend-mode:screen;opacity:.34}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:15px;background:rgba(1,4,8,.8);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:5}.overlay.visible{opacity:1;pointer-events:auto}.panel{position:relative;width:min(92%,470px);padding:22px;background:linear-gradient(180deg,rgba(13,25,40,.99),rgba(4,9,16,.99));border:1px solid #315671;border-radius:14px;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.5),0 0 34px var(--glow)}.panel.compact{width:min(90%,390px)}.menu-panel{width:min(92%,440px);padding:17px 21px}.panel-logo{display:block;margin:-5px auto 1px;object-fit:contain}.panel-logo.option5{width:190px;height:86px}.panel-logo.small{width:125px;height:58px}.small-logo{font-size:9px;letter-spacing:.25em;color:#b4c7d8;font-weight:850}.panel h2{margin:3px 0 1px;font-size:clamp(30px,6vw,50px);letter-spacing:.11em;text-shadow:0 0 18px var(--glow)}.version-line{font-size:10px;letter-spacing:.35em;color:var(--accent);font-weight:850;margin:1px 0 9px}.menu-stack{display:grid;gap:6px;margin-top:7px}.primary-button,.menu-button{width:100%;min-height:43px;font-weight:850;letter-spacing:.12em}.primary-button{border:1px solid var(--accent);border-radius:8px;background:linear-gradient(180deg,var(--accent2),#074d7e);box-shadow:0 0 22px var(--glow)}.menu-button{color:#dce9f6;font-size:12px}.menu-mission{display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 10px;border:1px solid #1d344b;border-radius:8px;background:#050b12;text-align:left}.menu-mission span{font-size:7px;color:#6c879f;letter-spacing:.13em}.menu-mission b{font-size:8px;color:#cfeeff}.motto{margin-top:9px;font-size:8px;letter-spacing:.34em;color:var(--accent)}
.info-panel{width:min(94%,620px);max-height:88%;overflow:auto;text-align:left}.info-panel h2{text-align:center;font-size:27px;margin:5px 0 13px}.info-panel .small-logo{text-align:center}.close-button{position:absolute;right:10px;top:9px;width:34px;height:34px;font-size:22px}.info-body{font-size:12px;color:#b7c5d3;line-height:1.45}.info-body h3{font-size:11px;letter-spacing:.13em;color:var(--accent);margin:14px 0 7px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.info-card{padding:10px;border:1px solid #233b52;border-radius:9px;background:#06101a}.info-card b{display:block;color:#fff;margin-bottom:3px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.level-choice{min-height:58px;border:1px solid #2a4560;border-radius:8px;background:#06101a;font-size:11px}.level-choice.unlocked{box-shadow:inset 0 0 18px rgba(79,213,255,.07)}.level-choice.locked{opacity:.4}.theme-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-choice{min-height:42px;border-radius:8px;border:1px solid #29455e;background:#071019}.theme-choice[data-theme="blue"]{box-shadow:inset 0 0 0 2px #159fe9}.theme-choice[data-theme="green"]{box-shadow:inset 0 0 0 2px #49c67e}.theme-choice[data-theme="amber"]{box-shadow:inset 0 0 0 2px #e39b33}.theme-choice[data-theme="violet"]{box-shadow:inset 0 0 0 2px #9b6bea}
.controls{justify-content:center;gap:7px}.controls button{min-width:100px;min-height:37px;padding:0 12px;font-size:10px;letter-spacing:.11em;font-weight:750}footer{justify-content:space-between;color:#526b81;font-size:7px;letter-spacing:.1em;padding:0 2px}.game-toast{position:absolute;left:50%;top:10px;z-index:4;transform:translate(-50%,-8px);padding:7px 12px;border:1px solid rgba(112,216,255,.28);border-radius:999px;background:rgba(4,11,19,.9);font-size:9px;font-weight:850;letter-spacing:.1em;color:#d8f6ff;opacity:0;pointer-events:none;transition:.16s;white-space:nowrap}.game-toast.visible{opacity:1;transform:translate(-50%,0)}.power-status{position:absolute;left:10px;bottom:10px;z-index:4;display:flex;gap:5px;pointer-events:none}.power-chip{padding:5px 7px;border:1px solid rgba(112,216,255,.3);border-radius:7px;background:rgba(3,10,18,.84);font-size:8px;font-weight:800;color:#dff6ff}
@media(max-width:560px){.app-shell{padding-top:7px;gap:6px}.brand-mark{width:65px;height:31px}.brand h1{font-size:13px}.eyebrow{font-size:6px}.build-badge{font-size:7px;height:24px}.hud{gap:4px}.hud>div{padding:5px}.hud span{font-size:6px}.hud strong{font-size:10px}.controls button{min-width:82px;min-height:34px}.panel{padding:17px}.panel-logo.option5{width:150px;height:69px}.panel h2{font-size:29px}.menu-button,.primary-button{min-height:40px}.level-grid{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:1fr}}
@media(orientation:landscape) and (max-height:650px){.app-shell{grid-template-rows:auto auto 1fr auto;gap:5px;padding-top:4px}.topbar{position:absolute;z-index:6;left:12px;top:6px}.topbar .brand{display:none}.hud{padding-left:80px;padding-right:245px}.controls{position:absolute;right:12px;top:7px;z-index:6}.controls button{min-width:72px;min-height:32px;padding:0 8px}.game-wrap{border-radius:9px}footer{display:none}.menu-panel{padding:10px 18px;width:min(88%,390px)}.panel-logo.option5{width:130px;height:56px}.panel h2{font-size:25px}.version-line{margin-bottom:5px}.menu-stack{gap:4px}.menu-button,.primary-button{min-height:33px;font-size:10px}.menu-mission{margin-top:6px;padding:6px 8px}.motto{margin-top:5px}.info-panel{max-height:94%}}
@media(prefers-reduced-motion:reduce){.overlay,.game-toast{transition:none}}