@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#f6f3ec;background:#111b32;--ink:#111b32;--cream:#f7f1e5;--orange:#ff8b4b;--mint:#8de0bd;--muted:#8c99ac;--line:rgba(255,255,255,.13)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{min-height:100svh;background:radial-gradient(ellipse at 75% 35%,#213354 0,#111b32 52%,#0d172a 100%);overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer}#app{width:min(1120px,100%);min-height:100svh;margin:auto;padding:0 46px;display:flex;flex-direction:column;position:relative}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:4}.brand{display:flex;align-items:center;gap:8px;color:var(--cream);font-size:13px;font-weight:700;letter-spacing:.16em;text-decoration:none}.brand b{color:var(--orange)}.brand-mark{width:26px;height:26px;border:1px solid #ff9a62;border-radius:9px;display:grid;place-items:center;color:#ff9a62}.top-actions{display:flex;align-items:center;gap:20px}.save-status,.home-foot,.eyebrow,.text-button,.hud-stat>span,.phase-kicker,.game-footer,.site-footer,.touch-hint{font:10px 'DM Mono',monospace;letter-spacing:.1em}.save-status{color:#a2b4c3}.icon-button,.pause-button{width:36px;height:36px;border:1px solid var(--line);background:transparent;border-radius:50%}.icon-button:hover,.pause-button:hover{border-color:var(--orange);color:var(--orange)}.screen{flex:1}.home-screen{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden}.home-foot{display:none}.home-settings{margin-top:1px}.home-copy{padding-bottom:32px}.hero-art{position:absolute;width:min(67%,690px);aspect-ratio:1.5;right:-27px;top:50%;transform:translateY(-52%);background:linear-gradient(90deg,#111b32 0%,rgba(17,27,50,.2) 27%,transparent 60%),linear-gradient(0deg,#111b32 0%,transparent 25%),url('assets/mini-bomber-keyart.png') center/cover;border-radius:42% 12% 35% 14%;opacity:.9;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 88%,transparent 100%)}.home-copy{position:relative;z-index:1;padding:44px 0 62px;max-width:460px}.eyebrow{color:var(--mint);display:flex;align-items:center;gap:9px;margin-bottom:20px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 11px var(--mint)}h1{font:900 clamp(72px,10vw,120px)/.76 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;margin:0;color:#fff8ed}h1 em{font-style:normal;color:var(--orange);font-size:.84em;letter-spacing:.015em}.home-copy p{font-size:14px;color:#b2bdca;margin:26px 0 30px}.home-actions{display:flex;align-items:center;gap:12px}.primary-button{background:var(--orange);border:0;border-radius:7px;color:#172039;min-width:168px;padding:0 18px;height:52px;display:flex;align-items:center;justify-content:space-between;font-weight:900;letter-spacing:.12em;font-size:12px;box-shadow:0 8px 28px #ff88442c;transition:transform .15s,background .15s}.primary-button:hover{transform:translateY(-2px);background:#ffa16d}.primary-button b{font-size:20px}.secondary-button{height:48px;padding:0 17px;background:#ffffff0a;border:1px solid var(--line);border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.1em}.secondary-button span{margin-left:15px;color:var(--mint);font-size:18px}.text-button{display:block;border:0;background:none;color:#a5b1bf;padding:18px 1px 0;font-size:9px}.text-button span{color:var(--orange);padding-left:6px}.home-foot{position:absolute;bottom:24px;left:0;right:0;border-top:1px solid var(--line);padding-top:17px;color:#8995a7;display:flex;justify-content:space-between}.home-foot b{color:#f1eee7;margin-left:8px}.home-screen .home-foot{display:none}.site-footer{height:42px;display:flex;align-items:center;justify-content:space-between;color:#647287;font-size:8px;border-top:1px solid var(--line)}.game-screen{padding:20px 0 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.hud{width:min(100%,760px);display:flex;align-items:center;gap:22px;padding:0 1px 13px}.hud-world{display:flex;flex-direction:column;gap:4px;min-width:180px}.phase-kicker{font-size:9px;color:var(--mint)}.hud-world strong{font-size:13px;letter-spacing:.06em}.hud-stat{display:flex;flex-direction:column;gap:5px}.hud-stat>span{font-size:8px;color:#8b99ae}.hud-stat strong{font:500 12px 'DM Mono',monospace;white-space:nowrap}.score-stat{margin-left:auto}.pause-button{flex:none;width:33px;height:33px}.board-frame{width:min(100%,760px);position:relative;border:1px solid #d6e0eb2b;background:#091225;border-radius:11px;padding:7px;box-shadow:0 25px 70px #0005,0 2px 0 #ffffff12 inset;line-height:0}.board-frame canvas{display:block;width:100%;height:auto;aspect-ratio:13/11;border-radius:6px;touch-action:none;user-select:none}.game-footer{width:min(100%,760px);display:flex;justify-content:space-between;align-items:center;padding:12px 2px 0;color:#bec8d2;font-size:9px;letter-spacing:.045em;gap:10px}.objective{display:flex;align-items:center;gap:8px}.objective-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange)}.inventory{display:flex;gap:13px;align-items:center;white-space:nowrap}.inventory span:first-child{color:#ffc77d}.inventory span:nth-child(2){color:#ff9271}.inventory span:last-child{color:#8f9db2;font-size:8px}.remote-button{border:1px solid #cfadff;color:#e4d2ff;background:#a06be522;border-radius:5px;padding:5px 7px;font:8px DM Mono,monospace;letter-spacing:.08em}.touch-hint{position:absolute;bottom:20px;color:#687991;font-size:8px;display:flex;align-items:center;gap:8px}.touch-hint>span{font-size:16px;color:var(--mint)}.touch-hint i{height:12px;width:1px;background:#506079;margin:0 5px}.toast{position:absolute;top:20px;left:50%;transform:translate(-50%,-8px);background:#111b32ef;border:1px solid #ffffff25;border-radius:30px;padding:9px 15px;color:white;font:10px 'DM Mono',monospace;opacity:0;transition:.2s;pointer-events:none;white-space:nowrap;z-index:2}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-layer{position:fixed;inset:0;z-index:10;background:#080f1dcc;backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px}.modal-layer.hidden{display:none}.modal-card{width:min(440px,100%);max-height:90svh;overflow:auto;border:1px solid #ffffff22;border-radius:13px;background:linear-gradient(145deg,#202e48,#141f35 65%);padding:26px;box-shadow:0 25px 80px #0008;animation:modal-in .2s ease-out}.modal-card.wide{width:min(610px,100%)}@keyframes modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-top h2{font:800 27px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.045em;margin:0}.modal-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:#bdc8d7}.modal-copy{color:#b4c0cf;font-size:12px;line-height:1.65}.modal-buttons{display:flex;gap:10px;margin-top:20px}.modal-buttons>*{flex:1}.modal-card .primary-button{width:100%;margin-top:19px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-choice{min-height:68px;border-radius:8px;border:1px solid #ffffff1b;background:#ffffff08;text-align:left;padding:9px;color:#e8edf2}.level-choice:not(:disabled):hover{border-color:var(--orange)}.level-choice:disabled{opacity:.34;cursor:not-allowed}.level-choice b{display:block;font:700 14px 'DM Mono',monospace;color:var(--mint);margin-bottom:6px}.level-choice span{font-size:8px;line-height:1.2;display:block}.setting-row{padding:14px 0;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-row label{font-size:12px;font-weight:700}.setting-row small{display:block;color:#96a4b7;font-weight:400;font-size:10px;margin-top:4px}.setting-row input[type=range]{accent-color:var(--orange);width:125px}.setting-row input[type=checkbox]{accent-color:var(--orange);width:17px;height:17px}.setting-number{color:var(--mint);font:11px 'DM Mono',monospace;min-width:34px;text-align:right}.phase-intro{text-align:center;padding:10px 0 3px}.phase-number{color:var(--mint);font:10px 'DM Mono',monospace;letter-spacing:.18em}.phase-intro h2{font:900 39px/.95 'Barlow Condensed',Impact,sans-serif;margin:11px 0;color:#fff1df}.phase-intro p{font-size:12px;color:#b1bed0;line-height:1.6}.boss-health{color:#ff8b72;font:10px 'DM Mono',monospace}.hidden{display:none!important}@media(max-width:700px){#app{padding:0 20px}.topbar{height:60px}.save-status{font-size:8px}.hero-art{width:120%;right:-39%;top:40%;opacity:.64;mask-image:linear-gradient(90deg,transparent,#000 20%)}.home-screen{min-height:calc(100svh - 24px);align-items:flex-start}.home-copy{padding-top:19vh}.home-copy p{margin:20px 0 24px}.home-foot{bottom:17px}.game-screen{padding:14px 0 46px;min-height:calc(100svh - 102px)}.hud{gap:12px;padding-bottom:10px}.hud-world{min-width:0;flex:1}.hud-world strong{font-size:11px}.hud-stat>span{font-size:7px}.hud-stat strong{font-size:10px}.board-frame{padding:4px;border-radius:8px}.game-footer{font-size:8px;padding-top:10px}.inventory{gap:8px}.inventory span:last-child{display:none}.touch-hint{bottom:13px}.site-footer{font-size:7px}.modal-card{padding:22px}.level-grid{gap:6px}.level-choice{min-height:61px;padding:7px}.level-choice span{font-size:7px}}@media(max-width:390px){#app{padding:0 13px}.hud{gap:8px}.hud-world strong{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-stat{margin-left:0}.home-foot{font-size:8px}.home-actions{gap:8px}.primary-button{min-width:145px}.secondary-button{padding:0 11px;font-size:9px}.game-footer{font-size:7px}.inventory{gap:6px}.touch-hint{font-size:7px}}@media(orientation:landscape) and (max-height:560px){#app{max-width:980px}.topbar{height:48px}.game-screen{padding:5px 0 28px}.hud{padding-bottom:5px}.board-frame{width:min(68vw,calc((100svh - 120px)*1.18),700px)}.touch-hint{bottom:7px}.home-screen{min-height:calc(100svh - 90px)}.home-copy{padding:15px 0}.home-copy h1{font-size:72px}.hero-art{width:58%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}