@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#0a0014;color:#f0f0ff;font-family:Courier New,JetBrains Mono,monospace;overflow:hidden;height:100vh}#root{height:100%}.app-wrap{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#0a0014,#1a0028),repeating-linear-gradient(0deg,transparent,transparent 39px,#00F5FF11 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#FF006E08 40px);position:relative;overflow:hidden}.shake{animation:shakeMe .3s ease}@keyframes shakeMe{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.cyber-head{width:100%;display:flex;align-items:center;justify-content:center;padding:10px 20px;background:linear-gradient(135deg,#00f5ff14,#ff006e14);border-bottom:1px solid rgba(0,245,255,.15);position:relative;z-index:5}.cyber-title{font-size:1.6rem;letter-spacing:4px;color:#fff;text-shadow:0 0 20px rgba(0,245,255,.4);font-family:Orbitron,monospace}.glow-c{color:#00f5ff;text-shadow:0 0 16px #00F5FF}.glow-p{color:#ff006e;text-shadow:0 0 16px #FF006E}.cloud-badge{position:absolute;right:16px;font-size:.7rem;color:#00f5ffb3;background:#00f5ff1a;padding:2px 10px;border-radius:20px;border:1px solid rgba(0,245,255,.2)}.start-scr{flex:1;display:flex;align-items:center;justify-content:center}.start-card{background:linear-gradient(145deg,#141432f2,#0a0a1efa);border:1px solid rgba(0,245,255,.25);border-radius:20px;padding:36px 44px;text-align:center;max-width:420px;box-shadow:0 0 60px #00f5ff14,inset 0 0 40px #00f5ff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.start-svg{margin:0 auto 16px;filter:drop-shadow(0 0 20px rgba(0,245,255,.3))}.start-desc{color:#889;font-size:.9rem;margin:12px 0;letter-spacing:1px}.hs-line{color:gold;font-size:1.1rem;margin:12px 0;text-shadow:0 0 12px rgba(255,215,0,.3)}.neon-n{color:gold;font-size:1.4rem;font-weight:700;text-shadow:0 0 16px rgba(255,215,0,.5)}.cyber-btn{background:linear-gradient(135deg,#00f5ff,#08c);border:none;color:#000;font-size:1.1rem;font-weight:700;padding:12px 36px;border-radius:30px;cursor:pointer;letter-spacing:2px;box-shadow:0 0 30px #00f5ff4d;transition:all .2s;margin:12px 0}.cyber-btn:hover{transform:scale(1.04);box-shadow:0 0 50px #00f5ff80}.cyber-btn.secondary{background:transparent;border:2px solid #00F5FF;color:#00f5ff;box-shadow:none}.ctrl-hint{color:#667;font-size:.75rem;margin-top:10px}.cd-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0009;z-index:20;pointer-events:none}.cd-num{font-size:7rem;color:#00f5ff;text-shadow:0 0 60px #00F5FF,0 0 120px rgba(0,245,255,.3);animation:cdPulse .8s ease}@keyframes cdPulse{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}.game-scr{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px;position:relative;justify-content:center}.game-scr canvas{border-radius:12px;border:1px solid rgba(0,245,255,.15);box-shadow:0 0 40px #00f5ff0f;max-width:100%;height:auto}.hud-row{width:100%;max-width:640px;display:flex;align-items:center;gap:20px;padding:8px 14px;margin-top:4px;background:#00000080;border-radius:10px;border:1px solid rgba(0,245,255,.1)}.hud-item{color:#ccc;font-size:.9rem;letter-spacing:1px}.sm-btn{margin-left:auto;background:#00f5ff1f;border:1px solid rgba(0,245,255,.3);color:#00f5ff;padding:5px 16px;border-radius:20px;cursor:pointer;font-size:.8rem;transition:.2s}.sm-btn:hover{background:#00f5ff33}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#000000d9;color:gold;padding:8px 22px;border-radius:30px;font-size:1rem;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 30px #ffd7001a;z-index:100;animation:toastIn .3s ease;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.go-scr{flex:1;display:flex;align-items:center;justify-content:center}.go-card{background:linear-gradient(145deg,#141432f5,#0a0a1efc);border:1px solid rgba(255,0,110,.3);border-radius:20px;padding:30px 40px;text-align:center;max-width:400px;width:90%;box-shadow:0 0 60px #ff006e14}.go-title{color:#fff;font-size:1.5rem;margin-bottom:18px;text-shadow:0 0 20px rgba(255,0,110,.3)}.go-stats{display:flex;flex-direction:column;gap:10px;margin:16px 0}.go-row{display:flex;justify-content:space-between;color:#aab;font-size:1rem;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.new-rec{color:gold;font-size:1.2rem;text-shadow:0 0 24px rgba(255,215,0,.4);margin:10px 0;animation:glowPulse 1s ease infinite}@keyframes glowPulse{0%,to{opacity:1}50%{opacity:.6}}.go-btns{margin-top:18px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.loading-screen{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;color:#00f5ff;font-size:1.2rem;text-shadow:0 0 20px #00F5FF;background:#0a0014}@media (max-width:680px){.cyber-title{font-size:1.2rem}.start-card{padding:24px 20px}.go-card{padding:20px 18px}.hud-item{font-size:.8rem}.cyber-btn{font-size:.9rem;padding:10px 24px}}