:root{--bg:#07010f;--bg-2:#12051f;--cyan:#00f0ff;--magenta:#ff2bd6;--lime:#c6ff00;--pink:#ff4d8d;--purple:#7c5cff;--text:#f6f2ff;--muted:#a898c4;--danger:#ff3b6b;--hud:#07010f6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{overscroll-behavior:none;background:var(--bg);width:100%;height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-family:Rajdhani,system-ui,sans-serif;overflow:hidden}body{min-height:100svh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.app{width:100%;height:100svh;position:relative;overflow:hidden}.aurora,.grid-floor{pointer-events:none;position:absolute;inset:0}.aurora{background:radial-gradient(ellipse 50% 40% at 20% 15%, #00f0ff38, transparent 55%), radial-gradient(ellipse 45% 38% at 82% 20%, #ff2bd633, transparent 58%), radial-gradient(ellipse 40% 30% at 50% 90%, #7c5cff29, transparent 60%), var(--bg)}.grid-floor{transform-origin:bottom;background-image:linear-gradient(#00f0ff14 1px,#0000 1px),linear-gradient(90deg,#ff2bd612 1px,#0000 1px);background-size:56px 56px;animation:16s linear infinite grid-drift;transform:perspective(500px)rotateX(58deg)translateY(28%)scale(1.6);-webkit-mask-image:linear-gradient(#0000 28%,#0000008c);mask-image:linear-gradient(#0000 28%,#0000008c)}@keyframes grid-drift{0%{background-position:0 0}to{background-position:0 56px}}.start{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:6vh 6vw;display:flex;position:relative}.wordmark{letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px var(--cyan), 0 0 28px var(--magenta), 0 0 54px #00f0ff8c;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(2.6rem,12vw,6.4rem);font-weight:800;line-height:.92;animation:4.8s infinite flicker}.wordmark span{display:block}.tagline{color:var(--muted);letter-spacing:.34em;text-transform:uppercase;margin:1rem 0 0;font-size:.92rem}.best{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;margin:.45rem 0 0;font-size:.95rem}.actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.4rem;display:flex}.neon-btn{border:1px solid var(--cyan);letter-spacing:.18em;text-transform:uppercase;background:#00f0ff14;border-radius:999px;min-width:11.5rem;padding:.85rem 1.4rem;font-weight:700;transition:transform .15s,background .15s,opacity .15s;box-shadow:0 0 18px #00f0ff47,inset 0 0 18px #00f0ff14}.neon-btn.magenta{border-color:var(--magenta);background:#ff2bd614;box-shadow:0 0 18px #ff2bd64d,inset 0 0 18px #ff2bd614}.neon-btn:active{transform:scale(.97)}.neon-btn:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}.play{width:100%;height:100%;position:relative}.play canvas{display:block}.hud{z-index:2;padding:calc(env(safe-area-inset-top,0px) + .7rem) 1.1rem .4rem;pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;display:grid;position:absolute;top:0;left:0;right:0}.hud-chip,.lives{letter-spacing:.12em;text-transform:uppercase;background:var(--hud);white-space:nowrap;border:1px solid #00f0ff47;border-radius:999px;padding:.4rem .7rem;font-family:Orbitron,sans-serif;font-size:.82rem}.lives{border-color:#ff2bd659;gap:.35rem;display:flex}.heart{background:var(--magenta);width:.78rem;height:.78rem;box-shadow:0 0 10px var(--magenta);border-radius:50%}.heart.empty{background:0 0;box-shadow:inset 0 0 0 1px #ff2bd673}.timer{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;height:.55rem;overflow:hidden}.timer>span{transform-origin:0;background:linear-gradient(90deg, var(--cyan), var(--lime), var(--magenta));width:100%;height:100%;display:block;box-shadow:0 0 16px #00f0ffa6}.overlay,.rotate-gate,.flash{z-index:4;position:absolute;inset:0}.overlay,.rotate-gate{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#07010f9e;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.overlay h2,.rotate-gate h2{letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 18px var(--cyan);margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,6vw,3rem)}.overlay.fail h2,.overlay.gameover h2{text-shadow:0 0 18px var(--danger);color:#ffd0dc}.overlay p,.rotate-gate p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:.7rem 0 1.4rem}.flash{pointer-events:none;z-index:3;animation:.45s forwards flash-out}.flash.win{background:#00f0ff38}.flash.fail{background:#ff3b6b47}.phone{border:2px solid var(--cyan);border-radius:10px;width:52px;height:86px;margin-bottom:1.1rem;animation:1.6s ease-in-out infinite rotate-hint;box-shadow:0 0 16px #00f0ff73}@keyframes flicker{0%,19%,21%,to{opacity:1;filter:brightness()}20%{opacity:.72;filter:brightness(1.35)}62%{opacity:.9}}@keyframes flash-out{0%{opacity:1}to{opacity:0}}@keyframes rotate-hint{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(90deg)}to{transform:rotate(0)}}@media (width>=900px){.wordmark{letter-spacing:.14em}}