:root{--neon:#22d3ee;--pink:#f0f;--amber:#fbbf24;font-family:Arial Black,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#050208}#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;z-index:5}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:14px 18px;gap:12px}.panel{background:#050210b8;border:1px solid rgba(34,211,238,.45);border-radius:12px;padding:10px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 24px #22d3ee26,inset 0 0 18px #22d3ee0f;min-width:150px}.panel.right{text-align:right}.label{font-size:10px;letter-spacing:.28em;color:#67e8f9;font-family:system-ui,sans-serif;font-weight:700}.value{font-size:30px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(34,211,238,.8)}.value.pink{color:#fda4af;text-shadow:0 0 18px rgba(244,114,182,.8);font-size:22px;margin-top:4px}.center{text-align:center}.title{font-size:clamp(18px,3vw,30px);letter-spacing:.18em;color:#fff;text-shadow:0 0 8px #22d3ee,0 0 28px #0891b2,0 0 44px #e879f9}.sub{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:.34em;color:#f9a8d4;margin-top:4px}.balls{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.balldot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#94a3b8 55%,#334155);box-shadow:0 0 10px #fff9}.balldot.spent{opacity:.18;box-shadow:none}#msg{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;font-size:clamp(24px,5vw,54px);letter-spacing:.12em;text-shadow:0 0 12px #22d3ee,0 0 42px #e879f9;opacity:0;transition:opacity .18s;white-space:nowrap}#msg small{display:block;font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.3em;color:#a5f3fc;margin-top:8px}.pop{position:absolute;font-size:20px;color:#fde68a;text-shadow:0 0 12px #f59e0b;transform:translate(-50%,-50%);animation:pop .75s ease-out forwards;pointer-events:none;font-variant-numeric:tabular-nums}@keyframes pop{0%{opacity:0;margin-top:8px}15%{opacity:1}to{opacity:0;margin-top:-42px}}.bottombar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:14px 18px;gap:12px}.controls{font-family:system-ui,sans-serif;font-size:12px;line-height:1.7;color:#cbd5e1;background:#050210a8;border:1px solid rgba(148,163,184,.25);border-radius:10px;padding:8px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}kbd{background:#1e293b;border:1px solid #475569;border-bottom-width:3px;border-radius:5px;padding:1px 6px;color:#fff;font-family:inherit;font-size:11px}.btns{display:flex;gap:10px;pointer-events:auto}button{font-family:inherit;letter-spacing:.12em;cursor:pointer;color:#fff;background:linear-gradient(180deg,#164e63,#0e7490);border:1px solid #22d3ee;border-radius:999px;padding:12px 20px;box-shadow:0 0 18px #22d3ee59}button:active{transform:scale(.96)}#plungeWrap{width:150px}#plungeBar{height:10px;background:#1e293b;border-radius:99px;overflow:hidden;border:1px solid #334155;margin-top:6px}#plungeFill{height:100%;width:0%;background:linear-gradient(90deg,#22d3ee,#e879f9,#fbbf24)}.touch{position:absolute;bottom:86px;width:92px;height:92px;border-radius:50%;background:#22d3ee24;border:2px solid rgba(34,211,238,.55);color:#a5f3fc;display:none;place-items:center;font-size:12px;letter-spacing:.15em;pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:none}.touch:active{background:#e879f94d}#touchL{left:16px}#touchR{right:16px}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at center,#14042873,#02000ae0);color:#fff;text-align:center;padding:20px}.card{max-width:560px}.card h1{font-size:clamp(36px,8vw,72px);letter-spacing:.14em;line-height:.95;text-shadow:0 0 10px #22d3ee,0 0 34px #0891b2,0 0 70px #e879f9}.card p{font-family:system-ui,sans-serif;color:#cbd5e1;line-height:1.65;margin:18px 0}.card .bigbtn{font-size:18px;padding:16px 34px;pointer-events:auto}.hidden{display:none!important}@media(pointer:coarse){.touch{display:grid}.controls{display:none}}@media(max-width:640px){.value{font-size:22px}.panel{min-width:110px;padding:8px 10px}.controls{display:none}}