:root{color-scheme:dark;--bg: #091129;--panel: rgba(12, 16, 35, .78);--panel-strong: rgba(12, 16, 35, .92);--line: rgba(255, 255, 255, .18);--text: #f8fbff;--muted: #9da9c7;--cyan: #36f1ff;--magenta: #ff4dd8;--yellow: #fff06a;--orange: #ff9b3d}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}#game,#game canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-rows:auto auto auto;place-content:center;place-items:center;gap:clamp(22px,4vh,38px);padding:clamp(28px,5vw,64px);background:radial-gradient(circle at 50% 38%,rgba(54,241,255,.12),transparent 30%),linear-gradient(180deg,#050814,#091129 78%);opacity:1;visibility:visible;pointer-events:auto;transition:opacity .42s ease,visibility .42s ease}.splash[data-state=hidden]{opacity:0;visibility:hidden;pointer-events:none}.splash[data-state=showing]~.hud,.splash[data-state=showing]~.curtain{opacity:0;visibility:hidden}.splash__top,.splash__bottom,.splash__prompt,.splash__disclaimer{margin:0;color:var(--text);font-weight:900;letter-spacing:0;text-align:center;text-shadow:0 12px 36px rgba(0,0,0,.45)}.splash__top{color:var(--cyan);font-size:clamp(1.02rem,2.6vw,1.9rem);text-transform:uppercase}.splash__bottom{color:var(--yellow);font-size:clamp(1.25rem,3vw,2.35rem)}.splash__footer{text-align:center}.splash__prompt{margin-top:clamp(14px,2.1vh,22px);color:var(--text);font-size:clamp(.92rem,1.8vw,1.14rem);text-transform:uppercase;animation:splash-prompt-pulse 1.15s ease-in-out infinite}.splash__disclaimer{max-width:min(560px,calc(100vw - 48px));margin-top:10px;color:var(--muted);font-size:clamp(.78rem,1.35vw,.92rem);font-weight:800}.splash__coin-wrap{width:min(52vh,56vw,520px);perspective:1100px}.splash__coin{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 58px rgba(0,0,0,.44));transform-style:preserve-3d;animation:catcoin-y-roll 2.6s ease-in-out both}.hud{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;z-index:10;display:flex;flex-wrap:wrap;width:min(720px,calc(100vw - 24px));transform:translate(-50%);align-items:stretch;justify-content:center;gap:10px;pointer-events:none}.hud__progress{flex:0 0 min(420px,calc(100vw - 48px));height:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#080c1a9e;overflow:hidden;box-shadow:0 10px 22px #00000038}.hud__progress span{display:block;width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--yellow),var(--magenta));transition:width .12s linear}.hud__cluster{min-width:108px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:9px 13px;box-shadow:0 10px 30px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud__score{min-width:142px}.hud__label{display:block;margin-bottom:2px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.hud strong{display:block;color:var(--text);font-size:clamp(1rem,2.5vw,1.28rem);line-height:1.05}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(54,241,255,.18),transparent 28%),#05081494;transition:opacity .18s ease,visibility .18s ease}.curtain[data-state=playing]{visibility:hidden;opacity:0}.curtain__panel{width:min(460px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.18);border-radius:8px;background:var(--panel-strong);padding:clamp(20px,5vw,34px);text-align:center;box-shadow:0 22px 90px #00000075;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.curtain__eyebrow{margin:0 0 10px;color:var(--cyan);font-size:.76rem;font-weight:900;text-transform:uppercase}.curtain h1{margin:0;font-size:clamp(2.3rem,9vw,4.7rem);line-height:.9}.curtain[data-state=complete] h1{font-size:clamp(1.9rem,5vw,3.35rem);line-height:1}.curtain p{margin:16px 0 0;color:var(--muted);font-size:1rem}.curtain button{width:100%;margin-top:24px;border:0;border-radius:8px;background:linear-gradient(90deg,var(--cyan),var(--magenta));color:#07101c;cursor:pointer;padding:13px 18px;font-size:1rem;font-weight:950;box-shadow:0 16px 34px #36f1ff3d}.curtain button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.curtain__levels{display:flex;flex-direction:column;gap:10px;margin-top:20px}.curtain__levels-title{margin:0;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.curtain__levels ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.curtain__level-btn{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#080c1a9e;color:var(--text);cursor:pointer;padding:12px 14px;font-size:.95rem;font-weight:700;text-align:left}.curtain__level-btn:hover,.curtain__level-btn:focus-visible{border-color:var(--cyan);outline:none}@media(max-width:560px){.hud{top:max(10px,env(safe-area-inset-top));gap:6px}.hud__cluster{min-width:0;flex:1 1 0;padding:8px 9px}.hud__score{min-width:0}.hud__label{font-size:.62rem}.curtain__panel{padding:22px}}@keyframes catcoin-y-roll{0%{transform:rotateY(-14deg) rotate(-1.5deg) scale(.96)}34%{transform:rotateY(10deg) rotate(1deg) scale(1)}68%{transform:rotateY(-6deg) rotate(-.5deg) scale(1)}to{transform:rotateY(0) rotate(0) scale(1)}}@keyframes splash-prompt-pulse{0%,to{opacity:.68}50%{opacity:1}}