:root{--bg-dark:#070a13;--panel-bg:#0a0f1ec7;--border-neon:#38bdf859;--neon-blue:#38bdf8;--neon-green:#4ade80;--neon-purple:#c084fc;--neon-red:#f87171;--neon-gold:#fbbf24;--text-primary:#f8fafc;--text-secondary:#94a3b8;--font-game:"Outfit", sans-serif;--glow-shadow:0 0 15px #38bdf84d}*{box-sizing:border-box;font-family:var(--font-game);-webkit-user-select:none;user-select:none;margin:0;padding:0}body{color:#fff;background-color:#05070c;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex;position:relative;overflow:hidden}.hide{display:none!important}.game-panel{background:var(--bg-dark);z-index:10;perspective:800px;border-left:4px solid #38bdf840;border-right:4px solid #38bdf840;width:100%;max-width:500px;height:100vh;transition:background 1s ease-in-out,box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 0 50px #000000f2}.parallax-bg{opacity:.85;pointer-events:none;z-index:1;background-color:#0000;background-image:radial-gradient(circle,#38bdf814 0%,#0000 75%),radial-gradient(1px 1px at 25px 40px,#eee,#0000),radial-gradient(1.5px 1.5px at 120px 90px,#fff,#0000),radial-gradient(1px 1px at 220px 160px,#94a3b8,#0000),radial-gradient(2px 2px at 320px 60px,#38bdf8,#0000),radial-gradient(1.5px 1.5px at 420px 120px,#fff,#0000);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:500px 500px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;width:calc(100% + 80px);height:45%;transition:transform .25s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:-40px}.road-board{transform-origin:bottom;background-color:#0a0d16;background-image:linear-gradient(#38bdf80f 2px,#0000 2px),linear-gradient(90deg,#38bdf80f 1.5px,#0000 1.5px);background-position:0 0;background-repeat:repeat;background-size:40px 45px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;width:100%;height:100%;animation:.9s linear infinite gridScroll;position:absolute;overflow:hidden;transform:rotateX(25deg);box-shadow:inset 0 0 50px #000000e6}@keyframes gridScroll{0%{background-position-y:0}to{background-position-y:45px}}.road-board:before,.road-board:after{content:"";background:var(--neon-blue);width:4px;height:100%;box-shadow:0 0 15px var(--neon-blue);opacity:.6;position:absolute;top:0}.road-board:before{left:0}.road-board:after{right:0}.road-board.nitro-active-road{border-color:#f43f5e66;box-shadow:inset 0 0 60px #f43f5e73;background-image:linear-gradient(#f43f5e29 2px,#0000 2px),linear-gradient(90deg,#f43f5e29 1.5px,#0000 1.5px)!important;animation-duration:.35s!important}.road-board.nitro-active-road:before,.road-board.nitro-active-road:after{background:var(--neon-red);box-shadow:0 0 15px var(--neon-red)}.lines{background:linear-gradient(to bottom, transparent, var(--neon-blue), transparent);width:6px;height:120px;box-shadow:0 0 10px var(--neon-blue);opacity:.8;border-radius:3px;position:absolute;left:50%;transform:translate(-50%)}.line-left{left:33.33%}.line-right{left:66.66%}.score-board{background:var(--panel-bg);z-index:100;border:1.5px solid var(--border-neon);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;flex-direction:column;width:145px;padding:14px 22px;font-size:14px;font-weight:700;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 8px 32px #00000080,0 0 15px #38bdf826}.score-board .level-text{color:var(--neon-gold);text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 8px #fcd34d80;font-size:18px}.level-progress-container{background:#ffffff26;border:.5px solid #ffffff0d;border-radius:4px;width:100%;height:5px;margin-top:5px;margin-bottom:8px;overflow:hidden}.level-progress-bar{background:linear-gradient(90deg, var(--neon-gold), gold);width:0%;height:100%;box-shadow:0 0 6px var(--neon-gold);border-radius:4px;transition:width .15s ease-out}.score-board .coin-text{color:gold;align-items:center;gap:5px;margin-top:4px;font-size:14px;display:flex}.hud-actions{z-index:100;gap:10px;display:flex;position:absolute;top:20px;right:20px}.hud-btn{background:var(--panel-bg);border:1.5px solid var(--neon-blue);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--glow-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.hud-btn:hover{border-color:var(--neon-green);transform:scale(1.1);box-shadow:0 0 15px #4ade8099}.volume-popover{background:var(--panel-bg);border:1.5px solid var(--neon-blue);z-index:100;box-shadow:var(--glow-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;border-radius:12px;flex-direction:column;gap:8px;padding:12px;transition:all .3s;display:flex;position:absolute;top:75px;right:20px;transform:translateY(-10px)}.volume-popover.show{opacity:1;pointer-events:auto;transform:translateY(0)}.volume-popover label{color:var(--text-secondary);font-size:12px;font-weight:700}.volume-popover input[type=range]{cursor:pointer;width:100px;accent-color:var(--neon-blue)}.screen{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;text-align:center;background:#0a0d18e0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.screen h1{color:#f8fafc;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px #38bdf8cc;margin-bottom:12px;font-size:44px;font-weight:900}.screen p{color:var(--text-secondary);max-width:85%;margin-bottom:25px;font-size:15px;line-height:1.5}button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border:none;border-radius:50px;padding:14px 35px;font-size:18px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #0ea5e966}button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 12px 25px #0ea5e999}.coin{z-index:45;color:#78350f;background:radial-gradient(circle,#ffe066 30%,#f59e0b 80%,#d97706 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;font-weight:900;animation:1.2s linear infinite coinRotate;display:flex;position:absolute;box-shadow:0 0 15px #f59e0b,inset 0 2px 4px #fffc}@keyframes coinRotate{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(180deg)scale(1.1)}to{transform:rotateY(360deg)scale(1)}}.powerup-item{z-index:45;color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;animation:.6s ease-in-out infinite alternate bounce;display:flex;position:absolute;box-shadow:0 0 20px}.powerup-shield{color:#93c5fd;background:radial-gradient(circle,#60a5fa,#2563eb);box-shadow:0 0 20px #2563eb}.powerup-magnet{color:#fbcfe8;background:radial-gradient(circle,#f472b6,#db2777);box-shadow:0 0 20px #db2777}.powerup-nitro{color:#ffe4e6;background:radial-gradient(circle,#fb7185,#e11d48);box-shadow:0 0 20px #e11d48}.powerup-double{color:#fef3c7;background:radial-gradient(circle,#fbbf24,#d97706);box-shadow:0 0 20px #d97706}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.shake{animation:.3s ease-in-out shakeEffect}@keyframes shakeEffect{0%,to{transform:translate(0)}10%,90%{transform:translate(-3px,2px)}20%,80%{transform:translate(3px,-2px)}30%,70%{transform:translate(-5px,-1px)}40%,60%{transform:translate(5px,2px)}50%{transform:translate(-2px,-3px)}}.player-wrapper{z-index:50;background-color:#ffffff0d;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:14px;width:65px;height:65px;transition:left .18s cubic-bezier(.19,1,.22,1),transform .15s ease-out;position:absolute;bottom:60px;box-shadow:0 8px 16px #0006}.player-shield-bubble{pointer-events:none;z-index:51;background:#60a5fa26;border:3px solid #60a5fa;border-radius:50%;animation:1s ease-in-out infinite alternate pulseBubble;position:absolute;inset:-10px;box-shadow:0 0 25px #3b82f6,inset 0 0 15px #60a5fa80}@keyframes pulseBubble{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.player-nitro-fire{clip-path:polygon(50% 100%,0% 0%,100% 0%);pointer-events:none;z-index:49;background:linear-gradient(#f43f5e,#f97316,#0000);width:30px;height:50px;animation:.15s steps(3,end) infinite alternate nitroFlame;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}@keyframes nitroFlame{0%{opacity:.9;height:40px}to{opacity:1;height:55px;transform:translate(-50%)skew(3deg)}}.magnet-ring{pointer-events:none;opacity:.6;border:2px dashed #f472b6;border-radius:50%;animation:4s linear infinite rotateMagnetRing;position:absolute;inset:-25px}@keyframes rotateMagnetRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.enemy{z-index:40;text-align:center;color:#fff;text-transform:uppercase;text-shadow:2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000,0 0 10px #000000e6;background-color:#ffffff26;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:75px;height:75px;padding:6px;font-size:12px;font-weight:900;line-height:1.1;transition:left .18s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;top:-150px;box-shadow:0 10px 20px #0009}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:300;opacity:0;pointer-events:none;background:#05070cd9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-content{border:2px solid var(--neon-blue);text-align:center;background:#0a0e1cf2;border-radius:24px;width:90%;max-width:420px;padding:25px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateY(20px);box-shadow:0 0 35px #38bdf866}.modal-overlay.show .modal-content{transform:translateY(0)}.modal-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.modal-close-btn:hover{background:var(--neon-red);box-shadow:0 0 10px var(--neon-red)}.modal-title{color:var(--neon-blue);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px #38bdf880;margin-bottom:15px;font-size:24px;font-weight:900}.shop-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-height:280px;margin:15px 0;padding-right:5px;display:grid;overflow-y:auto}.shop-card{cursor:pointer;background:#1e293b99;border:2px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px;transition:all .2s;display:flex}.shop-card:hover{border-color:#38bdf880;transform:translateY(-2px)}.shop-card.selected{border-color:var(--neon-green);background:#4ade8014;box-shadow:0 0 15px #4ade804d}.shop-card-img{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fff3;border-radius:10px;width:60px;height:60px}.shop-card-name{color:#fff;font-size:14px;font-weight:700}.shop-card-desc{color:var(--text-secondary);text-align:center;height:24px;font-size:10px;line-height:1.2}.shop-card-price{color:var(--neon-gold);align-items:center;gap:3px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.shop-card.owned .shop-card-price{color:var(--neon-green)}.leaderboard-list{flex-direction:column;gap:8px;margin:20px 0;display:flex}.leaderboard-row{background:#1e293b80;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.leaderboard-row.gold{border-color:var(--neon-gold);background:#fcd34d14}.leaderboard-row.silver{background:#cbd5e114;border-color:#cbd5e1}.leaderboard-row.bronze{background:#b4530914;border-color:#b45309}.leaderboard-rank{width:24px;font-size:16px;font-weight:900}.leaderboard-row.gold .leaderboard-rank{color:var(--neon-gold)}.leaderboard-row.silver .leaderboard-rank{color:#cbd5e1}.leaderboard-row.bronze .leaderboard-rank{color:#d97706}.leaderboard-name{text-align:left;flex-grow:1;margin-left:10px;font-weight:600}.leaderboard-score-details{text-align:right}.leaderboard-score{color:var(--neon-blue);font-weight:700}.leaderboard-level{color:var(--text-secondary);font-size:10px}.active-powerups-hud{z-index:100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:20px;left:20px}.powerup-indicator{border:1.5px solid var(--neon-blue);color:#fff;opacity:0;background:#0f172ad9;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.19,1,.22,1);display:flex;transform:translate(-100px);box-shadow:0 0 10px #00000080}.powerup-indicator.show{opacity:1;transform:translate(0)}.powerup-indicator-progress{background:#fff3;border-radius:3px;width:60px;height:6px;overflow:hidden}.powerup-indicator-bar{background:var(--neon-blue);transform-origin:0;width:100%;height:100%;transition:transform .1s linear}.powerup-indicator.shield-active{border-color:#3b82f6}.powerup-indicator.shield-active .powerup-indicator-bar{background:#3b82f6}.powerup-indicator.magnet-active{border-color:#db2777}.powerup-indicator.magnet-active .powerup-indicator-bar{background:#db2777}.powerup-indicator.nitro-active{border-color:#e11d48}.powerup-indicator.nitro-active .powerup-indicator-bar{background:#e11d48}.powerup-indicator.double-active{border-color:#fbbf24}.powerup-indicator.double-active .powerup-indicator-bar{background:#fbbf24}.shop-grid::-webkit-scrollbar{width:6px}.shop-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.shop-grid::-webkit-scrollbar-thumb{background:var(--neon-blue);border-radius:3px}#levelUpMsg{color:#fcd34d;text-shadow:0 0 40px #f59e0b,0 0 10px #fff,2px 2px 5px #000;z-index:300;pointer-events:none;opacity:0;text-align:center;width:100%;font-size:52px;font-weight:900;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.level-animate{animation:2.5s ease-out forwards levelBloom}@keyframes levelBloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-10deg)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(5deg)}25%{opacity:1;text-shadow:0 0 60px #f59e0b,0 0 20px #fff;transform:translate(-50%,-50%)scale(1)rotate(0)}80%{opacity:1;transform:translate(-50%,-50%)translateY(-20px)scale(1)}to{opacity:0;transform:translate(-50%,-50%)translateY(-50px)scale(1.5)}}#memeVideoPopup{z-index:1000;background:#000;border:4px solid #ef4444;border-radius:20px;width:315px;height:560px;transition:right .7s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;right:-450px;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 50px #ef444499}#memeVideoPopup.show{right:50px}@media (width<=1000px){#memeVideoPopup{zoom:.9;transition:bottom .7s cubic-bezier(.175,.885,.32,1.275);inset:auto auto -650px 50%;transform:translate(-50%)translateY(0)}#memeVideoPopup.show{bottom:20px}}.controls{z-index:100;justify-content:space-between;width:100%;padding:0 40px;display:flex;position:absolute;bottom:20px}@media (width>=768px){.controls{display:none}}.ctrl-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;cursor:pointer;background:#fff3;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.ctrl-btn:active{background:#ffffff80}#playerNameInput:focus{border-color:var(--neon-green)!important;box-shadow:inset 0 0 5px #000c,0 0 15px #4ade8099!important}.profile-selector-card:hover{border-color:var(--neon-blue)!important;background:#38bdf814!important;transform:scale(1.03)translateY(-1px)!important;box-shadow:0 0 10px #38bdf840!important}.screen form input:focus{border-color:var(--neon-green)!important;box-shadow:inset 0 0 5px #000c,0 0 15px #4ade8099!important}html,body{background-color:#05070c;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex}