:root{--navy:#07123a;--deep:#040a24;--royal:#1f4fd8;--cyan:#2fd3ff;--violet:#6b46ff;--red:#ff3b3b;--font:"Segoe UI", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{cursor:none;-webkit-user-select:none;user-select:none;background:#000;height:100%;margin:0;overflow:hidden}#stage{transform-origin:0 0;background:var(--deep);width:1080px;height:1920px;font-family:var(--font);color:#fff;position:absolute;top:50%;left:50%;overflow:hidden}#game{width:1080px;height:1920px;display:block;position:absolute;inset:0}.screen{pointer-events:none;position:absolute;inset:0}.chip{background:#fffffff5;border-radius:999px;box-shadow:0 0 0 3px #2fd3ff80,0 12px 40px #00000073,0 0 60px #2fd3ff59}.logo-chip{padding:26px 64px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.logo-chip img{width:420px;height:auto;display:block}.logo-chip.small{padding:16px 40px;top:48px}.logo-chip.small img{width:270px}.ring{flex:none;width:110px;height:110px;position:relative}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring circle{fill:#040a2499;stroke:var(--cyan);stroke-width:7px;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:calc(289 * (1 - var(--p,0)));filter:drop-shadow(0 0 8px var(--cyan))}.ring span{place-items:center;font-size:52px;display:grid;position:absolute;inset:0}.ring.big{width:150px;height:150px}.ring.big span{font-size:72px}.cta{background:linear-gradient(135deg,#1f4fd8d9,#6b46ffd9);border-radius:40px;align-items:center;gap:34px;padding:26px 40px 26px 30px;display:flex;position:absolute;bottom:90px;left:60px;right:60px;box-shadow:0 0 0 3px #2fd3ff8c,0 20px 60px #00000080}.cta b{font-size:44px;font-weight:800;line-height:1.1;display:block}.cta small{opacity:.85;margin-top:8px;font-size:32px;display:block}.cta.pulse{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.03)}}.counter{align-items:center;gap:12px;font-size:52px;font-weight:800;display:flex}.counter img{object-fit:contain;width:76px;height:76px}.counter.good img{filter:drop-shadow(0 0 14px var(--cyan))}.counter.bad img{filter:drop-shadow(0 0 14px var(--red))}#loading{background:radial-gradient(circle at 50% 45%, #13236e, var(--deep) 70%);text-align:center;place-content:center;justify-items:center;gap:40px;display:grid}#loading .logo-chip{margin-bottom:40px;position:static;transform:none}#loading p{max-width:860px;margin:0;font-size:40px}#loading .error{color:#ffb4b4;font-size:34px}.spinner{border:10px solid #2fd3ff33;border-top-color:var(--cyan);border-radius:50%;width:120px;height:120px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#select{background:linear-gradient(#040a24bf,#040a2400 45%)}.title{text-align:center;letter-spacing:4px;text-shadow:0 0 30px #2fd3ffb3,0 8px #040a24cc;width:100%;margin:0;font-size:150px;font-style:italic;font-weight:900;line-height:1;position:absolute;top:280px}.title span{color:var(--cyan)}.tagline{text-align:center;opacity:.92;width:100%;margin:0;font-size:46px;font-weight:600;position:absolute;top:450px}.legend{justify-content:center;gap:40px;display:flex;position:absolute;top:470px;left:0;right:0}.legend-item{background:#040a24b3;border-radius:999px;align-items:center;gap:14px;padding:12px 30px 12px 14px;font-size:40px;display:flex}.legend-item img{object-fit:contain;width:80px;height:80px}.legend-item.good{box-shadow:0 0 0 3px #2fd3ffb3}.legend-item.good b{color:var(--cyan)}.legend-item.bad{box-shadow:0 0 0 3px #ff3b3bb3}.legend-item.bad b{color:#ff7070}.legend-item span{opacity:.8;font-size:32px}.card{text-align:center;opacity:.8;background:#040a24b8;border-radius:34px;width:250px;padding:18px 16px 22px;transition:transform .25s,box-shadow .25s,opacity .25s;position:absolute;top:860px;box-shadow:0 0 0 3px #ffffff2e}.card-left{left:40px}.card-right{right:40px}.card img{height:300px;margin:8px auto 10px;display:block}.card b{font-size:44px;display:block}.card small{opacity:.8;font-size:28px;display:block}.card .ring{width:96px;height:96px;position:absolute;top:-40px;right:-26px}.card .ring span{font-size:44px}.card-left .ring{left:-26px;right:auto}.card.active{opacity:1;box-shadow:0 0 0 5px var(--cyan), 0 0 50px #2fd3ff99;transform:scale(1.06)}.demo-badge{z-index:30;pointer-events:none;white-space:nowrap;background:#040a24b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:14px;padding:8px 30px 8px 12px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.demo-badge img{border-radius:10px;width:48px;height:48px}.demo-badge span{letter-spacing:1.5px;font-size:24px;font-weight:800}#select .cta,#gameover .cta{bottom:110px}#select:not([hidden])~.demo-badge{bottom:390px}#loading:not([hidden])~.demo-badge{display:none}#countdown{place-items:center;display:grid}#count-num{color:#fff;text-shadow:0 0 60px var(--cyan), 0 14px 0 #040a24b3;margin-top:-520px;font-size:420px;font-style:italic;font-weight:900;line-height:1}#count-num.pop{animation:.9s ease-out countPop}@keyframes countPop{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(.85)}}.count-hint{text-align:center;text-shadow:0 4px 20px #000000b3;width:100%;font-size:44px;font-weight:700;position:absolute;top:180px}#hud{background:linear-gradient(#040a24b3,#040a2400 28%)}.distance{text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 0 40px #2fd3ffbf,0 10px #040a24bf;width:100%;font-size:190px;font-style:italic;font-weight:900;line-height:1;position:absolute;top:175px}.distance small{color:var(--cyan);margin-left:10px;font-size:80px}.distance.up{animation:.45s ease-out bumpUp}.distance.down{animation:.45s ease-out bumpDown}@keyframes bumpUp{30%{color:var(--cyan);transform:scale(1.12)}}@keyframes bumpDown{20%,60%{color:#ff7070;transform:translate(-14px)}40%,80%{color:#ff7070;transform:translate(14px)}}.timer{background:#040a24bf;border-radius:999px;height:36px;position:absolute;top:395px;left:190px;right:190px;overflow:hidden;box-shadow:0 0 0 3px #ffffff40}#hud-timer-bar{transform-origin:0;background:linear-gradient(90deg, var(--violet), var(--royal), var(--cyan));position:absolute;inset:0}#hud-timer-bar.low{background:linear-gradient(90deg,#ff3b3b,#ff8a3b)}#hud-timer{text-shadow:0 2px 6px #000c;place-items:center;font-size:28px;font-weight:800;display:grid;position:absolute;inset:0}.counters{text-shadow:0 4px 14px #000000b3;justify-content:center;gap:90px;display:flex;position:absolute;top:460px;left:0;right:0}.warn{white-space:nowrap;background:#ff3b3be6;border-radius:999px;padding:24px 50px;font-size:54px;font-weight:800;animation:1s ease-in-out infinite pulse;position:absolute;top:1000px;left:50%;transform:translate(-50%)}#fx{pointer-events:none;position:absolute;inset:0}.float{white-space:nowrap;font-size:96px;font-style:italic;font-weight:900;animation:1.1s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.float.good{color:var(--cyan);text-shadow:0 0 30px #2fd3ffe6,0 6px #040a24cc}.float.bad{color:#ff5a5a;text-shadow:0 0 30px #ff3b3be6,0 6px #040a24cc}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}18%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}#flash{pointer-events:none;opacity:0;position:absolute;inset:0}#flash.good{animation:.5s ease-out flash;box-shadow:inset 0 0 220px 40px #2fd3ffcc}#flash.bad{animation:.6s ease-out flash;box-shadow:inset 0 0 260px 60px #ff2828e6}@keyframes flash{0%{opacity:1}to{opacity:0}}#gameover{background:#040a248c}.panel{text-align:center;background:linear-gradient(160deg,#13236ef2,#040a24f2);border-radius:48px;padding:50px 60px 40px;position:absolute;top:300px;left:70px;right:70px;box-shadow:0 0 0 4px #2fd3ff8c,0 30px 90px #0009}.kicker{letter-spacing:8px;color:var(--cyan);margin:0;font-size:44px;font-weight:800}.final{font-variant-numeric:tabular-nums;text-shadow:0 0 50px #2fd3ffb3;font-size:230px;font-style:italic;font-weight:900;line-height:1.05}.final small{color:var(--cyan);margin-left:12px;font-size:90px}.go-stats{justify-content:center;gap:90px;margin:10px 0 20px;display:flex}.rank{margin:10px 0 26px;font-size:46px;font-weight:700}.rank b{color:var(--cyan)}.board{text-align:left;margin:0;padding:0;list-style:none}.board li{font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:20px;justify-content:space-between;margin-top:10px;padding:16px 28px;font-size:40px;display:flex}.board li.me{box-shadow:0 0 0 3px var(--cyan);background:linear-gradient(90deg,#2fd3ff59,#6b46ff59);font-weight:800}.board li span:first-child{opacity:.75}#pip{background:#000;border-radius:22px;width:240px;height:180px;position:absolute;bottom:330px;right:36px;overflow:hidden;box-shadow:0 0 0 3px #ffffff59,0 10px 30px #00000080}#pip.lost{box-shadow:0 0 0 4px var(--red), 0 10px 30px #00000080}#pip canvas{display:block}#pip-status{text-align:center;background:#040a24b3;padding:4px;font-size:20px;font-weight:700;position:absolute;bottom:0;left:0;right:0}#hud:not([hidden])~#pip{bottom:60px}#debug{white-space:pre;background:#000000b3;border-radius:12px;padding:12px 18px;font:24px/1.4 ui-monospace,Consolas,monospace;position:absolute;bottom:20px;left:20px}