*{box-sizing:border-box}html,body{color:#e8f6ff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#031024;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#game{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{top:max(10px, env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 120px);display:flex;position:fixed;left:10px}.hud-item{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0014288c;border:1px solid #a0dcff40;border-radius:999px;padding:4px 10px;font-size:15px;font-weight:700}.hud-mult{color:#ffd34d}.hud-mult.pop{animation:.4s ease-out pop}.hud-phase{opacity:.85;text-shadow:0 1px 3px #000;width:100%;font-size:13px}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}#top-buttons{top:max(10px, env(safe-area-inset-top));z-index:20;gap:8px;display:flex;position:fixed;right:52px}.icon-btn{color:#fff;cursor:pointer;background:#00142899;border:1px solid #a0dcff59;border-radius:50%;width:40px;height:40px;font-size:18px}.icon-btn:hover{background:#143c64cc}.overlay{z-index:10;background:radial-gradient(#02102459,#020a18bf);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.panel{text-align:center;background:linear-gradient(#0a325aeb,#04142cf2);border:1px solid #78d2ff59;border-radius:18px;width:min(420px,100%);max-height:100%;padding:22px 20px;overflow-y:auto;box-shadow:0 10px 40px #00000080,inset 0 0 30px #50c8ff14}.panel.wide{width:min(720px,100%)}h1{letter-spacing:1px;margin:0 0 6px;font-size:clamp(34px,9vw,52px);line-height:1.05}h1 span{color:#5ef2ff;text-shadow:0 0 18px #5ef2ffb3}h2{margin:0 0 10px;font-size:24px}.tagline{opacity:.85;margin:0 0 16px}.hint{opacity:.7;margin:14px 0 0;font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.stats div,.sum-totals div{background:#00000040;border-radius:10px;padding:8px 4px}.stats small,.sum-totals small{opacity:.7;text-transform:uppercase;font-size:11px;display:block}.stats strong,.sum-totals strong{font-size:18px}.buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #a0dcff66;border-radius:12px;min-width:130px;padding:12px 18px;font-size:16px;font-weight:700;transition:transform 80ms,background .15s}.btn:hover{background:#ffffff29}.btn:active{transform:scale(.96)}.btn.primary{color:#02213b;background:linear-gradient(#2fd0ff,#1489c9);border-color:#7fe6ff}.btn.primary:hover{background:linear-gradient(#5bdcff,#1d9ae0)}.btn:disabled{opacity:.4;cursor:not-allowed}.reason{opacity:.8;margin:0 0 10px}.catch-list{text-align:left;margin:0 0 12px;padding:0;list-style:none}.catch-list li{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:8px;padding:6px 10px;display:flex}.catch-list li.empty{opacity:.7;justify-content:center}.catch-list .neg{color:#ff8fa3}.catch-list .dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block;box-shadow:0 0 8px}.sum-totals{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.records{color:#ffd34d;min-height:22px;margin-top:10px;font-weight:700}.wallet{margin:0 0 14px;font-size:20px}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.card{background:#00000047;border:1px solid #78d2ff40;border-radius:14px;flex-direction:column;gap:8px;padding:14px 12px;display:flex}.card .icon{font-size:30px}.card h3{margin:0;font-size:18px}.card p{opacity:.8;margin:0;font-size:13px}.card .effect{color:#5ef2ff;opacity:1;font-size:14px;font-weight:700}.pips{justify-content:center;gap:5px;display:flex}.pip{background:#ffffff26;border-radius:4px;width:16px;height:8px}.pip.on{background:#5ef2ff;box-shadow:0 0 6px #5ef2ff}.card .btn{width:100%;min-width:0;padding:10px;font-size:15px}.shop-info{color:#ffd34d;min-height:20px;margin:10px 0 0;font-size:14px}@media (width<=480px){.panel{padding:18px 14px}.btn{min-width:110px;padding:11px 14px}}#hud{left:200px}@media (width<=700px){#hud{left:10px;top:calc(max(10px, env(safe-area-inset-top)) + 40px)}}