:root{--neon-pink: #ff007f;--neon-cyan: #00f3ff;--neon-purple: #9d00ff;--bg-dark: #050505;--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:#fff;font-family:var(--font-main);overflow:hidden;height:100vh;width:100vw}#game-container{position:relative;width:100%;height:100%;background:radial-gradient(circle at center,#1a0b2e 0%,#050505 100%)}canvas{display:block;width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#score-container{position:absolute;top:env(safe-area-inset-top,2rem);left:env(safe-area-inset-left,2rem);display:flex;flex-direction:column;z-index:10;pointer-events:auto}#game-controls{position:absolute;top:env(safe-area-inset-top,2rem);right:2rem;display:flex;gap:1rem;z-index:50;pointer-events:auto}#score-label{font-size:.7rem;letter-spacing:3px;color:var(--neon-cyan);opacity:.7;font-weight:700}#score-value{font-size:3.5rem;font-weight:900;line-height:1;text-shadow:0 0 15px var(--neon-cyan)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;transition:opacity .5s ease}.hidden{opacity:0;pointer-events:none}h1{font-size:clamp(2rem,10vw,4rem);font-weight:900;letter-spacing:clamp(4px,2vw,8px);margin-bottom:.5rem;color:#fff;text-shadow:2px 2px var(--neon-pink),-2px -2px var(--neon-cyan);text-align:center}.subtitle{font-size:1rem;letter-spacing:4px;color:var(--neon-cyan);margin-bottom:2rem;animation:pulse 2s infinite}.instructions{display:flex;align-items:center;gap:1rem;opacity:.6}.key{padding:.5rem 1rem;border:1px solid white;border-radius:4px;font-size:.8rem}#restart-btn,#start-btn{margin-top:2.5rem;background:transparent;border:2px solid var(--neon-pink);color:var(--neon-pink);padding:1rem 3rem;font-size:1.2rem;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ff007f4d}#restart-btn:hover,#start-btn:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 30px var(--neon-pink)}.game-over-title{font-size:clamp(1.8rem,8vw,3rem);color:var(--neon-pink);text-shadow:0 0 20px rgba(255,0,127,.5);margin-bottom:1.5rem;text-align:center}.final-score,.high-score{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.label{font-size:.7rem;letter-spacing:3px;color:#ffffff80}#final-score-value,#high-score-value{font-size:2.5rem;font-weight:900}@keyframes pulse{0%{opacity:.4}50%{opacity:1;text-shadow:0 0 20px var(--neon-cyan)}to{opacity:.4}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00fff9,2px 2px #ff00c1;animation:glitch-anim2 1s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(62px,9999px,42px,0)}40%{clip:rect(10px,9999px,43px,0)}60%{clip:rect(78px,9999px,92px,0)}80%{clip:rect(100px,9999px,57px,0)}to{clip:rect(11px,9999px,20px,0)}}.menu-buttons{display:flex;flex-direction:column;gap:1rem;width:90%;max-width:280px;margin-bottom:2rem}.menu-btn{width:100%;padding:1rem;font-size:1rem;font-weight:700;letter-spacing:2px;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-family:inherit;text-transform:uppercase}.menu-btn.primary{background:transparent;border:2px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff33}.menu-btn.primary:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 30px var(--neon-cyan);transform:scale(1.05)}.menu-btn.secondary{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.menu-btn.secondary:hover{border-color:#fff;background:rgba(255,255,255,.1)}.menu-btn.danger{background:transparent;border:2px solid var(--neon-pink);color:var(--neon-pink)}.menu-btn.danger:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 30px var(--neon-pink)}.auth-card{background:rgba(10,10,20,.95);border:1px solid var(--neon-cyan);padding:2rem;border-radius:16px;width:90%;max-width:400px;text-align:center;box-shadow:0 0 40px #00f3ff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card h2{margin-bottom:1.5rem;letter-spacing:2px;color:var(--neon-cyan)}.auth-card input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);padding:1rem;margin-bottom:1rem;color:#fff;font-family:inherit;border-radius:8px;outline:none;transition:border-color .3s}.auth-card input:focus{border-color:var(--neon-cyan)}.profile-header{margin-bottom:2rem}.avatar{font-size:3rem;margin-bottom:.5rem}.profile-stats{background:rgba(255,255,255,.05);padding:1.5rem;border-radius:12px;margin-bottom:2rem}.stat{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.7rem;letter-spacing:2px;color:#ffffff80}.control-btn{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:1px;cursor:pointer;font-family:inherit}.control-btn:active{background:var(--neon-cyan);color:#000}.control-btn.danger-text{color:var(--neon-pink);border-color:#ff007f4d}#countdown-overlay{background:rgba(0,0,0,.4);pointer-events:none;z-index:100}#countdown-number{font-size:8rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 30px var(--neon-cyan);animation:bounceScale 1s infinite}@keyframes bounceScale{0%{transform:scale(1.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.modal-buttons{display:flex;gap:1rem;margin-top:2rem}.danger-text{color:var(--neon-pink)!important;text-shadow:0 0 15px var(--neon-pink)!important}#ad-container{width:90%;max-width:320px;min-height:100px;margin:1.5rem auto;background:rgba(255,255,255,.03);border:1px solid rgba(0,243,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){#ad-container{max-width:336px;min-height:280px}}#site-footer{position:absolute;bottom:2rem;width:100%;text-align:center;z-index:100;pointer-events:auto}#site-footer a{color:#ffffff80;text-decoration:underline;font-size:.7rem;margin:0 10px;letter-spacing:1px;cursor:pointer}#site-footer a:hover{color:var(--neon-cyan)}#cookie-banner{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:rgba(10,10,20,.95);border:1px solid var(--neon-cyan);padding:1rem;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;z-index:110;pointer-events:auto;font-size:.8rem;border-radius:8px;box-shadow:0 0 20px #00f3ff33;text-align:center}@media (min-width: 600px){#cookie-banner{flex-direction:row;justify-content:space-between;text-align:left}}#cookie-banner p{margin:0;color:#fffc}#cookie-banner a{color:var(--neon-cyan);text-decoration:underline}@media (max-width: 480px){#score-value{font-size:2.5rem}#score-container{top:env(safe-area-inset-top,1rem);left:1rem}#game-controls{top:env(safe-area-inset-top,1rem);right:1rem;gap:.5rem}.control-btn{padding:.4rem .8rem;font-size:.6rem}#final-score-value,#high-score-value{font-size:2rem}.overlay{padding:1rem}}.score-badge{background:rgba(255,255,255,.05);border:1px solid var(--neon-cyan);padding:.5rem 1rem;border-radius:8px;display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem;vertical-align:middle}.score-badge .label{font-size:.6rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.score-badge .value{color:var(--neon-cyan);font-weight:900;font-size:1.1rem;text-shadow:0 0 10px var(--neon-cyan)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px;border:1px solid rgba(255,255,255,.05)}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}
