*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #0a0a0f;--bg-card: #12121a;--bg-border: #1e1e30;--cyan: #00d4ff;--pink: #ff00aa;--green: #00ff88;--orange: #ff8800;--text: #e0e0f0;--text-dim: #6060a0;--font-game: "Exo 2", sans-serif;--font-display: "Chakra Petch", "Exo 2", sans-serif;--font-ui: "Rajdhani", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*{-webkit-tap-highlight-color:transparent}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;position:relative}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.grid-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 40%,var(--bg-deep) 80%)}.app--playing .grid-bg{opacity:0;transition:opacity .4s ease}.lobby{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:380px;padding:8px 20px 28px;overflow-y:auto;max-height:100vh;scrollbar-width:none}.lobby::-webkit-scrollbar{display:none}@keyframes modeGlow{0%,to{opacity:.82}50%{opacity:1}}.mode-selector{display:flex;gap:10px;width:100%}.lobby-ticker{width:100%;overflow:hidden;border-top:1px solid rgba(0,212,255,.1);border-bottom:1px solid rgba(0,212,255,.1);padding:5px 0;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.lobby-ticker-track{display:flex;width:max-content;animation:tickerScroll 28s linear infinite}.lobby-ticker-item{font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:2px;color:#00d4ffbf;white-space:nowrap;padding:0 6px}.lobby-ticker-accent{color:#f0c040;font-weight:700}.lobby-ticker-sep{color:#00d4ff4d;margin-left:12px;font-size:.45rem;vertical-align:middle}.lobby-ticker-champion{color:gold;text-shadow:0 0 8px rgba(255,215,0,.9),0 0 20px rgba(255,215,0,.5);animation:champTickerGlow 1.8s ease-in-out infinite}@keyframes champTickerGlow{0%,to{text-shadow:0 0 8px rgba(255,215,0,.9),0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 14px rgba(255,215,0,1),0 0 35px rgba(255,215,0,.8)}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.mode-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;background:#060612d9;border:1px solid rgba(255,255,255,.07);border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s,color .2s;color:#a0a0c88c;position:relative;overflow:hidden}.mode-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .25s}.mode-btn:hover{border-color:#00d4ff40;color:#c8dcffcc}.mode-btn:hover:before{opacity:1}.mode-btn--active{border-color:var(--cyan);background:#00d4ff12;color:var(--cyan);box-shadow:0 0 22px #00d4ff47,inset 0 0 16px #00d4ff12;animation:modeGlow 2.8s ease-in-out infinite}.mode-btn--active:before{opacity:1}.mode-btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:filter .2s}.mode-btn--active .mode-btn-icon{filter:drop-shadow(0 0 5px currentColor) drop-shadow(0 0 12px currentColor)}.mode-btn-label{font-family:var(--font-game);font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:text-shadow .2s}.mode-btn--active .mode-btn-label{color:var(--cyan);text-shadow:0 0 12px rgba(0,212,255,.9)}.mode-btn-sub{font-size:.58rem;letter-spacing:1px;opacity:.55;text-align:center;line-height:1.3}.logo-wrap{display:flex;flex-direction:column;align-items:center;gap:2px}.logo-circle{font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:8px;padding-left:8px;background:linear-gradient(125deg,#0fc,#0af 30%,#a4f,#f08);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;filter:drop-shadow(0 0 12px rgba(0,200,255,.5));animation:logoFlow 6s ease-in-out infinite alternate;will-change:background-position}@keyframes logoFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:200% 50%}}.logo-round{font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:8px;padding-left:8px;background:linear-gradient(90deg,#00d4ff,#a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:8px}.logo-round:before,.logo-round:after{content:"—";-webkit-text-fill-color:transparent;background:inherit;-webkit-background-clip:text;background-clip:text;letter-spacing:0;padding:0;opacity:.6}.logo-sub{font-family:var(--font-ui);font-size:.75rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);text-align:center;white-space:nowrap;margin-top:2px}.mode-badge{display:inline-block;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-top:8px}.mode-badge--practice{color:var(--green);background:#00ff881a;border:1px solid rgba(0,255,136,.3)}.mode-badge--real{color:gold;background:#ffd7001a;border:1px solid rgba(255,215,0,.35)}.input-wrapper{width:100%;position:relative}.input-wrapper input{width:100%;background:var(--bg-card);border:1px solid var(--bg-border);border-radius:8px;padding:14px 18px;font-family:var(--font-ui);font-size:1.1rem;font-weight:600;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;text-align:center;letter-spacing:1px}.input-wrapper input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00d4ff26,0 0 20px #00d4ff1a}.input-wrapper input::placeholder{color:var(--text-dim)}.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,var(--cyan),#0088bb);border:none;border-radius:8px;font-family:var(--font-game);font-size:.95rem;font-weight:700;letter-spacing:3px;color:#0a0a0f;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 0 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d4ff80}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;animation:none}@keyframes playBreathe{0%,to{transform:scale(1);opacity:.88}50%{transform:scale(1.012);opacity:1}}.btn-play-breathe:not(:disabled){box-shadow:0 0 32px #00d4ff80,0 0 70px #00d4ff2e;animation:playBreathe 2.4s ease-in-out infinite;will-change:transform,opacity}.btn-secondary{width:100%;padding:12px;background:transparent;border:1px solid #333;border-radius:8px;font-family:var(--font-game);font-size:.85rem;font-weight:700;letter-spacing:3px;color:#6060a0;cursor:pointer;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:#6060a0;color:#aaa}.players-list{width:100%;display:flex;flex-direction:column;gap:10px}.players-list-title{font-size:.75rem;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);text-align:center;margin-bottom:4px}.player-slot{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--bg-border);border-radius:8px;transition:border-color .3s}.player-slot.filled{border-color:#00d4ff33}.player-slot.empty{opacity:.4}.player-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.player-slot-name{font-size:1rem;font-weight:600;flex:1}.player-slot-you{font-size:.7rem;letter-spacing:2px;color:var(--cyan);text-transform:uppercase}.waiting-text{font-size:.85rem;color:var(--text-dim);text-align:center;letter-spacing:2px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.btn-leave-lobby{margin-top:20px;background:transparent;border:1px solid #1a2a40;color:#3a5a80;font-size:.68rem;letter-spacing:2.5px;padding:9px 28px;border-radius:6px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.btn-leave-lobby:hover{border-color:#2a6aaa;color:#5aaced;background:#0a1a2a}.countdown-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#0a0a0f}.game-screen--preload{pointer-events:none;visibility:hidden}.countdown-number{font-family:var(--font-display);font-size:8rem;font-weight:700;background:linear-gradient(160deg,#ffffff 0%,var(--cyan) 60%,#0080cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.countdown-label{font-family:var(--font-display);font-size:.8rem;letter-spacing:5px;text-transform:uppercase;color:var(--text-dim)}.hud{position:absolute;top:0;left:0;right:0;padding:calc(8px + var(--safe-top)) 10px 6px;display:flex;flex-direction:column;align-items:stretch;gap:6px;z-index:10;background:linear-gradient(to bottom,rgba(10,10,15,.72) 0%,transparent 100%)}.hud-finale-badge{display:flex;align-items:center;justify-content:center;gap:6px;padding:4px 14px;margin-bottom:4px;background:linear-gradient(135deg,#ff00aa1f,#00d4ff1f);border:1px solid rgba(0,212,255,.5);border-radius:20px;box-shadow:0 0 12px #ff00aa40,0 0 24px #00d4ff1a;will-change:opacity;animation:finalePulse 1.2s ease-in-out infinite}.hud-finale-bolt{font-size:.75rem;animation:boltFlash .6s ease-in-out infinite alternate}.hud-finale-text{font-family:var(--font-game);font-size:.78rem;font-weight:700;letter-spacing:4px;background:linear-gradient(90deg,#f0a,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hud-finale-zones{font-family:var(--font-game);font-size:.58rem;letter-spacing:2px;color:var(--text-dim);border-left:1px solid rgba(255,255,255,.15);padding-left:8px;margin-left:2px}@keyframes finalePulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes boltFlash{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.hud-round-bar{display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-game);font-size:.65rem;letter-spacing:3px;color:var(--text-dim)}.hud-round-label{text-transform:uppercase}.hud-round-num{color:var(--cyan);font-weight:700;font-size:.75rem}.hud-round-total{color:var(--text-dim);font-weight:400}.hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hud-alive{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:2px 0 1px}.hud-alive-num{font-family:var(--font-game);font-size:1.15rem;font-weight:700;color:var(--cyan);text-shadow:0 0 10px rgba(0,212,255,.45);line-height:1}.hud-alive-label{font-family:var(--font-game);font-size:.55rem;letter-spacing:3px;color:var(--text-dim)}.hud-card{display:flex;align-items:center;gap:0;background:#080812b8;border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;transition:opacity .3s,border-color .3s}.hud-card--me{border-color:#ffffff24;background:#0c0c18d9}.hud-card--out{opacity:.3}.hud-card-bar{width:3px;align-self:stretch;flex-shrink:0;transition:background .3s}.hud-card-body{flex:1;display:flex;align-items:center;justify-content:space-between;padding:5px 8px;gap:6px;min-width:0}.hud-card-name{font-family:var(--font-game);font-size:.62rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.hud-you-tag{display:inline-block;font-size:.48rem;font-weight:700;letter-spacing:1px;background:#ffffff1f;border-radius:3px;padding:1px 3px;margin-right:4px;vertical-align:middle;color:#ffffff8c}.hud-card-stat{display:flex;align-items:center;flex-shrink:0}.hud-zone-dot{width:9px;height:9px;border-radius:50%;background:#333;border:1px solid rgba(255,255,255,.15);transition:background .3s,box-shadow .3s}.hud-zone-pips{display:flex;gap:5px;align-items:center}.hud-zone-pip{width:10px;height:10px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);transition:background .15s,box-shadow .15s,transform .15s;flex-shrink:0}.hud-zone-pip--done{background:var(--player-color);border-color:var(--player-color);box-shadow:0 0 7px var(--player-color),0 0 14px var(--player-color, rgba(0,255,136,.3));animation:pipPop .25s ease-out}.hud-zone-pip--out{background:#ffffff08;border-color:#ffffff12}@keyframes pipPop{0%{transform:scale(1)}45%{transform:scale(1.55)}to{transform:scale(1)}}.hud-lives{display:flex;gap:4px}.hud-life{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.15);transition:background .3s,box-shadow .3s}.hud-life.active{border-color:transparent}.hud-life.lost{background:#1a1a2a!important;border-color:#ffffff14;box-shadow:none}.hud-score{font-family:var(--font-game);font-size:.72rem;font-weight:700;letter-spacing:.5px}.hud-score-unit{font-size:.5rem;opacity:.5;font-weight:400;letter-spacing:.5px}.zone-timer-bar{position:relative;width:90%;height:4px;background:#ffffff14;border-radius:2px;margin:6px auto 0;overflow:hidden}.zone-timer-bar-fill{position:absolute;top:0;left:0;right:0;height:100%;border-radius:2px;background:#00e676;box-shadow:0 0 8px #00e67688;transition:background .3s,box-shadow .3s}@keyframes zone-timer-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.zone-timer-bar--urgent{animation:zone-timer-shake .25s infinite}@keyframes statPop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.zone-stats-bar{display:flex;gap:10px;justify-content:center;align-items:center;min-height:18px;margin-top:2px}@keyframes comboFlash{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1.08)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.zone-perfect,.zone-combo{font-family:var(--font-game);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;padding:2px 10px}.zone-perfect{color:#ff9800;background:#ff98001a;border:1px solid rgba(255,152,0,.3);animation:statPop .2s ease-out forwards}.zone-combo{color:#00d4ff;background:#00d4ff14;border:1px solid rgba(0,212,255,.25);animation:comboFlash 1.4s ease-out forwards}.game-over-stat{font-size:.6rem;font-weight:700;border-radius:4px;padding:1px 5px;letter-spacing:.5px}.game-over-stat--streak{color:#ff9800;background:#ff98001a;border:1px solid rgba(255,152,0,.25)}.game-over-stat--combo{color:#00d4ff;background:#00d4ff14;border:1px solid rgba(0,212,255,.2)}.zone-elim-backdrop{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to bottom,transparent 0%,#0a0a0f 30%);display:flex;align-items:center;justify-content:center;padding-bottom:32px;pointer-events:none;z-index:24;animation:elim-slide-up .25s ease-out forwards}.zone-elim-notif{display:flex;align-items:center;gap:8px;background:#000000b8;border:1px solid var(--elim-color, #ff1744);border-radius:20px;padding:6px 14px 6px 10px;pointer-events:none;z-index:25}@keyframes elim-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.zone-elim-dot{width:8px;height:8px;border-radius:50%;background:var(--elim-color, #ff1744);box-shadow:0 0 6px var(--elim-color, #ff1744);flex-shrink:0}.zone-elim-name{font-family:var(--font-game);font-size:.8rem;font-weight:700;color:var(--elim-color, #ff1744);letter-spacing:1px;text-transform:uppercase}.zone-elim-label{font-family:var(--font-game);font-size:.65rem;font-weight:900;color:#ff1744;letter-spacing:2px;opacity:.8}.stale-login-notice{margin:0 0 8px;padding:8px 12px;border:1px solid rgba(255,170,0,.45);border-radius:8px;background:#ffaa0012;color:#ffd27a;font-size:.74rem;line-height:1.35;text-align:center}.play-menu-status{display:block;margin-top:2px;font-family:var(--font-game);font-size:.56rem;letter-spacing:2px;color:var(--text-dim)}.play-menu-status--on{color:#00e676}.server-error-toast{position:fixed;left:50%;top:calc(12px + var(--safe-top, 0px));transform:translate(-50%);z-index:200;max-width:min(92vw,420px);padding:10px 16px;border:1px solid rgba(255,23,68,.55);border-radius:10px;background:#14060cf2;color:#ffd9e2;font-size:.82rem;line-height:1.35;text-align:center;box-shadow:0 6px 24px #00000080;cursor:pointer;animation:server-error-in .22s ease-out}@keyframes server-error-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.draw-notif{border-width:2px!important;background:#000000e0!important;box-shadow:0 0 18px #7fe3ff73,0 0 40px #7fe3ff26;animation:winner-slide-up .3s cubic-bezier(.175,.885,.32,1.4) forwards}.draw-label{color:#7fe3ff!important;opacity:.75}.life-lost-dots{position:absolute;left:50%;top:80%;transform:translate(-50%);display:flex;gap:16px;z-index:26;pointer-events:none;animation:life-dots-in .18s ease-out}@keyframes life-dots-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.life-dot{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.16);background:transparent}.life-dot--alive{background:var(--dot-color, #00d4ff);border-color:transparent;box-shadow:0 0 16px var(--dot-color, #00d4ff)}.life-lost-dots{flex-wrap:wrap;justify-content:center}.life-lost-who{flex-basis:100%;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;animation:life-who-in .3s ease-out .5s both}@keyframes life-who-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.life-lost-who-row{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-game);font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase}.life-lost-who-name{color:var(--who-color, #fff)}.life-lost-who-minus{color:#ff1744;font-weight:900;letter-spacing:0}.life-lost-who-left{display:inline-flex;gap:3px;margin-left:2px}.life-lost-who-pip{width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.life-lost-who-pip--on{background:var(--who-color, #fff);border-color:transparent;box-shadow:0 0 5px var(--who-color, #fff)}.life-lost-who-more{font-family:var(--font-game);font-size:.62rem;color:var(--text-dim)}.life-dot--lost{background:#ff17446b;border-color:#ff1744d9;box-shadow:0 0 14px #ff174466;transform:perspective(320px) rotateY(180deg)}.life-dot--losing{animation:life-dot-flip .95s cubic-bezier(.45,.05,.25,1) .5s both;transform-style:preserve-3d;will-change:transform}@keyframes life-dot-flip{0%{transform:perspective(320px) rotateY(0) scale(1);background:var(--dot-color, #00d4ff);border-color:transparent;box-shadow:0 0 16px var(--dot-color, #00d4ff)}38%{transform:perspective(320px) rotateY(78deg) scale(1.16);background:var(--dot-color, #00d4ff);border-color:transparent;box-shadow:0 0 24px var(--dot-color, #00d4ff)}50%{transform:perspective(320px) rotateY(90deg) scale(1.18);background:#ff1744;border-color:transparent;box-shadow:0 0 30px #ff1744}78%{transform:perspective(320px) rotateY(152deg) scale(1.06);background:#ff1744;border-color:transparent;box-shadow:0 0 22px #ff1744}to{transform:perspective(320px) rotateY(180deg) scale(1);background:#ff17446b;border-color:#ff1744d9;box-shadow:0 0 14px #ff174466}}@media (max-height: 700px){.life-lost-dots{top:78%;gap:12px}.life-dot{width:24px;height:24px}}.last-life-notif{border-width:2px!important;background:#000000e0!important;box-shadow:0 0 18px #ff17448c,0 0 42px #ff17442e;animation:winner-slide-up .3s cubic-bezier(.175,.885,.32,1.4) forwards,last-life-notif-pulse .75s ease-in-out infinite alternate}@keyframes last-life-notif-pulse{0%{box-shadow:0 0 14px #ff174466,0 0 30px #ff17441f}to{box-shadow:0 0 24px #ff1744bf,0 0 55px #ff174447}}.last-life-notif .zone-elim-dot{width:10px;height:10px;animation:dot-pulse .75s ease-in-out infinite alternate}.last-life-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:23;animation:last-life-vignette 2.6s ease-in-out infinite}@keyframes last-life-vignette{0%,to{box-shadow:inset 0 0 30px #ff17440f}50%{box-shadow:inset 0 0 55px 4px #ff174426}}.hud-card--lastlife{border-color:#ff17444d;animation:last-life-card 1.9s ease-in-out infinite}@keyframes last-life-card{0%,to{border-color:#ff174447;box-shadow:none}50%{border-color:#ff1744d9;box-shadow:0 0 10px #ff174438}}.hud-life--pulse{animation:last-life-pip 1.1s ease-in-out infinite}@keyframes last-life-pip{0%,to{transform:scale(1);opacity:1}40%{transform:scale(1.55);opacity:.9}70%{transform:scale(1.1);opacity:1}}.zone-winner-notif{padding:9px 20px 9px 14px!important;border-radius:24px!important;gap:10px!important;background:#000000e0!important;border-width:2px!important;border-color:var(--elim-color, #ffd700)!important;box-shadow:0 0 20px var(--elim-color, #ffd700),0 0 45px #ffd70040;will-change:opacity;animation:winner-slide-up .35s cubic-bezier(.175,.885,.32,1.4) forwards,winner-glow-pulse 1s ease-in-out infinite alternate}@keyframes winner-slide-up{0%{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winner-glow-pulse{0%{opacity:.88}to{opacity:1}}.zone-winner-notif .zone-elim-dot{width:10px;height:10px;animation:dot-pulse 1s ease-in-out infinite alternate}@keyframes dot-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:.65}}.zone-winner-notif .zone-elim-name{font-size:1.15rem!important;letter-spacing:3px}.zone-winner-label{color:gold!important;font-size:.75rem!important;letter-spacing:4px}.game-screen{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background:#0a0a0f;transition:opacity .6s ease-out}.game-screen.screen-fading{opacity:0}.canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;width:100%}canvas{display:block;touch-action:none}[data-look=neon] .game-screen{--tint: 0, 230, 160;--tint2: 0, 120, 255;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px) 0 0 / 26px 26px,linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) 0 0 / 26px 26px,radial-gradient(ellipse 120% 55% at 50% 112%,rgba(var(--tint2),.18),transparent 70%),#06060b}[data-look=neon] .game-screen[data-mode=lastone]{--tint: 255, 45, 110;--tint2: 130, 50, 255}[data-look=neon] .game-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 49%,rgba(var(--tint),.2) 0%,rgba(var(--tint),.07) 30%,transparent 58%);animation:neon-breathe 6s ease-in-out infinite}@keyframes neon-breathe{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion: reduce){[data-look=neon] .game-screen:before{animation:none}}.stop-area{width:100%;padding:16px 24px 32px;display:flex;flex-direction:column;align-items:center;gap:10px}.btn-stop{width:100%;max-width:340px;padding:22px;background:linear-gradient(135deg,#f05,#a03);border:none;border-radius:12px;font-family:var(--font-game);font-size:1.4rem;font-weight:900;letter-spacing:6px;color:#fff;cursor:pointer;transition:transform .08s,box-shadow .15s;box-shadow:0 0 30px #f056,0 4px 20px #00000080;-webkit-tap-highlight-color:transparent}.btn-stop:active{transform:scale(.96);box-shadow:0 0 10px #f053}.btn-stop:disabled{background:linear-gradient(135deg,#333,#222);box-shadow:none;cursor:not-allowed;opacity:.5}.stop-hint{font-size:.75rem;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase}@keyframes tapHintPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}.zone-tap-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-game);font-size:1.4rem;font-weight:700;letter-spacing:5px;color:#00d4fff2;background:#00d4ff12;border:1px solid rgba(0,212,255,.28);border-radius:999px;padding:5px 16px;text-shadow:0 0 10px rgba(0,212,255,.7);pointer-events:none;z-index:20;animation:tapHintPulse 1.8s ease-in-out infinite}.my-score-display{position:absolute;bottom:1.6rem;left:0;right:0;text-align:center;font-family:var(--font-display);font-size:3rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;pointer-events:none;animation:scoreIn .4s cubic-bezier(.34,1.56,.64,1)}.bonus-life-label{font-size:1rem;letter-spacing:4px;color:#0f8;margin-top:4px;animation:scoreIn .4s cubic-bezier(.34,1.56,.64,1) .15s both;filter:drop-shadow(0 0 8px #00ff88)}@keyframes scoreIn{0%{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.zone-timer-bar{position:relative;width:92%;max-width:360px;height:4px;background:#ffffff14;border-radius:2px;margin:6px auto 0;overflow:hidden}.zone-timer-bar-fill{position:absolute;top:0;bottom:0;left:0%;right:0%;border-radius:2px;background:#00e676;box-shadow:0 0 8px #00e67688;transition:none}@keyframes urgentPulse{0%,to{opacity:1}50%{opacity:.5}}.zone-timer-bar--urgent .zone-timer-bar-fill{animation:urgentPulse .4s ease-in-out infinite}@keyframes suddenDeathPulse{0%,to{opacity:1}50%{opacity:.28}}.sudden-death-label{display:block;width:100%;text-align:center;pointer-events:none;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.2em;color:#ff1744;text-transform:uppercase;padding:4px 0;animation:suddenDeathPulse 1.8s ease-in-out infinite;will-change:opacity}.zone-stats-bar{display:flex;gap:8px;justify-content:center;align-items:center;min-height:22px;margin-top:5px}.zone-perfect{font-family:var(--font-game);font-size:.7rem;font-weight:700;letter-spacing:3px;color:#ff9800;text-shadow:0 0 8px #ff980088;padding:2px 8px;border:1px solid rgba(255,152,0,.35);border-radius:999px;background:#ff980014;animation:comboFlash 1.4s ease-out forwards}.zone-combo{font-family:var(--font-game);font-size:.7rem;font-weight:700;letter-spacing:3px;color:#00d4ff;text-shadow:0 0 8px #00d4ff88;padding:2px 8px;border:1px solid rgba(0,212,255,.35);border-radius:999px;background:#00d4ff14;animation:comboFlash 1.4s ease-out forwards}@keyframes comboFlash{0%{opacity:1;transform:scale(1.12)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.65}}@keyframes streakPop{0%{opacity:0;transform:translateY(6px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes streakFire{0%,to{filter:drop-shadow(0 0 8px #ff226699) drop-shadow(0 0 18px #ff226633)}50%{filter:drop-shadow(0 0 14px #ff8800bb) drop-shadow(0 0 28px #ff446655)}}.zone-perfect-overlay{position:absolute;bottom:3.4rem;left:0;right:0;z-index:20;text-align:center;font-family:var(--font-game);will-change:transform,opacity;font-weight:700;letter-spacing:4px;pointer-events:none;z-index:12;animation:streakPop .25s cubic-bezier(.34,1.56,.64,1) both}.zone-perfect-overlay[data-tier="1"]{font-size:.9rem;color:#00d4ffb3;filter:drop-shadow(0 0 6px rgba(0,212,255,.3))}.zone-perfect-overlay[data-tier="2"]{font-size:1.2rem;color:gold;filter:drop-shadow(0 0 8px #ffd70066) drop-shadow(0 0 16px #ffd70033)}.zone-perfect-overlay[data-tier="3"]{font-size:1.6rem;color:#f80;filter:drop-shadow(0 0 10px #ff880077) drop-shadow(0 0 20px #ff440044)}.zone-perfect-overlay[data-tier="4"]{font-size:2rem;color:#f26;will-change:filter,transform,opacity;animation:streakPop .25s cubic-bezier(.34,1.56,.64,1) both,streakFire 1.4s ease-in-out infinite .25s}.zone-perfect-overlay[data-tier="5"]{font-size:2.2rem;color:#c4f;will-change:filter,transform,opacity;animation:streakPop .25s cubic-bezier(.34,1.56,.64,1) both,streakVoid 1.6s ease-in-out infinite .25s}@keyframes streakVoid{0%{filter:drop-shadow(0 0 8px #cc44ffaa) drop-shadow(0 0 20px #8800cc66)}50%{filter:drop-shadow(0 0 18px #cc44ffdd) drop-shadow(0 0 40px #8800ccaa) drop-shadow(0 0 60px #44008844)}to{filter:drop-shadow(0 0 8px #cc44ffaa) drop-shadow(0 0 20px #8800cc66)}}.round-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a0fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;gap:16px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.round-result-title{font-family:var(--font-game);font-size:1rem;letter-spacing:5px;color:var(--text-dim);text-transform:uppercase}.round-result-list{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;padding:0 20px}.round-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--bg-border)}.round-result-item.loser{border-color:#ff00554d;background:#ff00550d}.round-result-item.winner-round{border-color:#00d4ff4d;background:#00d4ff0d}.result-badge{font-size:1rem;min-width:24px;text-align:center}.result-name{flex:1;font-weight:600;font-size:.95rem}.result-dist{font-family:var(--font-game);font-size:.75rem;color:var(--text-dim)}@keyframes goFadeIn{0%{opacity:0}to{opacity:1}}@keyframes goSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes goNameIn{0%{opacity:0;transform:scale(.78) translateY(12px)}65%{transform:scale(1.03) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes goGlow{0%,to{opacity:.85}50%{opacity:1}}@keyframes goEyebrow{0%{opacity:0;letter-spacing:4px}to{opacity:1;letter-spacing:9px}}@keyframes goSep{0%{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@keyframes goRowIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.game-over-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;animation:goFadeIn .35s ease-out forwards}.game-over-content{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:380px;padding:36px 22px 40px;overflow-y:auto;max-height:100vh;scrollbar-width:none;animation:goSlideUp .5s .08s cubic-bezier(.22,1,.36,1) both}.game-over-content::-webkit-scrollbar{display:none}.game-over-winner-block{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.game-over-winner-eyebrow{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:9px;text-transform:uppercase;color:#ffffff61;animation:goEyebrow .55s .3s ease-out both}.game-over-winner-name{font-family:var(--font-display);font-size:clamp(1.5rem,8vw,2.4rem);font-weight:900;letter-spacing:1px;text-transform:uppercase;line-height:1.1;max-width:100%;word-break:break-word;text-align:center;filter:drop-shadow(0 0 18px currentColor) drop-shadow(0 0 40px currentColor);animation:goNameIn .65s .42s cubic-bezier(.175,.885,.32,1.275) both,goGlow 2.6s 1.2s ease-in-out infinite}.game-over-winner-sub{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;animation:goSlideUp .4s .85s ease-out both;opacity:0}.game-over-sep{width:72%;height:1px;border-radius:1px;animation:goSep .5s .65s ease-out both}.game-over-leaderboard{width:100%;max-width:330px;display:flex;flex-direction:column;gap:5px}.game-over-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;background:#ffffff06;border:1px solid transparent;border-left-width:3px;animation:goRowIn .38s ease-out both;opacity:0}.game-over-row--winner{background:#ffffff0b}.game-over-row--me{outline:1px dashed rgba(255,255,255,.15);outline-offset:-1px}.game-over-rank{font-family:var(--font-game);font-size:.85rem;font-weight:700;min-width:26px;letter-spacing:1px}.game-over-pname{font-family:var(--font-game);font-size:.9rem;font-weight:700;flex:1;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.game-over-you-tag{font-size:.5rem;font-weight:700;letter-spacing:2px;color:#ffffff59;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:1px 5px}.game-over-stat{font-size:.52rem;font-weight:700;letter-spacing:2px;color:#00d4ff;background:#00d4ff12;border:1px solid rgba(0,212,255,.22);border-radius:3px;padding:1px 6px}.game-over-stat--champ{color:gold;background:#ffd7001f;border-color:#ffd70080;text-shadow:0 0 8px rgba(255,215,0,.9),0 0 18px rgba(255,215,0,.5);animation:comboChampGlow 1.6s ease-in-out infinite}@keyframes comboChampGlow{0%,to{box-shadow:0 0 6px #ffd7004d;opacity:1}50%{box-shadow:0 0 14px #ffd700b3;opacity:.85}}.game-over-combo-bonus{font-size:.65rem;font-weight:600;color:gold;opacity:.8}.game-over-elo{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-family:var(--font-game);font-size:.88rem;font-weight:700;letter-spacing:1px}.game-over-elo-total{font-size:.58rem;color:#ffffff47;font-weight:400;letter-spacing:1px}.game-over-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:2px}.winner-prize{font-family:var(--font-game);font-size:1.6rem;font-weight:700;color:var(--green);letter-spacing:2px}.winner-prize span{font-size:.8rem;color:var(--text-dim);letter-spacing:3px}@keyframes spin{to{transform:rotate(360deg)}}.result-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;animation:resultFadeOut .9s ease-out forwards}.result-flash-touched{background:#f056}.result-flash-too_far{background:#ff88004d}.result-flash-timeout{background:#ffc80033}@keyframes resultFadeOut{0%{opacity:1}30%{opacity:.8}to{opacity:0}}.reconnect-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0a0a0fd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reconnect-spinner{width:36px;height:36px;border:3px solid rgba(0,212,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:reconnectSpin .8s linear infinite}@keyframes reconnectSpin{to{transform:rotate(360deg)}}.reconnect-label{font-family:var(--font-game);font-size:.85rem;letter-spacing:3px;color:#00d4ff;opacity:.85}.zone-miss-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:#ff005538;animation:zoneMissFade .35s ease-out forwards}@keyframes zoneMissFade{0%{opacity:1}to{opacity:0}}@keyframes lifeLostFlash{0%{background:#ff005573;box-shadow:0 0 24px #ff0055b3;border-radius:8px}to{background:transparent;box-shadow:none}}.life-lost-flash{animation:lifeLostFlash .7s ease-out forwards}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.splash-screen.hiding{animation:splashFadeOut .5s ease forwards}@keyframes splashFadeOut{to{opacity:0;pointer-events:none}}.splash-logo-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.splash-logo{font-family:Orbitron,sans-serif;font-size:3.2rem;font-weight:900;letter-spacing:8px;padding-left:8px;background:linear-gradient(125deg,#0fc,#0af 30%,#a4f,#f08);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoFlow 6s ease-in-out infinite alternate}.splash-round{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:8px;padding-left:8px;background:linear-gradient(90deg,#00d4ff,#a4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:8px}.splash-round:before,.splash-round:after{content:"—";-webkit-text-fill-color:transparent;background:inherit;-webkit-background-clip:text;background-clip:text;letter-spacing:0;padding:0;opacity:.6}.splash-sub{font-size:.75rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-dim);margin-top:4px;text-align:center;white-space:nowrap}.splash-bar{width:220px;height:2px;background:var(--bg-border);border-radius:2px;overflow:hidden}.splash-bar-fill{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink));border-radius:2px;animation:splashLoad 1.6s ease-out forwards}@keyframes splashLoad{0%{width:0}to{width:100%}}.countdown-rings{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px}.countdown-ring{position:absolute;border:2px solid var(--cyan);border-radius:50%;width:100px;height:100px;animation:ringExpand .9s ease-out forwards;opacity:0}.countdown-ring:nth-child(1){animation-delay:0s}.countdown-ring:nth-child(2){animation-delay:.18s}.countdown-ring:nth-child(3){animation-delay:.36s}@keyframes ringExpand{0%{transform:scale(.3);opacity:1}to{transform:scale(5);opacity:0}}.countdown-rings .countdown-number{position:absolute;font-size:5.5rem;background:none;-webkit-text-fill-color:unset;filter:none;animation:countPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes countPop{0%{transform:scale(1.8);opacity:0}to{transform:scale(1);opacity:1}}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.lb-modal{background:#12121a;border:1px solid #1e1e30;border-radius:16px;width:min(92vw,380px);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.lb-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #1e1e30}.lb-title{font-family:Orbitron,sans-serif;font-size:.85rem;letter-spacing:4px;color:gold;text-shadow:0 0 12px rgba(255,215,0,.5)}.lb-close{background:none;border:none;cursor:pointer;color:#6060a0;font-size:1rem;transition:color .15s}.lb-close:hover{color:#fff}.lb-tabs{display:flex;gap:2px;padding:8px 10px 0;border-bottom:1px solid #1e1e30}.lb-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:none;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:.6rem;letter-spacing:1px;color:#6060a0;transition:all .15s}.lb-tab-icon{display:flex;align-items:center;justify-content:center;height:16px}.lb-tab:hover{color:#aaa;background:#1a1a28}.lb-tab--active{color:#0f8;background:#0d1f15;border-bottom:2px solid #00ff88}.lb-tab--active .lb-tab-icon{filter:drop-shadow(0 0 4px #00ff88)}.lb-subtitle{font-size:.65rem;color:#666;text-align:center;padding:4px 12px 2px;letter-spacing:.04em}.lb-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.lb-loading,.lb-empty{text-align:center;color:#6060a0;font-size:.8rem;padding:24px 0}@keyframes meGlow{0%,to{box-shadow:0 0 8px #00ff8840,inset 0 0 12px #00ff880f}50%{box-shadow:0 0 18px #00ff8873,inset 0 0 20px #00ff881f}}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid transparent;background:#0d0d16;transition:border-color .15s}.lb-row--me{background:#00ff8812;border-color:#0f8!important;animation:meGlow 2.5s ease-in-out infinite}.lb-rank{font-family:Orbitron,sans-serif;font-size:.9rem;min-width:28px;text-align:center}.lb-name{flex:1;font-size:.85rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-you{font-size:.65rem;color:#0f8;margin-left:6px;opacity:1;font-family:var(--font-game);letter-spacing:1px;text-shadow:0 0 8px rgba(0,255,136,.8)}.lb-combo-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-game);font-size:.55rem;font-weight:700;line-height:1;color:gold;background:#ffd7001f;border:1px solid rgba(255,215,0,.4);border-radius:50%;min-width:18px;height:18px;padding:0 3px;margin-left:6px;vertical-align:middle;box-shadow:0 0 5px #ffd70033}.lb-stat{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;white-space:nowrap}.lb-share{padding:10px 14px 16px;border-top:1px solid #1e1e30;display:flex;flex-direction:row;gap:8px}.lb-share-label{font-size:.7rem;color:#6060a0;letter-spacing:1px}.lb-copy-btn{background:#1a1a28;border:1px solid #2a2a40;border-radius:8px;padding:6px 12px;font-size:.72rem;color:#00d4ff;cursor:pointer;transition:all .15s}.lb-copy-btn:hover{background:#22223a;border-color:#00d4ff}.lb-discord-invite,.lb-invite-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border-radius:12px;background:#060612d9;border:1px solid rgba(255,255,255,.07);cursor:pointer;text-decoration:none;font-family:var(--font-game);font-size:.58rem;font-weight:700;letter-spacing:1.5px;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .1s}.lb-discord-invite:before,.lb-invite-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.06),transparent 70%);opacity:0;transition:opacity .2s}.lb-discord-invite:hover:before,.lb-invite-btn:hover:before{opacity:1}.lb-discord-invite:active,.lb-invite-btn:active{transform:scale(.97)}.lb-discord-invite{color:#8b96f7cc;border-color:#5865f233}.lb-discord-invite:hover{border-color:#5865f28c;box-shadow:0 0 18px #5865f238;color:#8b96f7}.lb-invite-btn{color:#00d4ffbf;border-color:#00d4ff2e}.lb-invite-btn:hover{border-color:#00d4ff80;box-shadow:0 0 18px #00d4ff33;color:#00d4ff}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0)}.share-modal{background:#12121e;border:1px solid #1e1e30;border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:0 0 24px;display:flex;flex-direction:column;gap:0;animation:shareSlideUp .25s ease}@keyframes shareSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.share-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}.share-title{font-size:.8rem;font-weight:700;letter-spacing:4px;color:#fff}.share-link-box{margin:0 16px 14px;background:#0a0a14;border:1px solid #1e1e30;border-radius:8px;padding:10px 12px;font-size:.7rem;color:#6060a0;word-break:break-all;line-height:1.4;-webkit-user-select:all;user-select:all}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 14px}.share-option{display:flex;flex-direction:column;align-items:center;gap:6px;background:#0e0e1a;border:1px solid #1e1e30;border-radius:12px;padding:14px 8px 10px;cursor:pointer;transition:border-color .15s,transform .1s}.share-option:hover{border-color:var(--opt-color);transform:translateY(-2px)}.share-option:active{transform:translateY(0)}.share-option-icon{width:28px;height:28px;color:var(--opt-color);display:flex;align-items:center;justify-content:center}.share-option-icon svg{width:100%;height:100%}.share-option-label{font-size:.62rem;letter-spacing:1px;color:#888;font-weight:600;white-space:nowrap}.share-discord-server{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px;padding:12px;background:#5865f2;border-radius:10px;text-decoration:none;font-family:var(--font-game);font-size:.72rem;font-weight:700;letter-spacing:2px;color:#fff;transition:background .15s}.share-discord-server:hover{background:#4752c4}@keyframes lbTwinkle{0%,to{filter:drop-shadow(0 0 3px #ffd700) drop-shadow(0 0 7px #ff8800);opacity:1;transform:scale(1) rotate(0)}30%{filter:drop-shadow(0 0 8px #fff5a0) drop-shadow(0 0 18px #ffd700);opacity:1;transform:scale(1.18) rotate(18deg)}60%{filter:drop-shadow(0 0 4px #ffd700);opacity:.75;transform:scale(.95) rotate(-8deg)}}.lb-trigger-btn{display:flex;align-items:center;gap:8px;background:#141004cc;border:1px solid rgba(255,215,0,.25);border-radius:10px;padding:7px 18px;font-family:var(--font-game);font-size:.68rem;letter-spacing:2.5px;color:gold;cursor:pointer;margin-top:6px;transition:border-color .2s,background .2s,box-shadow .2s}.lb-trigger-btn:hover{border-color:gold;background:#1e1804e6;box-shadow:0 0 16px #ffd70040}.lb-trigger-btn .lb-icon{display:flex;align-items:center;animation:lbTwinkle 3.2s ease-in-out infinite}.auth-login-row{display:flex;flex-direction:column;gap:8px;width:100%}.discord-login-btn,.google-login-btn,.apple-login-btn{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:12px 14px;background:#ffffff08;border-radius:14px;font-family:var(--font-game);font-size:.6rem;font-weight:700;letter-spacing:2px;cursor:pointer;text-decoration:none;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s,color .2s,transform .1s}.discord-login-btn:before,.google-login-btn:before,.apple-login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;opacity:0;transition:opacity .25s}.discord-login-btn{border:1px solid rgba(88,101,242,.28);color:#8c96ffcc}.discord-login-btn:before{background:radial-gradient(ellipse at 50% 0%,rgba(88,101,242,.12) 0%,transparent 70%)}.discord-login-btn:hover{border-color:#5865f2a6;color:#aab2ff;box-shadow:0 0 22px #5865f247;transform:translateY(-1px)}.discord-login-btn:hover:before{opacity:1}.discord-login-btn:active{transform:translateY(0)}.google-login-btn{border:1px solid rgba(255,255,255,.12);color:#dcdcdcbf}.google-login-btn:before{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.07) 0%,transparent 70%)}.google-login-btn:hover{border-color:#ffffff4d;color:#fff;box-shadow:0 0 22px #ffffff1a;transform:translateY(-1px)}.google-login-btn:hover:before{opacity:1}.google-login-btn:active{transform:translateY(0)}.auth-btn-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.auth-btn-label-main{font-family:var(--font-game);font-size:.6rem;font-weight:700;letter-spacing:1.5px;color:currentColor}.auth-btn-label-sub{font-family:var(--font-game);font-size:.5rem;font-weight:600;letter-spacing:1px;opacity:.55}.discord-or{display:flex;align-items:center;gap:10px;color:#444;font-size:.7rem;letter-spacing:2px;margin:2px 0}.discord-or:before,.discord-or:after{content:"";flex:1;height:1px;background:#222}.discord-identity{display:flex;align-items:center;gap:10px;background:#0e0e1a;border:1px solid #5865F2;border-radius:10px;padding:10px 14px;width:100%}.discord-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.discord-avatar--placeholder{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.discord-identity-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.discord-identity-name{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discord-identity-name-input{background:transparent;border:none;border-bottom:1px solid #4285F450;font-family:var(--font-game);font-size:.9rem;font-weight:700;color:#fff;padding:0 0 2px;width:100%;outline:none;letter-spacing:1px}.discord-identity-tag{font-size:.65rem;letter-spacing:1px;color:#5865f2}.discord-identity--google .discord-identity-tag{color:#4285f4}.discord-identity--google{border-color:#4285f4}.discord-logout-btn{background:none;border:none;color:#444;cursor:pointer;font-size:.85rem;padding:4px;line-height:1;transition:color .15s}.social-bar{display:flex;gap:8px;width:100%}.social-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 4px 10px;background:#060612d9;border:1px solid rgba(255,255,255,.07);border-radius:14px;cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s,transform .1s;color:#a0a0c88c;position:relative;overflow:hidden}.social-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.06),transparent 70%);opacity:0;transition:opacity .2s}.social-btn:hover:before{opacity:1}.social-btn:active{transform:scale(.96)}.social-btn-icon{display:flex;align-items:center;justify-content:center;width:28px;height:24px}.social-btn-label{font-family:var(--font-game);font-size:.52rem;font-weight:700;letter-spacing:1.2px;color:currentColor}.social-btn--discord{color:#5865f2bf;border-color:#5865f22e}.social-btn--discord:hover{border-color:#5865f28c;box-shadow:0 0 18px #5865f238;color:#8b96f7}.social-btn--telegram{color:#00a8e8bf;border-color:#00a8e82e}.social-btn--telegram:hover{border-color:#00a8e88c;box-shadow:0 0 18px #00a8e838;color:#29c5f6}.social-btn--whatsapp{color:#25d366bf;border-color:#25d3662e}.social-btn--whatsapp:hover{border-color:#25d3668c;box-shadow:0 0 18px #25d36638;color:#25d366}@keyframes heartPop{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.92)}to{transform:scale(1)}}.social-btn--heart{color:#ff3c78bf;border-color:#ff3c782e}.social-btn--heart:hover{border-color:#ff3c788c;box-shadow:0 0 18px #ff3c7838;color:#ff3c78}.social-btn--heart:active .social-btn-icon{animation:heartPop .35s ease-out forwards}.social-btn--chat{color:#00d4ffbf;border-color:#00d4ff2e}.social-btn--chat:hover{border-color:#00d4ff8c;box-shadow:0 0 18px #00d4ff38;color:#00d4ff}.lobby-waiting-actions{display:flex;flex-direction:column;gap:8px;justify-content:center;margin-top:20px;width:100%;max-width:320px;align-self:center}.lobby-waiting-actions .btn-leave-lobby{flex:1;margin-top:0;padding:10px 0;text-align:center;font-size:.68rem;letter-spacing:2px}.btn-chat-lobby{flex:1;border-color:#00d4ff47;color:#00d4ffbf}.btn-chat-lobby:hover{border-color:#00d4ffa6;color:#00d4ff;background:#00d4ff0f}.settings-btn{position:absolute;top:14px;right:14px;z-index:10;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(160,160,220,.18);border-radius:50%;color:#a0a0c873;cursor:pointer;padding:0;transition:border-color .2s,color .2s,background .2s}.settings-btn svg{transition:transform .5s cubic-bezier(.34,1.4,.64,1),opacity .2s;opacity:.6}.settings-btn:hover{border-color:#00d4ff66;color:#00d4ffcc;background:#00d4ff0d}.settings-btn:hover svg{opacity:1;transform:rotate(90deg)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0009;display:flex;align-items:center;justify-content:center;padding:0 16px}.settings-panel{background:#0d0d1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:280px;box-shadow:0 8px 40px #000000b3;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-title{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:3px;color:#00d4ff}.settings-close{background:none;border:none;color:#606080;font-size:1rem;cursor:pointer;padding:2px 6px;line-height:1;transition:color .2s}.settings-close:hover{color:#fff}.settings-body{padding:12px 0;max-height:72vh;overflow-y:auto}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:16px}.settings-divider{border:none;border-top:1px solid rgba(255,255,255,.05);margin:4px 0}.settings-label-group{display:flex;flex-direction:column;gap:2px}.settings-label{font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2px;color:#c8c8dccc}.settings-sub{font-family:Rajdhani,sans-serif;font-size:.72rem;color:#404060;letter-spacing:.5px}.settings-slider-wrap{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.settings-slider{width:110px;accent-color:#00d4ff;cursor:pointer}.settings-slider-val{font-family:Orbitron,sans-serif;font-size:.6rem;color:#00d4ff;width:32px;text-align:right}.settings-toggle{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:2px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:20px;color:#404060;padding:5px 14px;cursor:pointer;transition:all .2s;min-width:54px}.settings-toggle--on{background:#00d4ff1f;border-color:#00d4ff66;color:#00d4ff}.settings-row--column{flex-direction:column;align-items:flex-start;gap:10px}.settings-color-swatches{display:flex;gap:8px;flex-wrap:wrap}.settings-swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:transform .15s,border-color .15s;padding:0}.settings-swatch:hover{transform:scale(1.15)}.settings-swatch--active{border-color:#fff;box-shadow:0 0 0 2px #fff6;transform:scale(1.12)}.chat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000a6;display:flex;align-items:flex-end;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0)}.chat-panel{width:100%;max-width:520px;background:#0d0d1a;border:1px solid rgba(0,212,255,.2);border-bottom:none;border-radius:16px 16px 0 0;display:flex;flex-direction:column;height:82vh;box-shadow:0 -8px 40px #000000b3}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.chat-title{font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:3px;color:#00d4ff}.chat-close{background:none;border:none;color:#606080;font-size:1rem;cursor:pointer;padding:2px 6px;line-height:1;transition:color .2s}.chat-close:hover{color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:#1e1e40 transparent}.chat-empty{color:#404060;font-size:.75rem;text-align:center;margin:auto;letter-spacing:1px;font-family:Rajdhani,sans-serif}.chat-msg{display:flex;gap:8px;align-items:baseline;font-family:Rajdhani,sans-serif;font-size:.85rem}.chat-msg--system{justify-content:center}.chat-msg--system .chat-msg-text{color:#505070;font-size:.72rem;font-style:italic;letter-spacing:.5px}.chat-msg-name{font-weight:700;font-size:.72rem;letter-spacing:1px;white-space:nowrap;flex-shrink:0}.chat-msg-text{color:#4dc8ff;word-break:break-word;line-height:1.3}.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.06)}.chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e0e0f0;font-family:Rajdhani,sans-serif;font-size:.9rem;padding:8px 12px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#00d4ff66}.chat-input::placeholder{color:#404060}.chat-send{background:#00d4ff1f;border:1px solid rgba(0,212,255,.3);border-radius:8px;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2px;padding:8px 14px;cursor:pointer;transition:background .2s,border-color .2s}.chat-send:hover:not(:disabled){background:#00d4ff38;border-color:#00d4ff99}.chat-send:disabled{opacity:.35;cursor:default}.chat-msg-wrap{display:flex;flex-direction:column;gap:4px}.chat-msg-more{margin-left:auto;flex-shrink:0;background:none;border:none;color:#404060;font-size:1rem;line-height:1;padding:0 4px;cursor:pointer}.chat-msg-more:hover{color:#c0c0e0}.chat-msg-actions{display:flex;gap:6px;padding-left:4px}.chat-action{background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#c0c0e0;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700;letter-spacing:1.5px;padding:6px 10px;cursor:pointer}.chat-action--report{color:#f80;border-color:#ff880059}.chat-action--block{color:#ff4d6d;border-color:#ff4d6d59}.chat-notice{margin:0 12px 6px;padding:6px 10px;border-radius:8px;background:#00d4ff14;color:#9fe6ff;font-family:Rajdhani,sans-serif;font-size:.8rem;text-align:center}.chat-gate{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);color:#8080a8;font-family:Rajdhani,sans-serif;font-size:.85rem;text-align:center}.chat-gate--rules p{margin:0 0 10px;color:#b0b0d0;line-height:1.35;text-align:left}.chat-gate-actions{display:flex;gap:8px;justify-content:flex-end}.settings-account-name{font-family:Rajdhani,sans-serif;font-size:.85rem;color:#c0c0e0}.settings-danger{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:1.5px;background:#ff174414;border:1px solid rgba(255,23,68,.4);border-radius:20px;color:#ff4d6d;padding:6px 14px;cursor:pointer}.settings-danger:disabled{opacity:.4;cursor:default}.settings-confirm{margin:0 18px 8px;padding:10px 12px;border-radius:10px;background:#ff17440f;border:1px solid rgba(255,23,68,.25);font-family:Rajdhani,sans-serif;font-size:.85rem;color:#d0d0e8;line-height:1.35}.settings-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.settings-blocked-list{display:flex;flex-wrap:wrap;gap:6px}.settings-blocked-item{display:inline-flex;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-size:.8rem;color:#c0c0e0;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:3px 4px 3px 10px}.settings-blocked-item button{background:none;border:none;color:#00d4ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.45rem;letter-spacing:1px;padding:3px 6px}.settings-links{display:flex;flex-wrap:wrap;gap:14px}.settings-link{background:none;border:none;padding:0;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.8rem;color:#4dc8ff;text-decoration:underline}.spec-lobby{display:flex;flex-direction:column;height:100vh;width:100vw;background:#0a0a0f;font-family:"Exo 2",sans-serif}.spec-lobby-header{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #1e1e30;background:#0d0d16}.spec-logo{font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;color:#00d4ff;letter-spacing:2px}.spec-lobby-title{font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:3px;color:#6060a0;font-weight:600}.spec-lobby-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:12px}.spec-lobby-empty{text-align:center;color:#6060a0;padding:60px 0;font-size:15px;line-height:2}.spec-champion-block{background:#ffd7000a;border:1px solid rgba(255,215,0,.2);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.spec-champion-display{display:flex;flex-direction:column;align-items:center;gap:4px}.spec-champion-label{font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:3px;color:#ffd70080}.spec-champion-name{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:3px;color:gold;text-shadow:0 0 12px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.4);animation:champGlow 2s ease-in-out infinite}.spec-champion-none{font-family:Rajdhani,sans-serif;font-size:.85rem;color:#404060;letter-spacing:2px}@keyframes champGlow{0%,to{text-shadow:0 0 12px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.4)}50%{text-shadow:0 0 20px rgba(255,215,0,1),0 0 50px rgba(255,215,0,.6)}}.spec-champion-set{display:flex;gap:8px}.spec-champion-input{flex:1;background:#ffffff0a;border:1px solid rgba(255,215,0,.2);border-radius:8px;color:#e0e0f0;font-family:Rajdhani,sans-serif;font-size:.9rem;padding:8px 12px;outline:none;transition:border-color .2s}.spec-champion-input:focus{border-color:#ffd70080}.spec-champion-input::placeholder{color:#404060}.spec-champion-btn{background:#ffd7001f;border:1px solid rgba(255,215,0,.35);border-radius:8px;color:gold;font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:2px;padding:8px 16px;cursor:pointer;transition:background .2s,border-color .2s}.spec-champion-btn:hover:not(:disabled){background:#ffd70038;border-color:#ffd70099}.spec-champion-btn:disabled{opacity:.35;cursor:default}.spec-lobby-footer{padding:12px 24px;border-top:1px solid #1e1e30;font-size:11px;color:#334;letter-spacing:1px;text-align:center}.spec-room-card{background:#12121a;border:1px solid #1e1e30;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.spec-room-card:hover{border-color:#2a2a44}.spec-room-top{display:flex;align-items:center;gap:10px}.spec-room-mode{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;padding:3px 8px;border-radius:4px}.spec-room-mode--zone{background:#032;color:#0f8;border:1px solid #00ff8844}.spec-room-mode--elimination{background:#202;color:#f0a;border:1px solid #ff00aa44}.spec-room-mode--score{background:#023;color:#00d4ff;border:1px solid #00d4ff44}.spec-room-status{font-size:12px;font-weight:600;letter-spacing:1px}.spec-room-id{margin-left:auto;font-family:Orbitron,sans-serif;font-size:11px;color:#334;letter-spacing:2px}.spec-room-players{display:flex;gap:12px;flex-wrap:wrap}.spec-room-player{display:flex;align-items:center;gap:5px;font-size:13px;color:#e0e0f0}.spec-room-player--empty{color:#2a2a44}.spec-room-player-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.spec-room-btn{align-self:flex-end;background:#001a2e;border:1px solid #00d4ff44;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;padding:8px 18px;border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.spec-room-btn:hover{background:#002a44;border-color:#00d4ff88}.spec-root{display:flex;flex-direction:column;width:100vw;height:100vh;background:#0a0a0f;overflow:hidden}.spec-topbar{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;background:#0d0d16;border-bottom:1px solid #1e1e30;flex-shrink:0}.spec-topbar-logo{font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;color:#00d4ff;letter-spacing:2px}.spec-topbar-mode{font-family:Orbitron,sans-serif;font-size:11px;color:#0f8;letter-spacing:3px;font-weight:700}.spec-topbar-round{font-family:Rajdhani,sans-serif;font-size:13px;color:#6060a0;font-weight:600;letter-spacing:2px}.spec-topbar-status{font-family:Rajdhani,sans-serif;font-size:12px;letter-spacing:1px;font-weight:600}.spec-topbar-spacer{flex:1}.spec-topbar-conn{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px}.spec-topbar-back{background:none;border:1px solid #1e1e30;color:#6060a0;font-size:11px;letter-spacing:1px;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:600;transition:color .15s,border-color .15s}.spec-topbar-back:hover{color:#e0e0f0;border-color:#4040a0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;flex:1;gap:2px;background:#0d0d16}.spec-grid--finale{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.spec-cell{background:#0a0a0f;display:flex;flex-direction:column;overflow:hidden;position:relative}.spec-cell--empty{display:flex;align-items:center;justify-content:center;background:#08080e}.spec-cell-header{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;background:#0009;flex-shrink:0;border-bottom-width:2px}.spec-cell-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.spec-cell-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:15px;letter-spacing:1.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.spec-grid--finale .spec-cell-name{font-size:20px;letter-spacing:2px}.spec-grid--finale .spec-cell-header{height:58px}.spec-grid--finale .spec-cell-dot{width:14px;height:14px}.spec-cell-bot{font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;color:#334;border:1px solid #2a2a44;border-radius:3px;padding:1px 4px}.spec-cell-spacer{flex:1}.spec-cell-zones{display:flex;gap:5px;align-items:center}.spec-zone-dot{display:inline-block;width:10px;height:10px;border-radius:50%;transition:background .2s,box-shadow .2s}.spec-cell-lives{display:flex;gap:5px;align-items:center}.spec-life-dot{width:10px;height:10px;border-radius:50%;transition:background .2s,box-shadow .2s}.spec-cell-score{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px}.spec-cell--elim{opacity:.55}.spec-timer-bar{position:relative;height:8px!important;margin:0!important;width:100%!important;border-radius:0!important}.spec-grid--finale .spec-timer-bar{height:12px!important}@keyframes specWinnerPulse{0%,to{opacity:1;filter:drop-shadow(0 0 4px currentColor)}50%{opacity:.55;filter:drop-shadow(0 0 12px currentColor)}}.spec-winner-badge{display:flex;align-items:center;gap:5px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;white-space:nowrap;animation:specWinnerPulse 1.4s ease-in-out infinite}.spec-loser-badge{font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;color:#333;white-space:nowrap}.spec-grid--finale .spec-winner-badge{font-size:15px}.spec-grid--finale .spec-loser-badge{font-size:13px}.spec-topbar-icon{background:transparent;border:1px solid #2a2a44;color:#6060a0;border-radius:4px;padding:4px 7px;cursor:pointer;display:flex;align-items:center;transition:color .15s,border-color .15s}.spec-topbar-icon:hover{color:#aac;border-color:#4a4a70}.spec-cell-status{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;white-space:nowrap;margin-left:4px}.spec-cell-canvas{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.spec-cell-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;width:100%;height:100%}.spec-waiting-ring{width:80px;height:80px;border-radius:50%;border:3px solid;opacity:.4}.spec-waiting-ring--pulse{animation:specPulse .8s ease-in-out infinite alternate;opacity:.9}@keyframes specPulse{0%{transform:scale(.9);opacity:.5}to{transform:scale(1.1);opacity:1}}.discord-logout-btn:hover{color:#f46}.t-heart{font-size:18px;color:#f05;transition:opacity .2s;margin-right:2px}.t-waiting-root{display:flex;flex-direction:column;height:100%;width:100%;background:#0a0a0f;font-family:"Exo 2",sans-serif}.t-waiting-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 20px 16px;border-bottom:1px solid #1e1e30;background:#0d0d16}.t-waiting-badge{font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:3px;color:#f80;font-weight:700}.t-waiting-code{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;color:#00d4ff;letter-spacing:8px}.t-waiting-config{display:flex;gap:8px}.t-config-chip{background:#1a1a2a;border:1px solid #2a2a44;border-radius:6px;padding:4px 10px;font-size:11px;letter-spacing:1px;color:#aac;font-family:Rajdhani,sans-serif;font-weight:600}.t-waiting-body{flex:1;overflow-y:auto;padding:16px 20px}.t-section-label{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:3px;color:#6060a0;margin-bottom:10px;font-weight:700}.t-participants-list{display:flex;flex-direction:column;gap:8px}.t-participant-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#12121a;border:1px solid #1e1e30;border-radius:8px}.t-participant-row--me{border-color:#00d4ff44;background:#001a2a}.t-participant-name{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#e0e0f0}.t-me-badge{font-family:Orbitron,sans-serif;font-size:9px;background:#00d4ff22;color:#00d4ff;border:1px solid #00d4ff44;border-radius:4px;padding:2px 5px;letter-spacing:1px}.t-participant-hearts{display:flex;align-items:center}.t-waiting-footer{padding:16px 20px;border-top:1px solid #1e1e30;display:flex;flex-direction:column;gap:6px}.t-waiting-pulse{display:flex;align-items:center;gap:8px;color:#aac;font-size:13px}.t-pulse-dot{width:8px;height:8px;border-radius:50%;background:#0f8;animation:tPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes tPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}.t-waiting-hint{font-size:12px;color:#6060a0;text-align:center}.t-empty{color:#6060a0;text-align:center;padding:30px 0;font-size:14px}.t-standings-root{display:flex;flex-direction:column;height:100%;width:100%;background:#0a0a0f;font-family:"Exo 2",sans-serif}.t-standings-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border-bottom:1px solid #1e1e30;background:#0d0d16}.t-standings-trophy{font-size:48px}.t-standings-title{font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;color:#e0e0f0;letter-spacing:3px}.t-standings-sub{font-size:13px;color:#6060a0;letter-spacing:1px}.t-standings-champion{display:flex;flex-direction:column;align-items:center;gap:4px}.t-champ-label{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:3px;color:#f80}.t-champ-name{font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;color:#0f8;text-shadow:0 0 20px #00ff88}.t-eliminated-banner{background:#2a0010;border:1px solid #ff005544;border-radius:8px;padding:8px 16px;color:#f05;font-size:13px;letter-spacing:2px;font-family:Orbitron,sans-serif}.t-standings-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:8px}.t-standing-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#12121a;border:1px solid #1e1e30;border-radius:8px;transition:background .15s}.t-standing-row--me{border-color:#00d4ff44;background:#001a2a}.t-standing-row--elim{opacity:.5}.t-standing-row--lead{border-color:#f804;background:#1a0f00}.t-standing-pos{font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;min-width:32px;text-align:center}.t-standing-name{flex:1;font-size:15px;font-weight:700;color:#e0e0f0;display:flex;align-items:center;gap:8px}.t-hearts-row{display:flex;align-items:center}.t-standings-footer{padding:16px 20px;border-top:1px solid #1e1e30;display:flex;justify-content:center}.t-standings-wait{display:flex;align-items:center;gap:8px;color:#aac;font-size:13px}.t-standings-done{color:#0f8;font-size:15px;font-weight:700}.spec-home-btn{display:flex;align-items:center;gap:16px;background:#12121a;border-radius:12px;border:1px solid #1e1e30;padding:20px;cursor:pointer;text-align:left;width:100%;transition:border-color .15s,background .15s}.spec-home-btn:hover{background:#1a1a2a;border-color:#2a2a44}.spec-home-btn--watch{border-top:2px solid #00d4ff44}.spec-home-btn--tourn{border-top:2px solid #ff880044}.spec-home-icon{font-size:32px;flex-shrink:0}.spec-home-btn-title{font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;letter-spacing:2px;color:#e0e0f0;margin-bottom:4px}.spec-home-btn-sub{font-size:12px;color:#6060a0}.tourn-config-section{background:#12121a;border:1px solid #1e1e30;border-radius:10px;padding:14px 16px}.tourn-config-label{font-family:Orbitron,sans-serif;font-size:10px;letter-spacing:2px;color:#6060a0;margin-bottom:10px;font-weight:700}.tourn-config-row{display:flex;gap:8px;flex-wrap:wrap}.tourn-config-chip{background:#1a1a2a;border:1px solid #2a2a44;color:#6060a0;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12px;letter-spacing:1px;font-family:Rajdhani,sans-serif;font-weight:600;transition:all .15s}.tourn-config-chip--active{background:#001a2a;border-color:#00d4ff88;color:#00d4ff}.tourn-config-chip:hover{border-color:#4040a0;color:#e0e0f0}.tourn-host-panel{width:280px;flex-shrink:0;background:#0d0d16;border-right:1px solid #1e1e30;display:flex;flex-direction:column;padding:14px 12px;gap:10px;overflow:hidden}.tourn-host-code{font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;color:#00d4ff;letter-spacing:4px;text-align:center;padding:8px 0;border-bottom:1px solid #1e1e30}.tourn-host-btn{border:none;border-radius:8px;padding:12px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;letter-spacing:2px;width:100%;transition:opacity .15s}.tourn-host-btn:hover{opacity:.85}.tourn-host-btn--start{background:#0f8;color:#001a0e}.tourn-host-btn--next{background:#f80;color:#1a0800}.tourn-host-btn--cancel{background:transparent;color:#f05;border:1px solid #ff005544;margin-top:8px;font-size:10px;padding:6px 12px}.tourn-host-waiting{font-size:12px;color:#6060a0;text-align:center;padding:8px;letter-spacing:1px;animation:tPulse 1.5s infinite}.tourn-standings-title{font-family:Orbitron,sans-serif;font-size:9px;letter-spacing:3px;color:#6060a0;font-weight:700}.tourn-standings-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1;min-height:0}.tourn-standing-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:#12121a;border:1px solid #1a1a28;font-size:13px}.tourn-standing-row--elim{opacity:.4}.tourn-standing-pos{font-size:13px;min-width:20px;text-align:center}.tourn-standing-name{flex:1;color:#e0e0f0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tourn-hearts{display:flex}.tourn-room-row{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#12121a;border:1px solid #1a1a28;border-radius:6px;font-size:12px}.tourn-room-status{font-size:12px}.tourn-room-status--complete{opacity:.5}.tourn-room-players{flex:1;color:#aac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tourn-room-watch{background:none;border:1px solid #2a2a44;border-radius:4px;cursor:pointer;padding:2px 6px;font-size:12px;color:#6060a0;transition:color .15s}.tourn-room-watch:hover{color:#00d4ff;border-color:#00d4ff44}.tournament-join-btn{background:#1a0f00;border:1px solid #ff880044;color:#f80;border-radius:8px;padding:6px 14px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:4px;transition:background .15s,box-shadow .3s,border-color .3s}.tournament-join-btn:hover:not(:disabled){background:#2a1800}.tournament-join-btn--active{border-color:#f80;color:#fa0;box-shadow:0 0 10px #f806,0 0 20px #f803;animation:tourn-pulse 1.8s ease-in-out infinite}.tournament-join-btn--inactive{opacity:.35;cursor:default}.tournament-join-count{font-size:9px;opacity:.8}@keyframes tourn-pulse{0%,to{box-shadow:0 0 8px #f805,0 0 16px #f802}50%{box-shadow:0 0 14px #f80a,0 0 28px #f805}}.tourn-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center}.tourn-modal{background:#12121a;border:1px solid #1e1e30;border-radius:16px;padding:24px 20px;width:280px;display:flex;flex-direction:column;gap:12px}.tourn-modal-title{font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;color:#f80;letter-spacing:2px;text-align:center}.tourn-modal-sub{font-size:13px;color:#6060a0;text-align:center}.tourn-modal-input{background:#0a0a0f;border:1px solid #2a2a44;border-radius:8px;padding:12px 14px;color:#e0e0f0;font-size:24px;font-weight:900;font-family:Orbitron,sans-serif;letter-spacing:8px;text-align:center;width:100%}.tourn-modal-input:focus{outline:none;border-color:#f80a}.bz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px}.bz-panel{width:100%;max-width:480px;max-height:92vh;background:#0a0a14;border:1px solid rgba(0,212,255,.2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.bz-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.bz-title{font-family:Orbitron,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:2px;color:var(--cyan)}.bz-close{background:none;border:none;color:#444;cursor:pointer;font-size:.85rem;padding:4px;transition:color .15s}.bz-close:hover{color:#f46}.bz-auth{display:flex;flex-direction:column;gap:10px;padding:24px 20px}.bz-input{background:#0e0e1a;border:1px solid #222;border-radius:8px;color:#fff;font-family:var(--font-game);font-size:.85rem;padding:10px 14px;outline:none;letter-spacing:1px;transition:border-color .15s}.bz-input:focus{border-color:#00d4ff80}.bz-body{overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:8px}.bz-preview{background:#00d4ff0a;border:1px solid rgba(0,212,255,.1);border-radius:10px;padding:10px 12px;margin-bottom:4px}.bz-preview-title{font-family:Orbitron,sans-serif;font-size:.55rem;letter-spacing:2px;color:#555;margin-bottom:10px}.bz-preview-grid{display:flex;align-items:flex-end;gap:6px;height:70px}.bz-preview-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;height:100%;justify-content:flex-end}.bz-preview-bar{width:100%;border-radius:3px 3px 0 0;transition:height .25s ease,background .25s ease;min-height:3px}.bz-preview-lvl{font-size:.5rem;color:#555;letter-spacing:1px}.bz-preview-pct{font-size:.6rem;font-weight:700}.bz-preview-elo{font-size:.48rem;color:#555;white-space:nowrap}.bz-preview-legend{font-size:.5rem;color:#555;margin-top:6px;text-align:right}.bz-divider{height:1px;background:#ffffff0d;margin:2px 0}.bz-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.bz-row-label{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.bz-label{font-family:Orbitron,sans-serif;font-size:.6rem;letter-spacing:1px;color:#ccc}.bz-sub{font-size:.52rem;color:#555;letter-spacing:.5px}.bz-slider-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.bz-slider{width:110px;accent-color:var(--cyan);cursor:pointer}.bz-val{font-family:var(--font-game);font-size:.7rem;color:var(--cyan);min-width:44px;text-align:right}.bz-actions{display:flex;gap:8px;margin-top:8px}.bz-btn-primary{flex:1;padding:10px;background:linear-gradient(135deg,var(--cyan),#0088bb);border:none;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:2px;color:#fff;cursor:pointer;transition:opacity .15s}.bz-btn-primary:disabled{opacity:.4;cursor:default}.bz-btn-primary:not(:disabled):hover{opacity:.85}.bz-btn-reset{padding:10px 16px;background:transparent;border:1px solid #333;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:2px;color:#555;cursor:pointer;transition:color .15s,border-color .15s}.bz-btn-reset:hover{color:#f46;border-color:#f464}.bz-msg{text-align:center;font-size:.7rem;color:var(--cyan);padding:4px 0}.private-join-btn{min-height:44px;font-family:var(--font-game);font-size:.62rem;font-weight:700;letter-spacing:2px;cursor:pointer;border-radius:10px;transition:border-color .2s,background .2s,color .2s,opacity .2s}.private-join{width:100%;min-height:48px;display:flex;border:1px solid var(--bg-border);border-radius:10px;background:var(--bg-card);overflow:hidden;transition:border-color .2s,box-shadow .2s}.private-join:focus-within{border-color:#00d4ff80}.private-join--invited{border-color:#ff00aa8c;box-shadow:0 0 14px #ff00aa2e}.private-code-input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:0 12px;font-family:var(--font-game);font-size:1.05rem;font-weight:900;letter-spacing:6px;text-align:center;text-transform:uppercase;color:var(--text)}.private-code-input::placeholder{color:#34345a;letter-spacing:4px;font-size:.75rem;font-weight:700}.private-join-btn{flex:0 0 auto;padding:0 16px;background:#ff00aa14;border:none;border-left:1px solid var(--bg-border);border-radius:0;color:var(--pink)}.private-join-btn:active:not(:disabled){background:#f0a3}.private-join-btn:disabled{opacity:.3;cursor:default}.private-error{font-size:.78rem;font-weight:600;letter-spacing:1px;color:#f46;text-align:center}.private-code-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 14px 10px;border:1px solid rgba(0,212,255,.3);border-radius:14px;background:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.08) 0%,transparent 70%),var(--bg-card)}.private-code-caption{font-family:var(--font-game);font-size:.55rem;font-weight:700;letter-spacing:3px;color:var(--text-dim)}.private-code-value{display:flex;gap:8px;background:none;border:none;cursor:pointer;padding:0}.private-code-value span{width:46px;height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-game);font-size:1.9rem;font-weight:900;color:var(--text);background:#0b0b14;border:1px solid rgba(0,212,255,.45);border-radius:10px;text-shadow:0 0 12px rgba(0,212,255,.6)}.private-code-actions{display:flex;gap:8px;width:100%}.private-code-action{flex:1;min-height:44px;background:transparent;border:1px solid #1a2a40;border-radius:8px;color:#6a8ab0;font-family:var(--font-game);font-size:.6rem;font-weight:700;letter-spacing:2.5px;cursor:pointer}.private-code-action--share{border-color:#f0a6;color:var(--pink)}.private-code-action:active{background:#ffffff0d}.private-code-feedback{min-height:14px;font-size:.7rem;font-weight:700;letter-spacing:2px;color:var(--green);opacity:0;transition:opacity .2s}.private-code-feedback--on{opacity:1}.player-slot-host{font-size:.6rem;letter-spacing:2px;text-transform:uppercase;color:var(--orange);border:1px solid rgba(255,136,0,.4);border-radius:4px;padding:1px 5px;margin-right:6px}.private-wait-host{font-size:.8rem;letter-spacing:1.5px;color:var(--text-dim);text-align:center;padding:12px 0}.play-menu{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:12px;animation:play-menu-in .22s ease-out}@keyframes play-menu-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.play-menu-player{font-size:.75rem;letter-spacing:2px;color:var(--text-dim);text-align:center}.play-menu-player strong{color:var(--text);font-weight:700;margin-left:4px}.play-menu-quick{width:100%}.play-menu-create{width:100%;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#ff00aa0f;border:1px solid rgba(255,0,170,.4);border-radius:10px;color:var(--pink);cursor:pointer;transition:background .2s,opacity .2s}.play-menu-create:active:not(:disabled){background:#ff00aa29}.play-menu-create:disabled{opacity:.3;cursor:default}.play-menu-create-main{font-family:var(--font-game);font-size:.72rem;font-weight:700;letter-spacing:2.5px}.play-menu-create-sub{font-size:.72rem;letter-spacing:1px;color:#ff78c899}.play-menu-join-label{margin-top:6px;font-family:var(--font-game);font-size:.58rem;font-weight:700;letter-spacing:3px;color:var(--text-dim);text-align:center}.play-menu-back{margin-top:4px;align-self:center}.player-slot--away{opacity:.55}.player-slot-away{font-size:.62rem;letter-spacing:1.5px;text-transform:lowercase;color:var(--orange);margin-right:6px;animation:pulse 1.4s ease-in-out infinite}.hud-card--away{opacity:.5;filter:grayscale(.6)}.hud-card--away .hud-card-name:after{content:" ⟳";color:var(--orange);animation:pulse 1.4s ease-in-out infinite}.quit-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;background:#05050ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:play-menu-in .18s ease-out}.quit-confirm-card{width:100%;max-width:320px;display:flex;flex-direction:column;gap:14px;padding:22px 20px 18px;background:var(--bg-card);border:1px solid rgba(255,0,170,.4);border-radius:16px;box-shadow:0 0 32px #ff00aa26;text-align:center}.quit-confirm-title{font-family:var(--font-game);font-size:.95rem;font-weight:900;letter-spacing:3px;color:var(--text)}.quit-confirm-text{font-size:.85rem;letter-spacing:.5px;color:var(--text-dim)}.quit-confirm-actions{display:flex;gap:10px;margin-top:4px}.quit-confirm-btn{flex:1;min-height:48px;font-family:var(--font-game);font-size:.72rem;font-weight:700;letter-spacing:2.5px;border-radius:10px;cursor:pointer}.quit-confirm-btn--stay{background:#00d4ff1f;border:1px solid rgba(0,212,255,.5);color:var(--cyan)}.quit-confirm-btn--leave{background:transparent;border:1px solid #3a2030;color:#b06080}.quit-confirm-btn:active{transform:scale(.97)}.mode-selector{gap:6px}.mode-selector .mode-btn{padding:12px 4px 10px;min-width:0}.mode-selector .mode-btn-label{font-size:.56rem;letter-spacing:1px;white-space:nowrap}.hud-zone-row{display:flex;align-items:center;gap:8px}.hud-lives--mini{gap:3px}.hud-lives--mini .hud-life{width:6px;height:6px}.apple-login-btn{border:1px solid rgba(255,255,255,.16);color:#ebebf5d9}.apple-login-btn:before{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.09) 0%,transparent 70%)}.apple-login-btn:hover{border-color:#ffffff57;color:#fff;box-shadow:0 0 22px #ffffff1a;transform:translateY(-1px)}.apple-login-btn:hover:before{opacity:1}.apple-login-btn:active{transform:translateY(0)}