@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Orbitron:wght@700;900&display=swap";:root{font-family:Inter,sans-serif;--primary: #f0b90b;--primary-dark: #b8860b;--primary-light: #ffd700;--bg-dark: #0f0f1a;--bg-medium: #1a1a2e;--glass: rgba(30, 32, 38, .85);--glass-border: rgba(255, 255, 255, .1);--text: #ffffff;--success: #4ade80;--danger: #f87171}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg-dark);color:var(--text)}#app{position:relative;width:100vw;height:100vh}canvas{display:block}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:20px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.glass{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.hidden{display:none!important}.title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:900;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#fff 0%,var(--primary) 50%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:4px;filter:drop-shadow(0 4px 8px rgba(240,185,11,.3))}.glow{animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(240,185,11,.5))}50%{filter:drop-shadow(0 0 40px rgba(240,185,11,.8))}}.btn-primary{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-dark) 100%);border:none;border-radius:50px;padding:18px 56px;color:#000;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px;margin-top:2rem;box-shadow:0 4px 15px #f0b90b66,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f0b90b80,inset 0 1px #ffffff4d}.btn-primary:active{transform:scale(.95) translateY(0)}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #f0b90bb3}70%{box-shadow:0 0 0 25px #f0b90b00}to{box-shadow:0 0 #f0b90b00}}.lang-selector{display:flex;gap:.75rem;margin-bottom:2rem}.lang-selector button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 20px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:.9rem}.lang-selector button:hover{background:#f0b90b33;border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.hud{position:absolute;top:20px;left:0;width:100%;display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:5}.score-pill,.timer-pill{padding:12px 24px;display:flex;flex-direction:column;align-items:center;min-width:100px;transition:all .3s ease}.label{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.value{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.3)}.score-pill .value{transition:transform .2s ease,color .2s ease}.score-pill.score-up .value{animation:scoreUp .3s ease-out;color:var(--success)}.score-pill.score-down .value{animation:scoreDown .3s ease-out;color:var(--danger)}@keyframes scoreUp{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes scoreDown{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.timer-pill.warning{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border-color:#fbbf2480}.timer-pill.warning .value{color:#fbbf24}.danger{background:linear-gradient(135deg,#f871714d,#f8717126)!important;border-color:#f8717199!important;animation:dangerPulse .5s ease-in-out infinite}.danger .value{color:var(--danger)!important;animation:shake .5s infinite,dangerGlow .5s ease-in-out infinite}@keyframes dangerPulse{0%,to{box-shadow:0 0 #f8717166}50%{box-shadow:0 0 20px 5px #f8717166}}@keyframes dangerGlow{0%,to{text-shadow:0 0 10px rgba(248,113,113,.8)}50%{text-shadow:0 0 20px rgba(248,113,113,1)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-2px) rotate(-1deg)}20%{transform:translate(2px) rotate(1deg)}30%{transform:translate(-2px) rotate(0)}40%{transform:translate(2px) rotate(1deg)}50%{transform:translate(-2px) rotate(-1deg)}60%{transform:translate(2px) rotate(0)}70%{transform:translate(-2px) rotate(-1deg)}80%{transform:translate(2px) rotate(1deg)}90%{transform:translate(-2px) rotate(0)}}.game-over-screen{padding:40px;max-width:400px}.game-over-screen .title{font-size:clamp(1.5rem,6vw,2.5rem);margin-bottom:1.5rem}.final-score{text-align:center;margin-bottom:2rem;padding:20px;background:#f0b90b1a;border-radius:16px;border:1px solid rgba(240,185,11,.2)}.final-score .label{font-size:1rem;margin-bottom:8px}.final-score .value{font-size:clamp(3rem,12vw,5rem);color:var(--primary);animation:scoreReveal .8s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes scoreReveal{0%{opacity:0;transform:scale(0) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.high-score-display{margin-bottom:1.5rem;font-size:1.1rem;opacity:.85;padding:10px 20px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.high-score-display span{font-family:Orbitron,sans-serif;color:var(--primary);font-weight:700}.start-screen{padding:40px;max-width:450px}@media(max-width:480px){.btn-primary{padding:14px 40px;font-size:1.1rem}.score-pill,.timer-pill{padding:10px 16px;min-width:80px}.value{font-size:1.4rem}}