@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Titan+One&display=swap');
:root{--aqua:#37e8dc;--gold:#ffcf49;--deep:#052440}*{box-sizing:border-box}body{margin:0;overflow:hidden;color:#fff;background:#041f3c;font-family:'Baloo 2',sans-serif}.game-shell{height:100vh;min-height:600px;position:relative;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%}.vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse,transparent 40%,#00142699 120%)}.screen{position:absolute;inset:0;z-index:5;display:flex;align-items:center;flex-direction:column}.hidden{display:none!important}.home-screen{padding-top:6vh}.brand{font:clamp(3.4rem,9vw,6.5rem)/.7 'Titan One';text-align:center;letter-spacing:1px;text-shadow:0 5px #06425f,0 12px 18px #00172f}.brand span{display:block;color:#f3ffff;-webkit-text-stroke:2px #116986}.brand b{color:var(--gold);-webkit-text-stroke:2px #a35b21}.brand i{font-size:.36em;color:var(--aqua);font-style:normal;vertical-align:top}.tagline{margin:16px 0 0;letter-spacing:4px;color:#b2f0ee;font-size:.72rem;font-weight:800}.mission{margin:8px 0 18px;text-align:center;font-size:.78rem;color:#d9ffff;text-shadow:0 2px 3px #00334f}.primary{border:0;border-radius:17px;padding:12px 32px;background:linear-gradient(#fff190,#ffca42);color:#07324e;box-shadow:0 5px #b96b29,0 10px 18px #001b35;font:800 1.1rem 'Baloo 2';cursor:pointer;transition:.2s}.primary:hover{transform:translateY(-3px)}.home-actions{display:flex;gap:30px;margin-top:20px}.home-actions button{border:1px solid #4ab6c4;border-radius:14px;background:#043654d9;color:#dcffff;padding:7px 12px;font:800 .68rem 'Baloo 2';cursor:pointer}.home-actions b{color:#ffda52;font-size:1.05rem}.wallet{position:absolute;top:17px;right:18px;display:flex;gap:6px;align-items:center;background:#043654dd;border:1px solid #5ac5cc;padding:7px 12px;border-radius:20px;color:#ffda56;font-size:.8rem}.wallet em{font-size:.62rem;color:#b7e8ea;font-style:normal;margin-right:7px}.wallet .key{color:#ff8966;font-size:1.15rem}.hud{position:absolute;z-index:7;top:0;width:100%;display:flex;justify-content:space-between;padding:15px 25px;pointer-events:none}.hud-box{min-width:100px;text-align:center;text-shadow:0 3px 4px #00172f}.hud-box:first-child{text-align:left}.hud-box:last-of-type{text-align:right}.hud-box small{display:block;color:#a8e6e9;font-size:.61rem;letter-spacing:1.5px;font-weight:800}.hud-box strong{font:1.65rem/1 'Titan One'}.coin-mark{color:var(--gold)}.power{position:absolute;top:83px;left:50%;transform:translateX(-50%);background:#ffdf61;color:#073854;border:2px solid #fff4a0;border-radius:20px;padding:5px 14px;font-size:.7rem;font-weight:800}.overlay{z-index:20;justify-content:center;background:#001a3870;backdrop-filter:blur(4px);text-align:center}.card,.panel{background:linear-gradient(145deg,#0c6683f5,#062d50fa);border:2px solid #58ddd7;box-shadow:0 20px 60px #001328;border-radius:25px}.card{padding:30px;width:min(390px,90vw)}.eyebrow,.panel>p{font-size:.7rem;letter-spacing:3px;color:#a7f1eb;font-weight:800}.card h2,.panel h2{font:clamp(2.5rem,7vw,4rem)/.85 'Titan One';color:#fff0af;margin:13px 0 20px}.radar{height:75px;width:75px;margin:auto;border:2px solid var(--aqua);border-radius:50%;background:conic-gradient(transparent 0 70%,#5eeadc 74%,transparent 78%);animation:spin 1.5s linear infinite}.hint{font-size:.7rem;color:#c4eff0}.final{font:2.8rem 'Titan One';color:#ffdc55}.relic{font-size:.75rem;color:#b7e5e8;margin:10px}.relic b{color:#ffdb53}.ghost{border:0;background:none;color:#d4f2f3;font:800 .72rem 'Baloo 2';letter-spacing:1px;margin-top:13px;cursor:pointer}.panel{position:absolute;z-index:22;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,93vw);padding:30px;text-align:center}.panel h2{font-size:3rem}.close{position:absolute;right:15px;top:6px;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shop-item{padding:13px 6px;border:1px solid #3ba8b5;border-radius:16px;background:#063a55}.icon{font-size:2rem}.shop-item h3{margin:2px;font:1rem 'Titan One'}.shop-item p{margin:4px;color:#ffda53;font-size:.75rem}.shop-item button{border:0;border-radius:10px;background:#5be7d8;color:#07334f;padding:6px 10px;font:800 .68rem 'Baloo 2';cursor:pointer}.shop-note{display:block;margin-top:15px;color:#aadce1;font-size:.7rem}ol{list-style:none;padding:0;margin:auto;max-width:440px;counter-reset:r}ol li{counter-increment:r;display:flex;padding:9px;border-bottom:1px solid #2d8095;font-weight:800}ol li:before{content:counter(r,decimal-leading-zero);color:#57eee0;margin-right:13px}ol li span:last-child{margin-left:auto;color:#ffdc57}.controls{position:absolute;z-index:8;bottom:13px;width:100%;text-align:center;color:#b3e2e6;font-size:.61rem;letter-spacing:1.4px;pointer-events:none}.controls span{margin:0 9px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.home-screen{padding-top:8vh}.mission{max-width:280px}.hud{padding:14px 10px}.hud-box{min-width:75px}.hud-box strong{font-size:1.25rem}.shop-grid{grid-template-columns:1fr}.shop-item{display:flex;align-items:center;justify-content:space-around;padding:8px}.shop-item h3{font-size:.8rem}.controls{display:none}}