:root{--bg:#05010c;--panel:rgba(10,8,30,.72);--cyan:#00f7ff;--pink:#ff2bd6;--lime:#80ff72;--yellow:#ffe66d;--text:#f5f7ff;--muted:#9fb3c8;--danger:#ff3158}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#241051 0,#070212 46%,#020105 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}.grid-bg{position:fixed;inset:0;background:linear-gradient(rgba(0,247,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.08) 1px,transparent 1px);background-size:46px 46px;transform:perspective(560px) rotateX(62deg) translateY(120px) scale(1.5);transform-origin:bottom;opacity:.35;pointer-events:none}.crt{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen;z-index:20}.app{position:relative;max-width:1500px;margin:0 auto;padding:22px}.hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.kicker{margin:0;color:var(--cyan);letter-spacing:.38em;text-shadow:0 0 12px var(--cyan);font-size:12px}.hero h1{margin:.1em 0;font-size:clamp(42px,8vw,88px);line-height:.86;letter-spacing:.06em;text-shadow:0 0 10px var(--cyan),0 0 28px var(--pink),0 0 60px var(--pink)}.subtitle{color:var(--muted);margin:0}.cabinet{display:grid;grid-template-columns:240px minmax(320px,720px) 360px;gap:18px;align-items:start}.panel,.game-wrap{border:1px solid rgba(0,247,255,.38);border-radius:26px;background:linear-gradient(135deg,rgba(16,15,46,.85),rgba(4,3,15,.78));box-shadow:0 0 20px rgba(0,247,255,.18),inset 0 0 30px rgba(255,43,214,.08);backdrop-filter:blur(10px)}.panel{padding:18px}.stat{padding:18px;border-radius:18px;margin-bottom:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.18em}.stat strong{font-size:42px;text-shadow:0 0 18px var(--cyan)}.hint{color:var(--muted);font-size:14px;line-height:1.5}.mobile{display:none}.game-wrap{position:relative;overflow:hidden;aspect-ratio:1/1;width:100%;max-width:720px}canvas{display:block;width:100%;height:100%;touch-action:none;background:radial-gradient(circle at 50% 42%,rgba(40,20,90,.35),rgba(0,0,0,.78));}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,1,8,.52);backdrop-filter:blur(5px);z-index:5}.overlay.visible{display:flex}.modal{width:min(420px,92%);padding:28px;border-radius:24px;background:rgba(8,5,25,.92);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 38px rgba(255,43,214,.35),0 0 70px rgba(0,247,255,.16);text-align:center;animation:pop .32s ease-out}.modal h2{font-size:clamp(30px,7vw,52px);margin:8px 0;text-shadow:0 0 22px var(--pink)}.badge{display:inline-block;color:var(--cyan);border:1px solid rgba(0,247,255,.45);border-radius:999px;padding:7px 12px;letter-spacing:.18em;font-size:12px;box-shadow:0 0 16px rgba(0,247,255,.24)}.danger{color:var(--danger);border-color:rgba(255,49,88,.6);box-shadow:0 0 18px rgba(255,49,88,.35)}.primary,.ghost,.tab{border:0;cursor:pointer;border-radius:999px;padding:12px 18px;color:#fff;transition:transform .15s,box-shadow .15s,opacity .15s}.primary{background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 20px rgba(255,43,214,.4)}.ghost,.tab{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}button:hover{transform:translateY(-1px)}input{width:100%;padding:14px 16px;margin:8px 0 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(0,247,255,.32);color:#fff;outline:none;text-align:center}input:focus{box-shadow:0 0 0 3px rgba(0,247,255,.2),0 0 24px rgba(0,247,255,.25)}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.leader-head h2{margin:0 0 10px;text-shadow:0 0 16px var(--cyan)}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{padding:8px 10px;font-size:13px}.tab.active{background:linear-gradient(90deg,rgba(255,43,214,.6),rgba(0,247,255,.55));box-shadow:0 0 18px rgba(0,247,255,.22)}.leaderboard{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px;max-height:590px;overflow:auto}.leaderboard li{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);animation:slideIn .34s ease both}.leaderboard .rank{color:var(--yellow);font-weight:800}.leaderboard .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard .pts{color:var(--cyan);font-weight:900;text-shadow:0 0 12px var(--cyan)}.save-status{min-height:20px;color:var(--lime)}@keyframes pop{from{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideIn{from{transform:translateX(22px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:1100px){.cabinet{grid-template-columns:1fr}.left-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{margin:0}.leaderboard-panel{order:3}.game-wrap{justify-self:center}.desktop{display:none}.mobile{display:block;grid-column:1/-1}}@media (max-width:560px){.app{padding:12px}.hero{align-items:flex-start}.ghost{padding:10px 12px}.left-panel{grid-template-columns:repeat(3,1fr);padding:10px}.stat{padding:10px}.stat strong{font-size:26px}.leaderboard{max-height:360px}.cabinet{gap:12px}.modal{padding:20px}.hero h1{font-size:42px}}