:root{--ink:#081018;--paper:#e8f1df;--mint:#7be0b8;--cyan:#55cbe8;--gold:#f5c85b;--red:#ff665e;--panel:rgba(7,15,22,.92)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050a0e;color:var(--paper);font-family:"Arial Narrow","DIN Condensed",Impact,system-ui,sans-serif;touch-action:none}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
#stage{position:relative;width:100vw;height:100dvh;min-height:360px;overflow:hidden;background:#081018;isolation:isolate}#game{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair}.hidden{display:none!important}
#hud{position:absolute;z-index:5;left:0;top:0;width:100%;height:78px;padding:14px clamp(14px,3vw,42px);display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:clamp(10px,2vw,28px);pointer-events:none;background:linear-gradient(180deg,rgba(2,8,12,.88),rgba(2,8,12,0));text-shadow:0 2px #000}.brand{font-size:17px;letter-spacing:.12em}.brand b{color:var(--mint)}.brand span{font-weight:900}.phase-chip{border:1px solid rgba(123,224,184,.7);padding:6px 10px;color:var(--mint);font-size:12px;letter-spacing:.12em;background:#081018aa}.timer{text-align:center}.timer span{display:block;color:#8ea7a4;font:700 10px system-ui;letter-spacing:.14em}.timer b{display:block;font-size:27px;line-height:1}.dome-meter{display:grid;grid-template-columns:auto 92px auto;align-items:center;gap:8px;font:700 11px system-ui}.dome-meter i{width:92px;height:8px;background:#26333a;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.dome-meter i b{display:block;width:100%;height:100%;background:var(--mint);transition:width .2s}.dome-meter em{font-style:normal}.cargo{font:700 10px system-ui;text-transform:uppercase;letter-spacing:.1em}.cargo span{display:block;color:#8ea7a4}.cargo b{font-size:15px;color:var(--gold)}#sound-btn{pointer-events:auto;border:1px solid #65766f;background:#0c171d;padding:7px 10px;cursor:pointer}
.overlay{position:absolute;z-index:10;inset:0;display:none;align-items:center;justify-content:center;background:rgba(3,8,12,.76);backdrop-filter:blur(5px)}.overlay.show{display:flex}.eyebrow{color:var(--mint);font:800 11px system-ui;letter-spacing:.23em;text-transform:uppercase}.primary{border:0;background:var(--mint);color:#06130f;padding:16px 22px;font-size:18px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 #1f584a;transition:transform .12s,box-shadow .12s}.primary:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 #1f584a}.primary i{font-style:normal;margin-left:35px}.skip{border:0;background:none;color:#8fa49f;text-decoration:underline;text-underline-offset:5px;cursor:pointer;padding:12px}.skip:hover{color:#fff}
#menu{background:radial-gradient(circle at 72% 30%,rgba(55,114,121,.4),transparent 30%),linear-gradient(125deg,#071019 0 50%,#101d23 50%)}.menu-panel{position:relative;width:min(560px,88vw);margin-left:-32vw;padding:38px 44px;border-left:4px solid var(--mint);background:linear-gradient(90deg,rgba(6,14,20,.98),rgba(6,14,20,.72))}.menu-panel h1{margin:9px 0 0;font-size:clamp(50px,8vw,96px);line-height:.8;letter-spacing:-.04em}.menu-panel h1 span{color:transparent;-webkit-text-stroke:2px var(--mint)}.menu-panel h2{margin:16px 0 22px;color:#9cb0a8;font:700 20px system-ui;letter-spacing:.55em}.tagline{font:600 clamp(16px,2vw,21px)/1.7 system-ui;color:#d6dfd7}.how{display:flex;margin:30px 0 20px;border-top:1px solid #2d403e;border-bottom:1px solid #2d403e}.how div{flex:1;padding:12px 10px;border-right:1px solid #2d403e;display:flex;gap:9px}.how div:last-child{border:0}.how b{color:var(--mint);font-size:12px}.how span{font:700 10px/1.5 system-ui;color:#9fb0ab}.best{font:700 11px system-ui;color:#607873;letter-spacing:.12em}.menu-art{position:absolute;right:0;width:54vw;height:100%;overflow:hidden;background:linear-gradient(#172d3d,#38515d 44%,#13252a 44%)}.planet{position:absolute;width:70vw;height:70vw;border-radius:50%;right:-18vw;top:-30vw;background:radial-gradient(circle at 36% 63%,#f8d37b 0 4%,#b46651 4.5% 7%,transparent 7.5%),radial-gradient(circle at 35% 60%,#d08c62,#5e4553 46%,#1a2a3a 47%);box-shadow:0 0 80px #ed9d6866}.dome-icon{position:absolute;width:280px;height:140px;left:12%;bottom:12%;border:8px solid #9be5cc;border-bottom:0;border-radius:150px 150px 0 0;background:repeating-linear-gradient(90deg,transparent 0 40px,#9be5cc 42px 46px),linear-gradient(#2d4c59cc,#0c1720);box-shadow:0 0 30px #7be0b877}.dome-icon:after{content:"";position:absolute;left:-35px;right:-35px;bottom:-22px;height:28px;background:#0b1419;border-top:7px solid #9be5cc}
.brief-panel,.over-panel{width:min(570px,90vw);padding:40px;background:var(--panel);border:1px solid #3a5d58;box-shadow:14px 14px 0 #0008}.brief-panel h2,.over-panel h2,.upgrade-panel h2{font-size:clamp(32px,5vw,56px);margin:12px 0}.brief-panel p:not(.eyebrow){font:500 16px/1.7 system-ui;color:#aebdb7;max-width:480px}.upgrade-panel{width:min(960px,94vw);max-height:92vh;overflow:auto;padding:32px;background:#081116;border-top:4px solid var(--mint)}.loot-row{display:flex;gap:16px;font:800 14px system-ui;color:#aebdb7;margin-bottom:18px}.loot-row b{color:var(--gold)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upgrade-card{min-height:210px;text-align:left;padding:20px;border:1px solid #38524d;background:#101e24;cursor:pointer;position:relative;transition:.15s}.upgrade-card:hover:not(:disabled){transform:translateY(-5px);border-color:var(--mint);background:#142a2c}.upgrade-card:disabled{opacity:.42;cursor:not-allowed}.upgrade-card .icon{font-size:34px;color:var(--mint)}.upgrade-card h3{font-size:22px;margin:12px 0 6px}.upgrade-card p{font:500 13px/1.5 system-ui;color:#9eb0aa}.upgrade-card .cost{position:absolute;left:20px;bottom:18px;color:var(--gold);font:800 13px system-ui}.score span{display:block;color:#8fa49f;font:700 12px system-ui;letter-spacing:.15em}.score b{font-size:70px;color:var(--gold)}.stats{display:flex;gap:1px;margin:20px 0;background:#31413e}.stats div{flex:1;padding:15px;background:#0d171c}.stats b{display:block;font-size:24px}.stats span{font:700 10px system-ui;color:#80948e;text-transform:uppercase}.site-links{display:flex;gap:18px;margin-top:14px}.site-links a{color:#829b94;font:700 11px system-ui;text-underline-offset:4px}.site-links a:hover{color:var(--mint)}.over-panel{max-height:94vh;overflow:auto}.submit-row{display:flex;gap:8px;margin:14px 0}.submit-row input{min-width:0;flex:1;border:1px solid #38524d;background:#071116;color:#e8f1df;padding:11px 12px;font:700 13px system-ui}.submit-row button{border:1px solid var(--mint);background:#10251f;color:var(--mint);padding:10px 14px;cursor:pointer;font:800 12px system-ui}.submit-status{min-height:18px;color:#9cb0a8;font:700 11px system-ui}.submit-status a{color:var(--mint)}.board-card{margin:10px 0 18px;border:1px solid #263b38;background:#081217;padding:12px}.board-title{color:#6f8982;font:800 10px system-ui;letter-spacing:.16em;margin-bottom:7px}.board-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:6px 4px;border-top:1px solid #1d302d;font:700 11px system-ui}.board-rank{color:var(--gold)}.board-meta,.board-empty{color:#718780;font-size:9px}.board-score{color:var(--mint)}
#toast{position:absolute;z-index:20;left:50%;top:18%;transform:translate(-50%,-12px);opacity:0;color:#081018;background:var(--gold);padding:9px 16px;font:900 12px system-ui;letter-spacing:.08em;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}
#mobile-controls{position:absolute;z-index:6;inset:0;pointer-events:none}#stick{pointer-events:auto;position:absolute;left:24px;bottom:max(24px,env(safe-area-inset-bottom));width:116px;height:116px;border:2px solid #91b1a855;border-radius:50%;background:#09151c88}#stick i{position:absolute;width:48px;height:48px;left:32px;top:32px;border-radius:50%;background:#7be0b899;border:2px solid #c5ffe9}.aim-hint{position:absolute;right:24px;bottom:max(32px,env(safe-area-inset-bottom));text-align:right;font:700 11px/1.5 system-ui;color:#8ba29b}.aim-hint b{color:var(--mint)}
@media(max-width:760px){#hud{height:66px;padding:8px 10px;grid-template-columns:auto auto 1fr auto}.brand,.dome-meter span,.dome-meter em,.cargo span{display:none}.phase-chip{font-size:9px;padding:5px}.timer b{font-size:22px}.dome-meter{grid-template-columns:64px}.dome-meter i{width:64px}.cargo b{font-size:12px}#sound-btn{padding:5px 7px}.menu-art{width:100%;opacity:.45}.menu-panel{margin:0;width:92vw;padding:25px 23px}.menu-panel h1{font-size:52px}.how{margin:22px 0 13px}.how div{padding:9px 5px}.upgrade-grid{grid-template-columns:1fr}.upgrade-card{min-height:142px}.upgrade-panel{padding:20px}.upgrade-card .cost{position:static;margin-top:10px}.brief-panel,.over-panel{padding:28px}.score b{font-size:54px}}
@media(pointer:coarse){#mobile-controls:not(.hidden){display:block!important}}