.tabbar{position:fixed;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.06);background:#06091af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 4px calc(4px + env(safe-area-inset-bottom,0px));display:flex;align-items:stretch;height:calc(52px + env(safe-area-inset-bottom,0px));z-index:100}.tabbar-item{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:0 4px;margin:0 1px;min-width:0;position:relative;flex:1 1 42px;transition:flex .35s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease;border-top:2px solid transparent;border-radius:10px 10px 0 0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.tabbar-item.active{flex:1.8 1 60px;border-top-color:#22d3ee;background:linear-gradient(180deg,rgba(34,211,238,.08) 0%,transparent 100%)}.tabbar-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.tabbar-item.active .tabbar-icon{transform:scale(1.1)}.tabbar-label{font-family:var(--font-display);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;overflow:hidden;color:#ffffff4d;-webkit-text-stroke:0;width:0;opacity:0;transition:width .35s cubic-bezier(.22,1,.36,1),opacity .3s ease}.tabbar-item.active .tabbar-label{width:auto;opacity:1;color:#22d3ee}.tabbar-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444cc;border:1.5px solid #0a0e1a}.tabbar-soon{position:absolute;top:2px;right:2px;background:#a78bfa;color:#0a0e1a;font-family:var(--font-display);font-size:6px;font-weight:700;padding:1px 4px;border-radius:3px;letter-spacing:.5px;text-transform:uppercase;-webkit-text-stroke:0}.mode-carousel{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:5;margin:10px auto 0;user-select:none;-webkit-user-select:none}.mode-carousel-label{font-family:var(--font-body);font-weight:500;font-size:10px;color:#ffffff38;text-transform:uppercase;letter-spacing:2px}.mode-carousel-content{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:180px;transition:opacity .15s ease}.mode-carousel-content--fading{opacity:0}.mode-carousel-name-wrap{display:flex;align-items:center;gap:8px}.mode-carousel-name{font-family:var(--font-display);font-weight:900;font-size:clamp(18px,5vw,24px);color:#fff;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.mode-carousel-soon{font-family:var(--font-display);font-weight:700;font-size:8px;text-transform:uppercase;letter-spacing:.1em;background:#fbbf24;color:#0a0e1a;padding:2px 6px;border-radius:4px;flex-shrink:0}.mode-carousel-desc{font-family:var(--font-body);font-weight:500;font-size:12px;text-align:center;background:linear-gradient(135deg,#d97706,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-carousel-toast{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);background:#000c;color:#fffc;font-family:var(--font-body);font-weight:500;font-size:12px;padding:4px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;animation:carouselToastIn .2s ease-out}@keyframes carouselToastIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bgfx-layer{position:absolute;inset:0;mix-blend-mode:screen;pointer-events:none;overflow:hidden}.bgfx-scanlines .bgfx-layer{background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,var(--fx-color, #22d3ee) 3px,var(--fx-color, #22d3ee) 4px);opacity:.08;animation:scanlines-scroll 4s linear infinite}@keyframes scanlines-scroll{0%{transform:translateY(0)}to{transform:translateY(20px)}}.bgfx-hexgrid .bgfx-layer{background-image:linear-gradient(30deg,var(--fx-color, #22d3ee) 12%,transparent 12.5%,transparent 87%,var(--fx-color, #22d3ee) 87.5%),linear-gradient(150deg,var(--fx-color, #22d3ee) 12%,transparent 12.5%,transparent 87%,var(--fx-color, #22d3ee) 87.5%),linear-gradient(30deg,var(--fx-color, #22d3ee) 12%,transparent 12.5%,transparent 87%,var(--fx-color, #22d3ee) 87.5%),linear-gradient(150deg,var(--fx-color, #22d3ee) 12%,transparent 12.5%,transparent 87%,var(--fx-color, #22d3ee) 87.5%),linear-gradient(60deg,rgba(34,211,238,.25) 25%,transparent 25.5%,transparent 75%,rgba(34,211,238,.25) 75%),linear-gradient(60deg,rgba(34,211,238,.25) 25%,transparent 25.5%,transparent 75%,rgba(34,211,238,.25) 75%);background-size:40px 70px;background-position:0 0,0 0,20px 35px,20px 35px,0 0,20px 35px;opacity:.06;animation:hexgrid-drift 8s linear infinite}@keyframes hexgrid-drift{0%{transform:translate(0);opacity:.04}50%{opacity:.09}to{transform:translate(40px);opacity:.04}}.bgfx-plasma .plasma-blob{position:absolute;border-radius:50%;filter:blur(30px)}.bgfx-plasma .pb-a{width:160px;height:120px;background:var(--fx-color, #22d3ee);opacity:.15;top:-20px;left:-30px;animation:plasma-a 6s ease-in-out infinite}.bgfx-plasma .pb-b{width:140px;height:100px;background:var(--fx-color, #22d3ee);opacity:.12;bottom:-30px;right:-20px;animation:plasma-b 7s ease-in-out infinite}.bgfx-plasma .pb-c{width:100px;height:80px;background:var(--fx-color, #22d3ee);opacity:.1;top:20px;left:40%;animation:plasma-c 5s ease-in-out infinite}@keyframes plasma-a{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,20px) scale(1.2)}66%{transform:translate(40px,-10px) scale(.9)}}@keyframes plasma-b{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,-15px) scale(1.1)}66%{transform:translate(-30px,10px) scale(.85)}}@keyframes plasma-c{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.3)}}.bgfx-rain .raindrop{position:absolute;top:-10px;width:1.5px;border-radius:0 0 1px 1px;background:linear-gradient(to bottom,transparent,var(--fx-color, #22d3ee));opacity:.5;animation:rain-fall linear infinite}@keyframes rain-fall{0%{transform:translateY(-10px) translate(0);opacity:.4}10%{opacity:.6}90%{opacity:.5}to{transform:translateY(120px) translate(-8px);opacity:0}}.bgfx-embers .ember{position:absolute;bottom:-5px;border-radius:50%;background:var(--fx-color, #22d3ee);box-shadow:0 0 6px var(--fx-color, #22d3ee),0 0 12px var(--fx-color, #22d3ee);animation:ember-rise ease-out infinite}@keyframes ember-rise{0%{transform:translateY(0) scale(1);opacity:.8}30%{opacity:.9}60%{opacity:.5}to{transform:translateY(-120px) scale(.3);opacity:0}}.bgfx-prismatic .bgfx-layer{background:linear-gradient(120deg,#ff000026,#ffa50026,#ffff0026,#00ff0026,#00c8ff26,#8a2be226,#ff000026);background-size:300% 100%;animation:prismatic-sweep 5s linear infinite}@keyframes prismatic-sweep{0%{background-position:0% 50%}to{background-position:300% 50%}}.bgfx-arcs svg{position:absolute;inset:0;width:100%;height:100%}.bgfx-arcs .arc-path{fill:none;stroke:var(--fx-color, #22d3ee);stroke-width:1.5;stroke-linecap:round;filter:url(#glow);stroke-dasharray:15 185;animation:arc-dash 2s linear infinite}.bgfx-arcs .arc-path:nth-child(2){animation-delay:-.7s;stroke-dasharray:20 180}.bgfx-arcs .arc-path:nth-child(3){animation-delay:-1.4s;stroke-dasharray:12 188}@keyframes arc-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}.bgfx-liquid .bgfx-layer{background:radial-gradient(ellipse at 30% 50%,var(--fx-color, #22d3ee) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,var(--fx-color, #22d3ee) 0%,transparent 50%);opacity:.15;filter:url(#liquid-turb);animation:liquid-op 4s ease-in-out infinite}@keyframes liquid-op{0%,to{opacity:.1}50%{opacity:.2}}.bgfx-star .star-group{position:absolute}.bgfx-star .sg-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;filter:blur(.5px)}.bgfx-star .sg-trail{position:absolute;width:80px;height:2px;background:linear-gradient(to right,rgba(255,255,255,.8),rgba(255,255,255,.3) 30%,transparent);filter:blur(.5px);transform-origin:left center;transform:rotate(-25deg)}.bgfx-star .sg-glow{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,var(--fx-color, #22d3ee) 0%,transparent 70%);margin:-4px 0 0 -4px}.bgfx-star .sg1{top:12%;left:-90px;animation:star-fly-1 10s linear infinite;opacity:0}.bgfx-star .sg2{top:40%;left:-90px;animation:star-fly-2 14s 5.5s linear infinite;opacity:0}@keyframes star-fly-1{0%{transform:translate(0);opacity:0}1%{opacity:0}2%{opacity:1}14%{opacity:.9}16%{transform:translate(560px,70px);opacity:0}to{opacity:0}}@keyframes star-fly-2{0%{transform:translate(0);opacity:0}1%{opacity:0}1.5%{opacity:1}10%{opacity:.8}12%{transform:translate(560px,50px);opacity:0}to{opacity:0}}.bgfx-fireflies .firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--fx-color, #22d3ee);box-shadow:0 0 8px var(--fx-color, #22d3ee),0 0 16px var(--fx-color, #22d3ee);animation:ff-wander ease-in-out infinite,ff-glow ease-in-out infinite}@keyframes ff-wander{0%{transform:translate(0)}25%{transform:translate(40px,-20px)}50%{transform:translate(-10px,15px)}75%{transform:translate(25px,5px)}to{transform:translate(0)}}@keyframes ff-glow{0%,to{opacity:.2}30%{opacity:.8}50%{opacity:.3}80%{opacity:.9}}.bgfx-datastream .stream-col{position:absolute;top:-20px;width:8px;display:flex;flex-direction:column;gap:2px;animation:ds-fall linear infinite;opacity:0}.bgfx-datastream .stream-col .bit{width:8px;height:10px;font-family:Orbitron,monospace;font-size:8px;color:var(--fx-color, #22d3ee);text-align:center;line-height:10px;text-shadow:0 0 4px var(--fx-color, #22d3ee)}.bgfx-datastream .stream-col .bit:first-child{color:#fff;text-shadow:0 0 6px var(--fx-color, #22d3ee),0 0 12px var(--fx-color, #22d3ee)}@keyframes ds-fall{0%{transform:translateY(-30px);opacity:0}5%{opacity:.7}85%{opacity:.5}to{transform:translateY(130px);opacity:0}}.bgfx-circuit svg{position:absolute;inset:0;width:100%;height:100%}.bgfx-circuit .circuit-path{fill:none;stroke:var(--fx-color, #c084fc);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.bgfx-circuit .circuit-glow{stroke-width:3;opacity:.2;filter:blur(2px)}.bgfx-circuit .cp-1{stroke-dasharray:300;stroke-dashoffset:300;animation:ct-draw 4s ease-in-out infinite}.bgfx-circuit .cp-2{stroke-dasharray:250;stroke-dashoffset:250;animation:ct-draw 5s 1s ease-in-out infinite}.bgfx-circuit .cp-3{stroke-dasharray:200;stroke-dashoffset:200;animation:ct-draw 3.5s 2s ease-in-out infinite}.bgfx-circuit .circuit-node{fill:var(--fx-color, #c084fc);opacity:0}.bgfx-circuit .circuit-node:nth-of-type(1){animation:ct-node 4s ease-in-out infinite}.bgfx-circuit .circuit-node:nth-of-type(2){animation:ct-node 5s 1s ease-in-out infinite}.bgfx-circuit .circuit-node:nth-of-type(3){animation:ct-node 3.5s 2s ease-in-out infinite}@keyframes ct-draw{0%{stroke-dashoffset:300;opacity:0}10%{opacity:.6}50%{stroke-dashoffset:0;opacity:.6}80%{opacity:.6}to{stroke-dashoffset:0;opacity:0}}@keyframes ct-node{0%,10%{opacity:0}50%{opacity:.8}80%{opacity:.8}to{opacity:0}}.bgfx-lightning svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.bgfx-lightning .bolt{fill:none;stroke:var(--fx-color, #22d3ee);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:url(#glow)}.bgfx-lightning .b-1{animation:bolt-flash 5s step-end infinite}.bgfx-lightning .b-2{animation:bolt-flash 5s 2.3s step-end infinite}.bgfx-lightning .b-3{animation:bolt-flash 7s 1s step-end infinite}.bgfx-lightning .flash-ov{position:absolute;inset:0;background:var(--fx-color, #22d3ee);opacity:0;z-index:1}.bgfx-lightning .fo-1{animation:banner-fl 5s step-end infinite}.bgfx-lightning .fo-2{animation:banner-fl 5s 2.3s step-end infinite}.bgfx-lightning .fo-3{animation:banner-fl 7s 1s step-end infinite}@keyframes bolt-flash{0%,to{opacity:0}2%{opacity:1}4%{opacity:0}5%{opacity:.8}7%{opacity:0}8%{opacity:.6}9%{opacity:0}}@keyframes banner-fl{0%,to{opacity:0}2%{opacity:.08}4%{opacity:0}5%{opacity:.05}7%{opacity:0}}.bgfx-flames .flame{position:absolute;bottom:-5px;border-radius:50% 50% 20% 20%;background:linear-gradient(to top,var(--fx-color, #22d3ee),var(--fx-color2, #0891b2),transparent);filter:blur(3px);animation:flame-dance ease-in-out infinite}.bgfx-flames .flame-base{position:absolute;bottom:0;left:0;right:0;height:25px;background:linear-gradient(to top,var(--fx-color, #22d3ee) 0%,transparent 100%);opacity:.12;filter:blur(6px);animation:fb-pulse 2s ease-in-out infinite}@keyframes flame-dance{0%,to{transform:scaleY(1) scaleX(1);opacity:.5}25%{transform:scaleY(1.4) scaleX(.85);opacity:.7}50%{transform:scaleY(1.1) scaleX(1.1);opacity:.4}75%{transform:scaleY(1.5) scaleX(.9);opacity:.65}}@keyframes fb-pulse{0%,to{opacity:.1}50%{opacity:.18}}.bgfx-shockwave .wave{position:absolute;left:-20px;top:50%;width:60px;height:60px;margin-top:-30px;border-radius:50%;border:2px solid var(--fx-color, #22d3ee);opacity:0;animation:sw-expand ease-out infinite}.bgfx-shockwave .wave:nth-child(1){animation-duration:3s}.bgfx-shockwave .wave:nth-child(2){animation-duration:3s;animation-delay:.6s}.bgfx-shockwave .wave:nth-child(3){animation-duration:3s;animation-delay:1.2s}.bgfx-shockwave .wave:nth-child(4){animation-duration:3s;animation-delay:1.8s}@keyframes sw-expand{0%{transform:scale(1);opacity:.6}to{transform:scale(9);opacity:0}}.bgfx-reactor .core{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--fx-color, #c084fc) 40%,transparent 70%);box-shadow:0 0 20px var(--fx-color, #c084fc),0 0 40px var(--fx-color, #c084fc),0 0 80px #c084fc4d;animation:rc-pulse 2s ease-in-out infinite}.bgfx-reactor .ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px solid var(--fx-color, #c084fc);animation:rc-spin linear infinite}.bgfx-reactor .ring-1{width:60px;height:60px;margin:-30px 0 0 -30px;border-color:var(--fx-color, #c084fc) transparent var(--fx-color, #c084fc) transparent;animation-duration:3s;opacity:.6}.bgfx-reactor .ring-2{width:85px;height:45px;margin:-22.5px 0 0 -42.5px;border-color:transparent var(--fx-color, #c084fc) transparent var(--fx-color, #c084fc);animation-duration:4.5s;animation-direction:reverse;opacity:.35}.bgfx-reactor .ring-3{width:110px;height:35px;margin:-17.5px 0 0 -55px;border-color:var(--fx-color, #c084fc) transparent transparent transparent;animation-duration:6s;opacity:.2}.bgfx-reactor .jet{position:absolute;left:50%;top:50%;width:3px;background:linear-gradient(to top,var(--fx-color, #c084fc),transparent);opacity:.4;filter:blur(1px);animation:rc-jet 2s ease-in-out infinite}.bgfx-reactor .jet-up{height:50px;transform:translate(-50%,-100%)}.bgfx-reactor .jet-down{height:50px;transform:translate(-50%) rotate(180deg)}@keyframes rc-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 30px var(--fx-color, #c084fc),0 0 60px var(--fx-color, #c084fc),0 0 100px #c084fc4d}}@keyframes rc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rc-jet{0%,to{opacity:.3}50%{opacity:.6}}.bgfx-aurora .aurora-band{position:absolute;left:-10%;width:120%;border-radius:50%;filter:blur(8px);opacity:0;animation:aurora-wave 6s ease-in-out infinite}.bgfx-aurora .ab-1{top:15%;height:30px;background:linear-gradient(90deg,transparent 5%,var(--fx-color, #22d3ee) 30%,rgba(192,132,252,.6) 60%,transparent 95%)}.bgfx-aurora .ab-2{top:35%;height:25px;background:linear-gradient(90deg,transparent 10%,rgba(192,132,252,.5) 35%,var(--fx-color, #22d3ee) 65%,transparent 90%);animation-delay:-2s}.bgfx-aurora .ab-3{top:55%;height:35px;background:linear-gradient(90deg,transparent 15%,var(--fx-color, #22d3ee) 40%,rgba(74,222,128,.5) 70%,transparent 85%);animation-delay:-4s}.bgfx-aurora .ab-4{top:70%;height:20px;background:linear-gradient(90deg,transparent 20%,rgba(74,222,128,.4) 50%,var(--fx-color, #22d3ee) 80%,transparent 95%);animation-delay:-1s}@keyframes aurora-wave{0%{opacity:0;transform:translate(-20px) scaleY(.8)}20%{opacity:.35}50%{opacity:.5;transform:translate(20px) scaleY(1.2)}80%{opacity:.35}to{opacity:0;transform:translate(-20px) scaleY(.8)}}.bgfx-nebula .cloud{position:absolute;border-radius:50%;filter:blur(20px)}.bgfx-nebula .nc-a{width:200px;height:100px;background:var(--fx-color, #22d3ee);opacity:.08;top:-20px;left:10%;animation:neb-a 10s ease-in-out infinite}.bgfx-nebula .nc-b{width:180px;height:90px;background:var(--fx-color2, #c084fc);opacity:.06;bottom:-25px;right:5%;animation:neb-b 12s ease-in-out infinite}.bgfx-nebula .nc-c{width:120px;height:70px;background:var(--fx-color, #22d3ee);opacity:.05;top:30%;left:40%;animation:neb-c 8s ease-in-out infinite}@keyframes neb-a{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.06}33%{transform:translate(40px,10px) scale(1.2) rotate(5deg);opacity:.1}66%{transform:translate(-20px,-5px) scale(.9) rotate(-3deg);opacity:.07}}@keyframes neb-b{0%,to{transform:translate(0) scale(1);opacity:.05}50%{transform:translate(-50px,10px) scale(1.15) rotate(4deg);opacity:.09}}@keyframes neb-c{0%,to{transform:translate(0) scale(1);opacity:.04}50%{transform:translate(20px,-10px) scale(1.3);opacity:.08}}.bgfx-solarflare .flare-source{position:absolute;right:-20px;top:30%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--fx-color, #fbbf24) 30%,transparent 70%);box-shadow:0 0 30px var(--fx-color, #fbbf24),0 0 60px var(--fx-color, #fbbf24);animation:sf-pulse 4s ease-in-out infinite}.bgfx-solarflare .flare-ray{position:absolute;right:0;height:1px;background:linear-gradient(to left,var(--fx-color, #fbbf24),transparent);opacity:.3;animation:sf-ray 4s ease-in-out infinite}.bgfx-solarflare .fr-1{top:25%;width:300px;animation-delay:.2s}.bgfx-solarflare .fr-2{top:35%;width:400px;opacity:.2;animation-delay:.4s}.bgfx-solarflare .fr-3{top:42%;width:250px;opacity:.15;animation-delay:.1s}.bgfx-solarflare .fr-4{top:50%;width:350px;opacity:.1;animation-delay:.6s}.bgfx-solarflare .lens-dot{position:absolute;border-radius:50%;background:var(--fx-color, #fbbf24);opacity:0;animation:sf-lens 4s ease-in-out infinite}.bgfx-solarflare .ld-1{width:8px;height:8px;left:60%;top:40%;animation-delay:.5s}.bgfx-solarflare .ld-2{width:12px;height:12px;left:35%;top:45%;animation-delay:.8s}.bgfx-solarflare .ld-3{width:5px;height:5px;left:20%;top:50%;animation-delay:1.1s}@keyframes sf-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}@keyframes sf-ray{0%,to{opacity:.15}50%{opacity:.4}}@keyframes sf-lens{0%,to{opacity:0}40%{opacity:.3}60%{opacity:.2}}.bgfx-cstorm .cs-nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 40%,var(--fx-color, #c084fc) 0%,transparent 50%),radial-gradient(ellipse at 80% 60%,var(--fx-color2, #22d3ee) 0%,transparent 50%);opacity:.12;animation:cs-neb 6s ease-in-out infinite;filter:blur(10px)}.bgfx-cstorm svg{position:absolute;inset:0;width:100%;height:100%;z-index:3}.bgfx-cstorm .cs-bolt{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;opacity:0}.bgfx-cstorm .csb-1{animation:cs-bf 4s step-end infinite}.bgfx-cstorm .csb-2{animation:cs-bf 5s 1.8s step-end infinite}.bgfx-cstorm .cs-flash{position:absolute;inset:0;z-index:2}.bgfx-cstorm .cf-1{background:radial-gradient(ellipse at 30% 40%,var(--fx-color, #c084fc) 0%,transparent 60%);animation:cs-af 4s step-end infinite}.bgfx-cstorm .cf-2{background:radial-gradient(ellipse at 75% 55%,var(--fx-color2, #22d3ee) 0%,transparent 60%);animation:cs-af 5s 1.8s step-end infinite}.bgfx-cstorm .cs-rain{position:absolute;top:-10px;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.4));z-index:1;animation:cs-rain-fall linear infinite}.bgfx-cstorm .cs-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;z-index:1}@keyframes cs-neb{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1) translate(10px);opacity:.18}}@keyframes cs-bf{0%,to{opacity:0}3%{opacity:1}5%{opacity:0}6%{opacity:.7}8%{opacity:0}}@keyframes cs-af{0%,to{opacity:0}3%{opacity:.15}5%{opacity:0}6%{opacity:.1}8%{opacity:0}}@keyframes cs-rain-fall{0%{transform:translateY(-10px) translate(0);opacity:0}5%{opacity:.4}90%{opacity:.3}to{transform:translateY(120px) translate(-5px);opacity:0}}.bgfx-supernova .sn-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--fx-color, #fbbf24),0 0 30px var(--fx-color, #fbbf24),0 0 60px var(--fx-color, #fbbf24);animation:sn-core 5s ease-in-out infinite;z-index:4}.bgfx-supernova .sn-wave{position:absolute;left:50%;top:50%;border-radius:50%;border:2px solid var(--fx-color, #fbbf24);opacity:0;z-index:3}.bgfx-supernova .sw-1{width:20px;height:20px;margin:-10px 0 0 -10px;animation:sn-wave 5s ease-out infinite}.bgfx-supernova .sw-2{width:20px;height:20px;margin:-10px 0 0 -10px;animation:sn-wave 5s .3s ease-out infinite}.bgfx-supernova .sw-3{width:20px;height:20px;margin:-10px 0 0 -10px;animation:sn-wave 5s .6s ease-out infinite}.bgfx-supernova .sn-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--fx-color, #fbbf24),transparent 60%);opacity:0;animation:sn-flash 5s ease-out infinite;z-index:1}.bgfx-supernova .sn-ray{position:absolute;left:50%;top:50%;width:2px;height:0;background:linear-gradient(to top,var(--fx-color, #fbbf24),transparent);transform-origin:bottom center;opacity:0;z-index:3}.bgfx-supernova .sr-1{transform:translate(-50%,-100%) rotate(0);animation:sn-ray 5s .1s ease-out infinite}.bgfx-supernova .sr-2{transform:translate(-50%,-100%) rotate(45deg);animation:sn-ray 5s .15s ease-out infinite}.bgfx-supernova .sr-3{transform:translate(-50%,-100%) rotate(90deg);animation:sn-ray 5s .2s ease-out infinite}.bgfx-supernova .sr-4{transform:translate(-50%,-100%) rotate(135deg);animation:sn-ray 5s .25s ease-out infinite}.bgfx-supernova .sr-5{transform:translate(-50%,-100%) rotate(180deg);animation:sn-ray 5s .3s ease-out infinite}.bgfx-supernova .sr-6{transform:translate(-50%,-100%) rotate(225deg);animation:sn-ray 5s .35s ease-out infinite}.bgfx-supernova .sr-7{transform:translate(-50%,-100%) rotate(270deg);animation:sn-ray 5s .1s ease-out infinite}.bgfx-supernova .sr-8{transform:translate(-50%,-100%) rotate(315deg);animation:sn-ray 5s .2s ease-out infinite}.bgfx-supernova .sn-orbit-ring{position:absolute;left:50%;top:50%;width:100px;height:30px;margin:-15px 0 0 -50px;border:1px solid var(--fx-color, #fbbf24);border-radius:50%;opacity:0;animation:sn-orbit 5s ease-out infinite;z-index:2}.bgfx-supernova .sn-ambient{position:absolute;left:50%;top:50%;width:200px;height:80px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,var(--fx-color, #fbbf24) 0%,transparent 60%);opacity:.05;animation:sn-ambient 5s ease-in-out infinite;z-index:0}.bgfx-supernova .sn-flash2{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--fx-color2, #ff6644),transparent 50%);opacity:0;animation:sn-flash2 5s ease-out infinite;z-index:1}@keyframes sn-core{0%{transform:translate(-50%,-50%) scale(.5);opacity:.3}40%{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1;box-shadow:0 0 20px var(--fx-color),0 0 40px var(--fx-color),0 0 80px var(--fx-color)}60%{transform:translate(-50%,-50%) scale(.8);opacity:.6}to{transform:translate(-50%,-50%) scale(.5);opacity:.3}}@keyframes sn-wave{0%{transform:scale(1);opacity:0}45%{opacity:0}50%{opacity:.8}to{transform:scale(12);opacity:0}}@keyframes sn-flash{0%,45%{opacity:0}50%{opacity:.3}65%{opacity:.05}to{opacity:0}}@keyframes sn-flash2{0%,48%{opacity:0}52%{opacity:.15}60%{opacity:0}to{opacity:0}}@keyframes sn-ray{0%,45%{height:0;opacity:0}55%{height:70px;opacity:.7}80%{height:90px;opacity:.2}to{height:0;opacity:0}}@keyframes sn-orbit{0%,40%{opacity:0;transform:rotate(0)}50%{opacity:.4}to{opacity:0;transform:rotate(180deg)}}@keyframes sn-ambient{0%{opacity:.03}50%{opacity:.08}55%{opacity:.15}70%{opacity:.06}to{opacity:.03}}.bgfx-inferno .inf-base{position:absolute;bottom:0;left:0;right:0;height:55px;background:linear-gradient(to top,var(--fx-color, #ff4466) 0%,var(--fx-color, #ff4466) 15%,transparent 100%);opacity:.2;filter:blur(8px);animation:inf-base 1.5s ease-in-out infinite}.bgfx-inferno .inf-flame{position:absolute;bottom:-5px;border-radius:50% 50% 20% 20%;filter:blur(3px);background:linear-gradient(to top,var(--fx-color, #ff4466),var(--fx-color2, #cc1133),transparent);animation:inf-flame ease-in-out infinite}.bgfx-inferno .inf-ember{position:absolute;bottom:20px;border-radius:50%;background:var(--fx-color, #ff4466);box-shadow:0 0 6px var(--fx-color, #ff4466),0 0 14px var(--fx-color, #ff4466),0 0 24px var(--fx-color, #ff4466);animation:inf-ember-rise ease-out infinite}.bgfx-inferno .heat-shimmer{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 4px,rgba(255,255,255,.02) 4px,rgba(255,255,255,.02) 5px);animation:heat-move .8s linear infinite;opacity:.5}@keyframes inf-base{0%,to{opacity:.15;height:50px}50%{opacity:.25;height:60px}}@keyframes inf-flame{0%,to{transform:scaleY(1) scaleX(1);opacity:.5}20%{transform:scaleY(1.5) scaleX(.8);opacity:.7}40%{transform:scaleY(1.1) scaleX(1.1);opacity:.4}60%{transform:scaleY(1.6) scaleX(.75);opacity:.65}80%{transform:scaleY(1.2) scaleX(.95);opacity:.5}}@keyframes inf-ember-rise{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-100px) scale(.3);opacity:0}}@keyframes heat-move{0%{transform:translateY(0)}to{transform:translateY(5px)}}.banner{position:relative;display:inline-block;overflow:visible;flex-shrink:0;user-select:none}.banner--interactive{cursor:pointer;transition:transform .2s ease,filter .2s ease}.banner--interactive:hover{transform:scale(1.03);filter:brightness(1.1)}.banner--interactive:active{transform:scale(.98)}.banner--full{max-width:230px}.banner--compact{max-width:300px}.banner--mini{max-width:150px}.banner-planet{image-rendering:auto;z-index:2}.banner-planet-glow{z-index:1}@keyframes banner-sparkle-twinkle{0%,to{opacity:.1}50%{opacity:.9}}@keyframes banner-orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes banner-shimmer-sweep{0%{transform:translate(0)}to{transform:translate(var(--banner-sweep-distance, 800px))}}@keyframes banner-aura-pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes banner-float{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(var(--float-dx, 0px),var(--float-dy, -10px));opacity:.3}}@keyframes banner-gem-pulse{0%,to{opacity:.5;r:2}50%{opacity:1;r:3}}@keyframes banner-energy-flow{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}@keyframes banner-rune-flicker{0%,to{opacity:.2}30%{opacity:.4}70%{opacity:.15}}@keyframes banner-corona-pulse{0%,to{opacity:.15}50%{opacity:.4}}@keyframes banner-sweep-move{0%{transform:translate(-100px) translateY(30px);opacity:0}20%{opacity:.1}80%{opacity:.1}to{transform:translate(100px) translateY(-30px);opacity:0}}@keyframes banner-cosmetic-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.banner-cosmetic-shimmer{background-size:200% 100%;animation:banner-cosmetic-shimmer 4s ease-in-out infinite}@keyframes banner-cosmetic-pulse{0%,to{opacity:.85}50%{opacity:1}}.banner-cosmetic-pulse{animation:banner-cosmetic-pulse 3s ease-in-out infinite}.banner-wrapper{display:inline-block;width:100%;position:relative}@keyframes border-sweep{to{stroke-dashoffset:-1000}}@keyframes border-sweep-reverse{to{stroke-dashoffset:1000}}@keyframes border-breath{0%,to{opacity:.35}50%{opacity:1}}.border-fx-breath{animation:border-breath 3s ease-in-out infinite}.border-fx-dotted-orbit{stroke-dashoffset:0;animation:border-sweep 8s linear infinite}@keyframes border-corner-a{0%,20%,to{opacity:.15;r:3}5%,15%{opacity:1;r:5}}@keyframes border-corner-b{0%,45%,to{opacity:.15;r:3}25%,40%{opacity:1;r:5}}@keyframes border-corner-c{0%,70%,to{opacity:.15;r:3}50%,65%{opacity:1;r:5}}@keyframes border-corner-d{0%,20%,95%,to{opacity:.15;r:3}75%,90%{opacity:1;r:5}}.border-fx-corner-a{animation:border-corner-a 2.5s ease-in-out infinite}.border-fx-corner-b{animation:border-corner-b 2.5s ease-in-out infinite}.border-fx-corner-c{animation:border-corner-c 2.5s ease-in-out infinite}.border-fx-corner-d{animation:border-corner-d 2.5s ease-in-out infinite}@keyframes border-seg-a{0%,to{opacity:.12}12%{opacity:1}}@keyframes border-seg-b{0%,to{opacity:.12}24%{opacity:1}}@keyframes border-seg-c{0%,to{opacity:.12}36%{opacity:1}}@keyframes border-seg-d{0%,to{opacity:.12}48%{opacity:1}}@keyframes border-seg-e{0%,to{opacity:.12}60%{opacity:1}}@keyframes border-seg-f{0%,to{opacity:.12}72%{opacity:1}}@keyframes border-seg-g{0%,to{opacity:.12}84%{opacity:1}}@keyframes border-seg-h{0%,to{opacity:.12}96%{opacity:1}}.border-fx-seg-a{animation:border-seg-a 2.5s ease-in-out infinite}.border-fx-seg-b{animation:border-seg-b 2.5s ease-in-out infinite}.border-fx-seg-c{animation:border-seg-c 2.5s ease-in-out infinite}.border-fx-seg-d{animation:border-seg-d 2.5s ease-in-out infinite}.border-fx-seg-e{animation:border-seg-e 2.5s ease-in-out infinite}.border-fx-seg-f{animation:border-seg-f 2.5s ease-in-out infinite}.border-fx-seg-g{animation:border-seg-g 2.5s ease-in-out infinite}.border-fx-seg-h{animation:border-seg-h 2.5s ease-in-out infinite}@keyframes border-prism-r{0%,to{transform:translate(-1px,-1px)}50%{transform:translate(1.5px,.5px)}}@keyframes border-prism-g{0%,to{transform:translate(0)}50%{transform:translate(0)}}@keyframes border-prism-b{0%,to{transform:translate(1px,1px)}50%{transform:translate(-1.5px,-.5px)}}.border-fx-prism-r{animation:border-prism-r 4s ease-in-out infinite}.border-fx-prism-g{animation:border-prism-g 4s ease-in-out infinite}.border-fx-prism-b{animation:border-prism-b 4s ease-in-out infinite}@keyframes border-neon-flicker{0%,4%,6%,42%,44%,to{opacity:1}2%,5%,43%{opacity:.05}}.border-fx-neon-flicker{animation:border-neon-flicker 3s step-end infinite}@keyframes border-heartbeat{0%,to{opacity:.15;stroke-width:1.5}10%{opacity:1;stroke-width:3.5}15%{opacity:.2;stroke-width:1.5}22%{opacity:1;stroke-width:3}27%{opacity:.15;stroke-width:1.5}}@keyframes border-heart-glow{0%,to{filter:none}10%,22%{filter:drop-shadow(0 0 8px rgba(59,130,246,.8)) drop-shadow(0 0 16px rgba(59,130,246,.4))}15%,27%{filter:none}}.border-fx-heartbeat{animation:border-heartbeat 2.5s ease-out infinite,border-heart-glow 2.5s ease-out infinite}@keyframes border-ring-expand{0%{opacity:.7}to{opacity:0}}.border-fx-ring-1{animation:border-ring-expand 2.5s ease-out infinite}.border-fx-ring-2{animation:border-ring-expand 2.5s ease-out infinite 1.25s}.border-fx-morse{stroke-dashoffset:0;animation:border-sweep 5s linear infinite}.border-fx-helix-fwd{stroke-dashoffset:0;animation:border-sweep 3s linear infinite}.border-fx-helix-rev{stroke-dashoffset:0;animation:border-sweep-reverse 3s linear infinite}@keyframes border-spark-1{0%,8%,12%,to{opacity:0}10%{opacity:1}}@keyframes border-spark-2{0%,28%,32%,to{opacity:0}30%{opacity:1}}@keyframes border-spark-3{0%,55%,59%,to{opacity:0}57%{opacity:1}}@keyframes border-spark-4{0%,75%,79%,to{opacity:0}77%{opacity:1}}@keyframes border-spark-5{0%,90%,94%,to{opacity:0}92%{opacity:1}}.border-fx-spark-1{animation:border-spark-1 2s step-end infinite}.border-fx-spark-2{animation:border-spark-2 2s step-end infinite}.border-fx-spark-3{animation:border-spark-3 2s step-end infinite}.border-fx-spark-4{animation:border-spark-4 2s step-end infinite}.border-fx-spark-5{animation:border-spark-5 2s step-end infinite}.border-fx-grad-sweep{stroke-dashoffset:0;animation:border-sweep 2.5s linear infinite}@keyframes border-fire-flicker{0%,to{opacity:.7}20%{opacity:1}40%{opacity:.8}60%{opacity:1}80%{opacity:.6}}.border-fx-fire{animation:border-fire-flicker .5s ease-in-out infinite}@keyframes border-holo-shift{0%{filter:hue-rotate(0deg) brightness(1)}33%{filter:hue-rotate(120deg) brightness(1.3)}66%{filter:hue-rotate(240deg) brightness(1)}to{filter:hue-rotate(360deg) brightness(1)}}.border-fx-holo{animation:border-holo-shift 3s linear infinite}@keyframes border-chrom-r{0%,70%,to{transform:translate(0)}75%{transform:translate(-2px,-1px)}80%{transform:translate(1px)}85%{transform:translate(-1px,1px)}}@keyframes border-chrom-b{0%,70%,to{transform:translate(0)}75%{transform:translate(2px,1px)}80%{transform:translate(-1px,.5px)}85%{transform:translate(1.5px,-1px)}}@keyframes border-chrom-flash{0%,70%,88%,to{opacity:0}75%,85%{opacity:.15}}.border-fx-chrom-r{animation:border-chrom-r 3s step-end infinite}.border-fx-chrom-b{animation:border-chrom-b 3s step-end infinite}.border-fx-chrom-flash{animation:border-chrom-flash 3s step-end infinite}@keyframes border-lightning-flash{0%,14%,18%,to{opacity:.25}15%,16%{opacity:1}17%{opacity:.6}}@keyframes border-lightning-glitch{0%,14%,18%,to{transform:translate(0)}15%{transform:translate(3px)}16%{transform:translate(-2px)}17%{transform:translate(1px)}}.border-fx-lightning-g{animation:border-lightning-glitch 4s step-end infinite}.border-fx-lightning-flash{animation:border-lightning-flash 4s step-end infinite}@keyframes border-plasma-width{0%,to{stroke-width:2}50%{stroke-width:5}}@keyframes border-plasma-glow{0%,to{filter:drop-shadow(0 0 3px rgba(251,191,36,.4))}50%{filter:drop-shadow(0 0 10px rgba(251,191,36,.8)) drop-shadow(0 0 20px rgba(251,191,36,.3))}}.border-fx-plasma{animation:border-plasma-width 2s ease-in-out infinite,border-plasma-glow 2s ease-in-out infinite}@keyframes border-twinkle-1{0%,to{opacity:.2}15%{opacity:1}}@keyframes border-twinkle-2{0%,to{opacity:.2}35%{opacity:1}}@keyframes border-twinkle-3{0%,to{opacity:.2}55%{opacity:1}}@keyframes border-twinkle-4{0%,to{opacity:.2}70%{opacity:1}}@keyframes border-twinkle-5{0%,to{opacity:.2}85%{opacity:1}}@keyframes border-twinkle-6{0%,to{opacity:.2}45%{opacity:1}}@keyframes border-constellation-pulse{0%,to{opacity:.06}50%{opacity:.15}}.border-fx-twinkle-1{animation:border-twinkle-1 3s ease-in-out infinite}.border-fx-twinkle-2{animation:border-twinkle-2 3s ease-in-out infinite}.border-fx-twinkle-3{animation:border-twinkle-3 3s ease-in-out infinite}.border-fx-twinkle-4{animation:border-twinkle-4 3s ease-in-out infinite}.border-fx-twinkle-5{animation:border-twinkle-5 3s ease-in-out infinite}.border-fx-twinkle-6{animation:border-twinkle-6 3s ease-in-out infinite}.border-fx-constellation-line{animation:border-constellation-pulse 4s ease-in-out infinite}@keyframes border-crack-pulse{0%,to{stroke-width:2;filter:drop-shadow(0 0 4px rgba(251,191,36,.5))}50%{stroke-width:4.5;filter:drop-shadow(0 0 14px rgba(251,191,36,.9)) drop-shadow(0 0 28px rgba(251,191,36,.4))}}.border-fx-crack{animation:border-crack-pulse 3s ease-in-out infinite}.border-fx-energy-fwd{stroke-dashoffset:0;animation:border-sweep 2.5s linear infinite}.border-fx-energy-rev{stroke-dashoffset:0;animation:border-sweep-reverse 2.5s linear infinite}@keyframes border-energy-burst{0%,40%,60%,to{opacity:0}48%,52%{opacity:1}}.border-fx-energy-burst{animation:border-energy-burst 2.5s ease-in-out infinite}.border-fx-energy-burst-delayed{animation:border-energy-burst 2.5s ease-in-out infinite 1.25s}.bgfx-layer{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.banner-sparkles circle,.banner-orbit-rings g,.banner-shimmer rect,.banner-aura rect,.banner-floaters circle,.banner-corner-brackets circle,.banner-energy-bar rect,.banner-runic text,.banner-corona line,.banner-diagonal-sweeps line,.banner-cosmetic-shimmer,.banner-cosmetic-pulse,[class^=border-fx-],[class*=" border-fx-"],.bgfx-layer *{animation:none!important}.banner-sparkles circle{opacity:.5}.banner--interactive:hover{transform:none}}.rank-bar-track{position:relative;width:100%;height:10px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.04);overflow:hidden}.rank-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:5px;min-width:0;will-change:width}.rank-bar--animated .rank-bar-fill{transition:width var(--rank-bar-duration, 1.2s) ease-out}.rank-bar-shimmer{position:absolute;inset:0;border-radius:5px;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);background-size:250% 100%;animation:rankBarShimmer 2.5s ease-in-out infinite;pointer-events:none}.rank-bar-spark{position:absolute;top:50%;right:-4px;width:8px;height:8px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,#fff 0%,var(--rank-bar-color, #22d3ee) 50%,transparent 100%);box-shadow:0 0 6px 2px var(--rank-bar-color, #22d3ee),0 0 14px 4px color-mix(in srgb,var(--rank-bar-color, #22d3ee) 50%,transparent);opacity:0;pointer-events:none}.rank-bar--animated .rank-bar-spark{opacity:1;animation:sparkGlow .6s ease-in-out infinite alternate}.rank-bar--animated .rank-bar-spark:before,.rank-bar--animated .rank-bar-spark:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff}.rank-bar--animated .rank-bar-spark:before{top:-2px;left:1px;animation:sparkBurstUp .8s ease-out infinite}.rank-bar--animated .rank-bar-spark:after{bottom:-2px;right:1px;animation:sparkBurstDown .8s ease-out infinite .3s}.rank-bar-ticks{position:absolute;inset:0;display:flex;pointer-events:none}.rank-bar-tick{flex:1;border-right:1px solid rgba(0,0,0,.18)}.rank-bar-tick:last-child{border-right:none}.rank-bar:not(.rank-bar--animated) .rank-bar-spark{opacity:.5;animation:none}.rank-bar:not(.rank-bar--animated) .rank-bar-spark:before,.rank-bar:not(.rank-bar--animated) .rank-bar-spark:after{display:none}@keyframes rankBarShimmer{0%{background-position:-250% center}to{background-position:250% center}}@keyframes sparkGlow{0%{transform:translateY(-50%) scale(.8);opacity:.7}to{transform:translateY(-50%) scale(1.3);opacity:1}}@keyframes sparkBurstUp{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-3px,-8px) scale(0);opacity:0}}@keyframes sparkBurstDown{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(2px,8px) scale(0);opacity:0}}.profile-popup-backdrop{position:fixed;inset:0;background:#0009;z-index:900;pointer-events:auto;animation:profilePopupFadeIn .2s ease}.profile-popup-wrapper{position:fixed;inset:9vh 3vw;z-index:901;pointer-events:auto;animation:profilePopupSlideIn .25s ease;overflow:visible}.profile-popup-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(170deg,#141e3cd9,#080c18f2 35%,#050810 55%,#0a1228e6 80%,#190f32d9),var(--bg-deep, #050810);border-radius:16px;border:1px solid rgba(100,140,255,.12);overflow:hidden}.profile-popup-label{position:absolute;top:-13px;left:50%;transform:translate(-50%);z-index:2;padding:4px 14px;background:#0c1228eb;border:1px solid rgba(100,180,255,.28);border-radius:20px;box-shadow:0 0 10px #64b4ff1f;font-size:10px;font-weight:700;letter-spacing:.12em;color:#fff9;text-transform:uppercase;white-space:nowrap;pointer-events:none}@keyframes profilePopupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes profilePopupSlideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-popup-close{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .15s ease}.profile-popup-close:active{transform:scale(.9)}.profile-popup-close:hover{background:#ffffff1a}.profile-popup-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:0 20px 24px;gap:12px}.profile-popup-hero{position:relative;width:calc(100% + 40px);margin:0 -20px;min-height:260px;overflow:hidden}.profile-popup-hero-bg{position:absolute;inset:0;cursor:pointer;overflow:hidden}.profile-popup-hero-bg .banner-wrapper{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important}.profile-popup-hero-bg .banner-wrapper .banner{width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:unset!important;display:block!important}.profile-popup-hero-bg .banner>svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.profile-popup-hero-bg .banner g,.profile-popup-hero-bg .banner div,.profile-popup-hero-bg .banner-bgfx,.profile-popup-hero-bg [class*=banner-cosmetic-]{clip-path:none!important}.profile-popup-hero-bg .banner-text{display:none}.profile-popup-hero-bg .banner-planet,.profile-popup-hero-bg .banner-planet-glow{display:none!important}.profile-popup-hero-bg .banner>svg>path{display:none}.profile-popup-hero-bg .banner-corner-bracket,.profile-popup-hero-bg [class*=banner-border-]{opacity:0!important}.profile-popup-hero-bg rect[fill*=banner-shade]{display:none!important}.profile-popup-hero-bg .banner-aura,.profile-popup-hero-bg [class*=banner-aura]{display:none!important}.profile-popup-hero-fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--bg-deep, #050810));pointer-events:none;z-index:3}.profile-popup-hero-overlay{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:36px 16px 28px;gap:4px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.profile-popup-customize-icon{position:absolute;bottom:14px;right:14px;z-index:5;width:36px;height:36px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .15s ease}.profile-popup-customize-icon:active{transform:scale(.9)}.profile-popup-customize-icon:hover{background:#ffffff26}.profile-popup-name-block{display:flex;flex-direction:column;align-items:center;gap:0}.profile-popup-name-row{display:flex;align-items:center;gap:8px}.profile-popup-name{font-family:var(--font-display);font-weight:900;font-size:24px;letter-spacing:.04em;color:#fff;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.8)}.profile-popup-hashtag{color:#fff6;font-weight:600;font-size:12px;letter-spacing:.04em}.profile-popup-edit-btn{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.profile-popup-edit-btn:hover{color:#fff}.profile-popup-edit-row{display:flex;align-items:center;gap:8px}.profile-popup-edit-input{width:160px;padding:8px 12px;font-size:16px;font-family:var(--font-body);text-align:center;border-radius:8px;border:2px solid rgba(100,180,255,.7);background:#0006;color:#fff;outline:none}.profile-popup-edit-confirm,.profile-popup-edit-cancel{background:none;border:none;cursor:pointer;font-size:20px;padding:4px 8px}.profile-popup-edit-confirm{color:#4caf50}.profile-popup-edit-cancel{color:#ff6b6b}.profile-popup-edit-error{color:#ff6b6b;font-size:12px;text-align:center}.profile-popup-section-label{width:100%;max-width:400px;font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06);margin-top:16px}.profile-popup-rank-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--rank-color) 50%,transparent));margin-top:2px}.profile-popup-rank-label{font-family:var(--font-display);font-weight:400;font-size:14px;color:var(--rank-color);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.8)}.profile-popup-elo{font-family:var(--font-display);font-weight:900;font-size:24px;color:#fff;letter-spacing:.02em;text-shadow:0 0 16px color-mix(in srgb,var(--rank-color) 30%,transparent),0 2px 8px rgba(0,0,0,.7)}.profile-popup-level-bar{display:flex;align-items:center;gap:8px;width:80%;max-width:260px;margin-top:4px}.profile-popup-level-badge{font-family:var(--font-display);font-weight:800;font-size:11px;color:var(--rank-color);white-space:nowrap;letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.5)}.profile-popup-xp-track{flex:1;height:5px;border-radius:3px;background:#ffffff26;overflow:hidden}.profile-popup-xp-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color) 70%,transparent),var(--rank-color));transition:width .6s ease}.profile-popup-xp-text{font-size:10px;font-weight:600;color:#ffffff80;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.5)}.profile-popup-winrate-row{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px}.profile-popup-winrate-ring{position:relative;width:120px;height:120px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-popup-winrate-svg{position:absolute;inset:0;width:100%;height:100%}.profile-popup-winrate-svg .winrate-progress{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.profile-popup-winrate-value{font-family:var(--font-display);font-weight:900;font-size:28px;color:#fff;text-shadow:none;line-height:1;position:relative;z-index:1}.profile-popup-winrate-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff9;text-shadow:none;position:relative;z-index:1;margin-top:2px}.profile-popup-core-stats{display:flex;justify-content:center;gap:10px;width:100%}.profile-popup-stat{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border-radius:12px;padding:12px 14px;gap:2px;flex:1;min-width:0;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.profile-popup-stat--games{border-color:#64b4ff4d;box-shadow:0 0 8px #64b4ff26,inset 0 0 12px #64b4ff0f}.profile-popup-stat--wins{border-color:#4ade804d;box-shadow:0 0 8px #4ade8026,inset 0 0 12px #4ade800f}.profile-popup-stat--losses{border-color:#ff6b6b4d;box-shadow:0 0 8px #ff6b6b26,inset 0 0 12px #ff6b6b0f}.profile-popup-stat--games .profile-popup-stat-value,.profile-popup-stat--wins .profile-popup-stat-value,.profile-popup-stat--losses .profile-popup-stat-value{color:#fff;text-shadow:none}.profile-popup-stat-value{font-family:var(--font-display);font-weight:900;font-size:18px;color:#fff}.profile-popup-stat-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;text-align:center}.profile-popup-toggle-btn{background:none;border:none;color:#64b4ffcc;font-size:13px;font-weight:600;cursor:pointer;padding:4px 12px;transition:color .15s}.profile-popup-toggle-btn:hover{color:#64b4ff}.profile-popup-recent-matches{width:100%;max-width:400px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:4px 12px}.profile-popup-recent-matches .profile-popup-match:last-child{border-bottom:none}.profile-popup-history-btn{width:100%;max-width:300px;height:40px;border:none;border-radius:10px;background:linear-gradient(180deg,#64b4ff40,#3c82dc33);border:1px solid rgba(100,180,255,.3);color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 3px 10px #0003;transition:background .15s,transform .1s}.profile-popup-history-btn:hover{background:linear-gradient(180deg,#64b4ff59,#3c82dc4d)}.profile-popup-history-btn:active{transform:scale(.97)}.profile-popup-history-backdrop{position:fixed;inset:0;background:#00000080;z-index:910;animation:profilePopupFadeIn .15s ease}.profile-popup-history-panel{position:fixed;inset:12vh 5vw;z-index:911;display:flex;flex-direction:column;background:var(--bg-deep, #050810);border-radius:14px;border:1px solid rgba(255,255,255,.12);overflow:hidden;animation:profilePopupSlideIn .2s ease}.profile-popup-history-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-popup-history-title{font-family:var(--font-display);font-weight:800;font-size:16px;color:#fff}.profile-popup-history-close{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.profile-popup-history-close:hover{background:#ffffff26}.profile-popup-history-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px}.profile-popup-history-empty{text-align:center;color:#fff6;font-size:14px;padding:32px 0}.profile-popup-match{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.profile-popup-match:last-child{border-bottom:none}.profile-popup-match-bar{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.profile-popup-match--win .profile-popup-match-bar{background:#4caf50}.profile-popup-match--loss .profile-popup-match-bar{background:#ff6b6b}.profile-popup-match--draw .profile-popup-match-bar{background:#ffffff40}.profile-popup-match-info{flex:1;min-width:0}.profile-popup-match-opponent{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.profile-popup-match-detail{font-size:11px;color:#fff6;margin-top:2px}.profile-popup-match-elo{font-size:14px;font-weight:700;flex-shrink:0}.profile-popup-match-elo--positive{color:#4caf50}.profile-popup-match-elo--negative{color:#ff6b6b}.profile-popup-match-elo--neutral{color:#fff6}.profile-popup-match-date{font-size:11px;color:#ffffff4d;flex-shrink:0;text-align:right;min-width:50px}.profile-popup-auth-section{width:100%;max-width:300px;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;text-align:center}.profile-popup-section-title{font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:8px;color:#fffc}.profile-popup-auth-desc{font-size:12px;color:#ffffff73;margin-bottom:12px}.profile-popup-register-btn{width:100%;height:40px;border:none;border-radius:10px;background:linear-gradient(180deg,#ffc107,#f9a825);color:#1a1a1a;font-family:var(--font-display);font-size:14px;cursor:pointer;box-shadow:0 3px 10px #0000004d;transition:transform .1s}.profile-popup-register-btn:active{transform:scale(.97)}.profile-popup-auth-form{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.profile-popup-auth-input{width:100%;padding:9px 12px;font-size:14px;font-family:var(--font-body);border-radius:8px;border:2px solid rgba(255,255,255,.15);background:#0006;color:#fff;outline:none;transition:border-color .2s}.profile-popup-auth-input:focus{border-color:#64b4ffb3}.profile-popup-auth-input::placeholder{color:#ffffff4d}.profile-popup-auth-submit{width:100%;height:40px;border:none;border-radius:10px;background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;font-family:var(--font-display);font-size:14px;cursor:pointer;box-shadow:0 3px 10px #0000004d;transition:transform .1s,opacity .2s}.profile-popup-auth-submit:active{transform:scale(.97)}.profile-popup-auth-submit:disabled{opacity:.5;cursor:default}.profile-popup-auth-error{color:#ff6b6b;font-size:12px}.profile-popup-auth-success{color:#4caf50;font-size:13px;font-weight:700;text-align:center}.profile-popup-auth-switch{margin-top:10px;font-size:12px;color:#ffffff73}.profile-popup-auth-switch-btn{background:none;border:none;color:#64b4ffe6;font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.profile-popup-loading{color:#fff6;font-size:14px;padding:24px 0}.pp-add-friend-row{padding:10px 16px 16px;display:flex;justify-content:center}.pp-add-friend-btn{background:#22d3ee1a;border:1px solid rgba(34,211,238,.4);border-radius:10px;color:#22d3ee;font-family:Orbitron,sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;padding:11px 24px;cursor:pointer;min-height:48px;width:100%}.pp-add-friend-btn:active{background:#22d3ee33}.pp-add-friend-btn:disabled{cursor:default}.pp-add-friend-btn--sent,.pp-add-friend-btn--friends{background:#22c55e14;border-color:#22c55e4d;color:#22c55e}.lo-section-title{position:relative;display:inline-flex;align-items:center;gap:8px}.lo-section-new-badge{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444cc;flex-shrink:0}.lo-new-badge{position:absolute;top:4px;right:4px;border-radius:4px;padding:1px 5px;font-family:var(--font-display);font-weight:700;font-size:8px;text-transform:uppercase;z-index:3;line-height:1.2;letter-spacing:.03em;background:#ef4444;color:#fff;pointer-events:none}.lo-root{position:relative;width:100%;min-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 12px calc(80px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#fff;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;user-select:none}.lo-title{text-align:center;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 12px;color:#fff;filter:drop-shadow(0 2px 8px rgba(255,255,255,.2))}.lo-section{margin-bottom:16px;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0f1932cc}.lo-section--planet{border-color:#22d3ee26}.lo-section--banner-skins{border-color:#a855f726}.lo-section--banner-fx{border-color:#f59e0b26}.lo-section--ships{border-color:#4ade8026}.lo-section--effects{border-color:#3b82f626}.lo-section-title{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin:0 0 12px}.lo-section--planet .lo-section-title{color:#22d3ee}.lo-section--banner-skins .lo-section-title{color:#c084fc}.lo-section--banner-fx .lo-section-title{color:#fbbf24}.lo-section--ships .lo-section-title{color:#4ade80}.lo-section--effects .lo-section-title{color:#60a5fa}.lo-subsection-title{font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin:12px 0 6px}.lo-carousel{display:flex;align-items:center;justify-content:center;gap:0;position:relative;min-height:180px;touch-action:pan-y}.lo-carousel-track{position:relative;display:flex;align-items:center;justify-content:center;width:60%;min-height:170px;overflow:visible}.lo-carousel-card{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .3s ease,opacity .3s ease;cursor:pointer;padding:8px}.lo-carousel-card--center{position:relative}.lo-carousel-img{width:100px;height:100px;object-fit:contain;pointer-events:none;border-radius:50%}.lo-carousel-fallback{width:100px;height:100px;border-radius:50%;opacity:.7}.lo-carousel-name{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;text-align:center;white-space:nowrap}.lo-carousel-badge{font-family:var(--font-display);font-weight:700;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:6px}.lo-carousel-badge--equipped{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.lo-carousel-badge--owned{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.4)}.lo-carousel-badge--locked{background:#ffffff14;color:#fff6;border:1px solid rgba(255,255,255,.1)}.lo-carousel-equip{font-family:var(--font-display);font-weight:700;font-size:9px;letter-spacing:.06em;color:#22c55e;animation:loPulse 1.5s ease infinite}@keyframes loPulse{0%,to{opacity:1}50%{opacity:.5}}.lo-carousel-arrow{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;min-width:36px;color:#ffffffb3;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,opacity .2s;z-index:3;flex-shrink:0}.lo-carousel-arrow:active{transform:scale(.9)}.lo-carousel-arrow:disabled{opacity:.2;cursor:default}.lo-carousel--banner{min-height:unset;padding:4px 0;overflow:hidden}.lo-carousel-track--banner{width:70%;min-height:unset}.lo-carousel-indicator{text-align:center;font-family:var(--font-display);font-weight:600;font-size:11px;color:#ffffff59;letter-spacing:.1em;margin-top:4px}.lo-color-priority{margin-top:16px;text-align:center}.lo-color-priority-label{font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59}.lo-color-row{display:flex;justify-content:center;gap:12px;margin-top:8px}.lo-color-dot{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid transparent;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,order 0s;position:relative;touch-action:none;min-width:44px;min-height:44px;overflow:hidden}.lo-color-dot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}.lo-color-dot:active{transform:scale(.92)}.lo-color-dot--selected{border-color:#ffffffe6;box-shadow:0 0 12px #ffffff4d;transform:scale(1.08)}.lo-color-dot--active-drag{transform:scale(1.2);border-color:#ffffffe6;box-shadow:0 0 16px #ffffff59;z-index:2}.lo-color-num{font-family:var(--font-display);font-weight:800;font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 6px rgba(0,0,0,.5);pointer-events:none;position:relative;z-index:1}.lo-scroll-row{display:flex;gap:10px;overflow-x:auto;padding:0 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lo-scroll-row::-webkit-scrollbar{display:none}.lo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.lo-card{position:relative;flex-shrink:0;width:100px;border-radius:12px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:24px 6px 8px;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.lo-card:active{transform:scale(.95)}.lo-card--equipped{border-color:#22c55e;box-shadow:0 0 10px #22c55e33}.lo-card--locked{opacity:.5;cursor:default}.lo-card--banner{width:55vw;max-width:220px;padding:6px 6px 8px}.lo-card-rarity{position:absolute;top:4px;left:4px;border-radius:4px;padding:1px 5px;font-family:var(--font-display);font-weight:700;font-size:8px;text-transform:uppercase;z-index:2;line-height:1.2;letter-spacing:.03em}.lo-card-check{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:#22c55e;z-index:2;box-shadow:0 1px 4px #0006}.lo-card-check:after{content:"";display:block;position:absolute;top:3px;left:3px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}.lo-card-thumb{width:70%;aspect-ratio:1;object-fit:contain;display:block;pointer-events:none}.lo-banner-preview{width:100%;overflow:hidden;border-radius:6px;pointer-events:none}.lo-banner-preview .banner-wrapper,.lo-banner-preview .banner,.lo-banner-preview .banner--compact,.lo-banner-preview .banner--full,.lo-banner-preview .banner--mini{max-width:none!important;width:100%;display:block}.lo-card-name{margin-top:4px;font-family:var(--font-display);font-weight:700;font-size:8px;letter-spacing:.03em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lo-card-status{font-family:var(--font-display);font-weight:600;font-size:8px;margin-top:2px}.lo-card-status--equipped{color:#22c55e}.lo-card-status--locked{color:#ffffff59}@keyframes loFlash{0%{box-shadow:0 0 #22c55e00}50%{box-shadow:0 0 20px #22c55e80}to{box-shadow:0 0 #22c55e00}}.lo-card--flash{animation:loFlash .3s ease}.shop-screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px calc(12px + var(--sab, 0px));font-family:var(--font-body);color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.shop-title{text-align:center;font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.12em;text-transform:uppercase;margin:4px 0 2px;color:#fff;filter:drop-shadow(0 2px 8px rgba(255,255,255,.2))}.shop-refresh-timer{text-align:center;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .4));padding:8px 0 4px;letter-spacing:.03em}.shop-refresh-timer span{color:var(--text-cyan, #22d3ee);font-weight:700}.shop-section{margin-bottom:20px;padding:14px 12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.06)}.shop-section--planets{background:linear-gradient(180deg,#22d3ee0a,#22d3ee03);border-color:#22d3ee1a}.shop-section--banners{background:linear-gradient(180deg,#a855f70a,#a855f703);border-color:#a855f71a}.shop-section--effects{background:linear-gradient(180deg,#f59e0b0a,#f59e0b03);border-color:#f59e0b1a}.shop-section--currency{background:linear-gradient(180deg,#4ade800a,#4ade8003);border-color:#4ade801a}.shop-section-title{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px 2px}.shop-section--planets .shop-section-title{color:var(--text-cyan, #22d3ee)}.shop-section--banners .shop-section-title{color:#c084fc}.shop-section--effects .shop-section-title{color:#fbbf24}.shop-section--currency .shop-section-title{color:#4ade80}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:start}.shop-empty{grid-column:1 / -1;text-align:center;padding:24px 12px;color:var(--text-muted, rgba(255, 255, 255, .4));font-size:13px;font-weight:500}.shop-card{position:relative;border-radius:12px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:8px 6px;cursor:pointer;transition:transform .1s ease,border-color .15s ease}.shop-card:active{transform:scale(.96)}.shop-card--owned{opacity:.5;pointer-events:none}.shop-card--common{border-color:#8b8b8b4d}.shop-card--rare{border-color:#3b82f64d}.shop-card--epic{border-color:#a855f74d;box-shadow:0 0 8px #a855f71a}.shop-card--legendary{border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b26}.shop-rarity-badge{position:absolute;top:4px;left:4px;border-radius:4px;padding:1px 5px;font-family:var(--font-display);font-weight:700;font-size:8px;letter-spacing:.04em;text-transform:uppercase;z-index:1}.shop-rarity-badge--common{background:#8b8b8b;color:#fff}.shop-rarity-badge--rare{background:#3b82f6;color:#fff}.shop-rarity-badge--epic{background:#a855f7;color:#fff}.shop-rarity-badge--legendary{background:#f59e0b;color:#000}.shop-card-thumb{width:100%;aspect-ratio:1 / 1;object-fit:contain;border-radius:8px;pointer-events:none}.shop-banners-list{display:flex;flex-direction:column;gap:10px}.shop-banner-row{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:72px;border-radius:12px;border:2px solid rgba(255,255,255,.08);overflow:hidden;padding:10px 12px;cursor:pointer;transition:transform .1s ease,border-color .15s ease;background-size:cover;background-position:center}.shop-banner-row:active{transform:scale(.98)}.shop-banner-row--owned{opacity:.5;pointer-events:none}.shop-banner-row--common{border-color:#8b8b8b4d}.shop-banner-row--rare{border-color:#3b82f64d}.shop-banner-row--epic{border-color:#a855f74d;box-shadow:0 0 8px #a855f71a}.shop-banner-row--legendary{border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b26}.shop-banner-row-info{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:80px;z-index:1}.shop-banner-row-name{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.03em;text-transform:uppercase;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8)}.shop-banner-row-price{display:flex;align-items:center;gap:3px;font-family:var(--font-body);font-weight:700;font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.shop-banner-row .shop-buy-btn{text-shadow:none}.shop-card-name{font-family:var(--font-display);font-weight:700;font-size:9px;letter-spacing:.03em;text-transform:uppercase;text-align:center;margin-top:4px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-card-price{display:flex;align-items:center;gap:3px;margin-top:3px;font-family:var(--font-body);font-weight:700;font-size:11px}.shop-card-price-emoji{font-size:12px}.shop-buy-btn{width:76px;margin-top:6px;padding:5px 0;border:none;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,opacity .15s ease;text-align:center}.shop-buy-btn:active{transform:scale(.95)}.shop-buy-btn--buy{background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);color:#fff;border:1px solid rgba(253,230,138,.35);box-shadow:0 2px 8px #f59e0b33}.shop-buy-btn--gems{background:linear-gradient(135deg,#1e3a5f,#1e4976,#2563a8,#3b82f6);color:#fff;border:1px solid rgba(147,197,253,.35);box-shadow:0 2px 8px #3b82f633}.shop-buy-btn--owned{background:#ffffff0f;color:var(--text-muted, rgba(255, 255, 255, .4));border:1px solid rgba(255,255,255,.08);pointer-events:none}.shop-buy-btn--loading{opacity:.6;pointer-events:none}.shop-effects-list{display:flex;flex-direction:column;gap:10px}.shop-effect-row{position:relative;display:flex;align-items:center;gap:12px;border-radius:12px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);overflow:hidden;padding:16px 12px;cursor:pointer;transition:transform .1s ease,border-color .15s ease}.shop-effect-row:active{transform:scale(.98)}.shop-effect-row--owned{opacity:.5;pointer-events:none}.shop-effect-row--rare{border-color:#3b82f64d}.shop-effect-row--epic{border-color:#a855f74d;box-shadow:0 0 8px #a855f71a}.shop-effect-row--legendary{border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b26}.shop-effect-banner{flex:1;min-width:0;pointer-events:none}.shop-effect-info{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:80px}.shop-effect-name{font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:.03em;text-transform:uppercase;text-align:center;line-height:1.2}.shop-effect-price{display:flex;align-items:center;gap:3px;font-family:var(--font-body);font-weight:700;font-size:11px}.shop-currency-card{position:relative;border-radius:12px;background:#ffffff08;border:1px solid rgba(74,222,128,.15);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .1s ease}.shop-currency-card:active{transform:scale(.96)}.shop-currency-card-badge{position:absolute;top:-6px;right:-4px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#000;font-family:var(--font-display);font-weight:700;font-size:7px;padding:2px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.shop-currency-card-name{font-family:var(--font-display);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.04em;text-align:center}.shop-currency-card-amounts{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--font-body);font-weight:600;font-size:11px}.shop-currency-card-amount--gems{color:#c084fc}.shop-currency-card-amount--credits{color:#fbbf24}.shop-currency-card-price{margin-top:4px;padding:4px 12px;border-radius:6px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:.04em;border:none;cursor:pointer}.shop-currency-card-price:active{transform:scale(.95)}.shop-confirm-backdrop{position:fixed;inset:0;background:#0009;z-index:200;animation:shopFadeIn .15s ease}.shop-confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:201;background:var(--bg-deep, #050810);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 20px;min-width:260px;max-width:320px;text-align:center;font-family:var(--font-body);animation:shopSlideIn .2s ease}.shop-confirm-title{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.05em;margin-bottom:12px}.shop-confirm-message{font-size:13px;color:#ffffffb3;margin-bottom:18px;line-height:1.4}.shop-confirm-btns{display:flex;gap:10px;justify-content:center}.shop-confirm-btn{flex:1;padding:8px 0;border-radius:8px;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;transition:transform .1s ease}.shop-confirm-btn:active{transform:scale(.95)}.shop-confirm-btn--cancel{background:#ffffff0f;color:var(--text-muted, rgba(255, 255, 255, .4));border:1px solid rgba(255,255,255,.1)}.shop-confirm-btn--confirm{background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);color:#fff;border:1px solid rgba(253,230,138,.35)}.shop-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:300;background:#06091af2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 20px;font-family:var(--font-body);font-weight:600;font-size:13px;color:#fff;animation:shopToastIn .2s ease,shopToastOut .3s ease 2s forwards;pointer-events:none}.shop-toast--success{border-color:#22c55e66;color:#4ade80}.shop-toast--error{border-color:#ef444466;color:#f87171}@keyframes shopFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shopSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes shopToastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes shopToastOut{0%{opacity:1}to{opacity:0}}.shop-section--pods{background:linear-gradient(180deg,#c084fc0f,#c084fc03);border-color:#c084fc1f}.shop-section--pods .shop-section-title{color:#c084fc}.shop-pods-daily-counter{font-size:11px;color:#fff6;text-align:center;margin-bottom:10px}.shop-pods-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 4px}.shop-pod-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;border-radius:10px;border:1.5px solid rgba(255,255,255,.08);background:#ffffff08}.shop-pod-card__img{width:44px;height:44px;object-fit:contain;pointer-events:none}.shop-pod-card__tier{font-family:var(--font-display);font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.shop-pod-card__shards{font-size:10px;color:#ffffff80}.shop-pod-card__buy{margin-top:4px;padding:5px 10px;border:none;border-radius:6px;font-family:var(--font-display);font-weight:800;font-size:11px;cursor:pointer;transition:transform .1s ease,opacity .15s ease}.shop-pod-card__buy:active{transform:scale(.95)}.shop-pod-card__buy:disabled{opacity:.4;cursor:not-allowed}.pmap-screen{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;color:#fff;font-family:var(--font-body);user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pmap-header{display:flex;align-items:center;gap:10px;padding:calc(12px + var(--sat, 0px)) 16px 12px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.04);flex-shrink:0;z-index:20}.pmap-back-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;padding:0}.pmap-back-btn svg{width:22px;height:22px}.pmap-title{flex:1;font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:2px;color:#22d3ee}.pmap-count{flex-shrink:0}.pmap-count-done{font-family:var(--font-display);font-size:14px;font-weight:700;color:#22d3ee}.pmap-count-sep,.pmap-count-total{font-family:var(--font-display);font-size:14px;font-weight:700;color:#64748b}.pmap-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative}.pmap-scroll::-webkit-scrollbar{display:none}.pmap-canvas{position:relative;min-height:3700px;width:100%;overflow:hidden;padding-bottom:calc(120px + var(--sab, 0px))}.pmap-stars{position:absolute;inset:0;pointer-events:none}.pmap-star{position:absolute;background:#fff;border-radius:50%}.pmap-star--twinkle{animation:pmap-twinkle var(--dur, 3s) var(--del, 0s) ease-in-out infinite}@keyframes pmap-twinkle{0%,to{opacity:var(--lo, .1)}50%{opacity:var(--hi, .5)}}.pmap-nebula{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none;transform:translate(-50%)}.pmap-planet-node{position:absolute;width:160px;transform:translate(-50%) translateY(30px) scale(.9);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;display:flex;flex-direction:column;align-items:center}.pmap-planet-node.pmap-visible{opacity:1;transform:translate(-50%)}.pmap-planet-node--locked.pmap-visible{opacity:.4}.pmap-planet-node:not(.pmap-planet-node--locked):hover .pmap-planet{transform:scale(1.07)}.pmap-difficulty-label{font-family:var(--font-display);font-size:8px;font-weight:700;letter-spacing:2px;color:#ffffff38;margin-bottom:4px}.pmap-rank-name{font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.6px;text-shadow:0 1px 8px rgba(0,0,0,.95);white-space:nowrap;text-align:center;margin-bottom:10px}.pmap-planet-anchor{position:relative;width:96px;height:96px;flex-shrink:0}.pmap-planet{width:96px;height:96px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease}.pmap-planet--locked{box-shadow:0 0 28px #c8323273,0 0 56px #c8323226}.pmap-planet--active{box-shadow:0 0 36px #dc3232b3,0 0 70px #dc323247;animation:pmap-pulse 2.5s ease-in-out infinite}.pmap-planet--done{box-shadow:none}.pmap-planet-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#22c55e8c;display:flex;align-items:center;justify-content:center;pointer-events:none;box-shadow:0 0 10px #22c55e66,0 0 20px #22c55e26;z-index:5}.pmap-planet-check svg{width:24px;height:24px}@keyframes pmap-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.pmap-badge-img{width:54px;height:54px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8)) drop-shadow(0 0 12px rgba(0,0,0,.5))}.pmap-rank-emoji{font-size:34px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.pmap-play-btn{position:absolute;top:50%;transform:translateY(-50%);width:68px;height:46px;border:none;border-radius:11px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);box-shadow:0 0 16px #fbbf2466,inset 0 1px #ffffff26,inset 0 -2px #0003}.pmap-play-btn--left{right:calc(100% + 28px)}.pmap-play-btn--right{left:calc(100% + 28px)}.pmap-play-btn:after{content:"";position:absolute;inset:2px;border-radius:9px;border:1px solid rgba(253,230,138,.3);pointer-events:none}.pmap-play-btn>span{position:relative;z-index:1;font-family:var(--font-display);font-weight:900;font-size:12px;letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35),0 0 10px rgba(251,191,36,.25)}.pmap-play-btn:not(.pmap-play-btn--faded):active{transform:translateY(-50%) scale(.96)}.pmap-play-btn--replay{width:86px;white-space:nowrap;background:linear-gradient(135deg,#374151,#4b5563,#6b7280);box-shadow:0 0 10px #6b72804d,inset 0 1px #ffffff1a,inset 0 -2px #0003}.pmap-play-btn--replay:after{border-color:#9ca3af33}.pmap-play-btn--replay>span{font-size:9px;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.35)}.pmap-play-btn--faded{opacity:.35;box-shadow:none}.pmap-play-btn--faded:after{display:none}.pmap-play-btn--faded:disabled{cursor:default}.pmap-play-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;background:#00000059}.pmap-play-lock svg{width:20px;height:20px;color:#ffffffe6}.pmap-rewards{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:10px}.pmap-rewards-label{font-family:var(--font-display);font-size:8px;font-weight:700;letter-spacing:2px;color:#ffffff38}.pmap-reward-detail{position:relative;width:100%;box-sizing:border-box;padding:4px 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;transition:opacity .3s}.pmap-reward-detail--unclaimed .pmap-reward-row{animation:pmapRowPulse 2s ease-in-out infinite}.pmap-reward-detail--claimed{opacity:.45}.pmap-reward-row{display:flex;align-items:center;gap:5px;border-radius:7px;padding:3px 7px 3px 5px;white-space:nowrap}.pmap-reward-row--credits{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.pmap-reward-row--gems{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.pmap-reward-row--cosmetic{background:#22d3ee0f;border:1px solid rgba(34,211,238,.18)}.pmap-reward-row--unlock{background:#4ade8012;border:1px solid rgba(74,222,128,.22)}.pmap-reward-row-icon{font-size:13px;line-height:1}.pmap-reward-row-value{font-size:11px;font-weight:700;font-family:var(--font-display);line-height:1}.pmap-reward-row--credits .pmap-reward-row-value{color:#fbbf24}.pmap-reward-row--gems .pmap-reward-row-value{color:#c084fc}.pmap-reward-row--cosmetic .pmap-reward-row-value{color:#22d3ee}.pmap-reward-row--unlock .pmap-reward-row-value{color:#4ade80}.pmap-reward-checkmark{position:absolute;top:4px;right:6px;font-size:11px;color:#4ade8099;font-weight:700}.pmap-header-currencies{display:flex;gap:6px;align-items:center}.pmap-header-currency{display:flex;align-items:center;gap:4px;border-radius:8px;padding:4px 8px 4px 5px}.pmap-header-currency--coins{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.pmap-header-currency--gems{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.pmap-header-currency-emoji{font-size:13px;line-height:1}.pmap-header-currency-value{font-family:var(--font-display);font-size:10px;font-weight:700;line-height:1}.pmap-header-currency--coins .pmap-header-currency-value{color:#fbbf24}.pmap-header-currency--gems .pmap-header-currency-value{color:#c084fc}.pmap-rewards--unclaimed .pmap-rewards-label{color:#4ade8099}@keyframes pmapRowPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.pmap-claim-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#071a0e;border:none;border-radius:18px;padding:7px 14px;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.07em;cursor:pointer;box-shadow:0 3px 12px #4ade8073;transition:transform .1s ease;animation:pmapClaimPulse 2s ease-in-out infinite;white-space:nowrap}.pmap-claim-btn:active{transform:scale(.94)}@keyframes pmapClaimPulse{0%,to{box-shadow:0 3px 12px #4ade8073}50%{box-shadow:0 3px 20px #4ade80b3}}.pmap-claimed-label{font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.1em;color:#4ade8080}.pmap-claimed-label--before{color:#fff3}.pmap-flying-particle{position:fixed;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:9999;animation:pmapFlyToHeader 1.5s cubic-bezier(.25,.1,.25,1) forwards}.pmap-flying-particle--credits{background:#fbbf24;box-shadow:0 0 6px #fbbf24e6,0 0 12px #fbbf2480}.pmap-flying-particle--gems{background:#c084fc;box-shadow:0 0 6px #c084fce6,0 0 12px #c084fc80}@keyframes pmapFlyToHeader{0%{transform:translate(0) scale(1);opacity:1}70%{transform:translate(var(--tx),var(--ty)) scale(.5);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.1);opacity:0}}.lb-overlay{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;animation:lbFadeIn .22s ease-out}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lb-backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(6px)}.lb-modal{position:absolute;inset:24px 10px 10px;border-radius:20px;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(34,211,238,.06),transparent 60%),linear-gradient(180deg,#0a0f2e,#060918 40%);border:1px solid rgba(34,211,238,.12);box-shadow:0 0 60px #22d3ee14,inset 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;animation:lbSlideUp .32s cubic-bezier(.22,1,.36,1)}@keyframes lbSlideUp{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.lb-header{padding:16px 16px 0;display:flex;align-items:center;flex-shrink:0}.lb-title-icon{margin-right:8px;font-size:18px}.lb-title{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:900;font-size:16px;color:#fff;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 20px rgba(34,211,238,.3)}.lb-close-btn{margin-left:auto;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;line-height:1;padding:0}.lb-close-btn:active{background:#ffffff1a}.lb-tabs{display:flex;gap:6px;padding:12px 16px 0;flex-shrink:0}.lb-tab{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:#ffffff59;position:relative}.lb-tab.active{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2466}.lb-tab.soon{opacity:.5;pointer-events:none}.lb-tab-soon-badge{position:absolute;top:-7px;left:50%;transform:translate(-50%);font-family:var(--font-display, "Orbitron", sans-serif);font-weight:700;font-size:6px;letter-spacing:.1em;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:2px 5px;border-radius:3px;white-space:nowrap}.lb-podium{padding:16px 12px 8px;display:flex;align-items:flex-end;justify-content:center;gap:6px;flex-shrink:0;position:relative}.lb-podium:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:120px;background:radial-gradient(ellipse,rgba(251,191,36,.07),transparent 70%);pointer-events:none}.lb-podium-slot{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .15s}.lb-podium-slot:active{transform:scale(.97)}.lb-podium-slot.first{order:2}.lb-podium-slot.second{order:1}.lb-podium-slot.third{order:3}.lb-podium-banner{border-radius:10px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.lb-podium-slot.first .lb-podium-banner{width:130px;height:155px}.lb-podium-slot.second .lb-podium-banner{width:105px;height:125px}.lb-podium-slot.third .lb-podium-banner{width:100px;height:115px}.lb-podium-skin{position:absolute;inset:0;z-index:0;border-radius:inherit}.lb-podium-border-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:2}.lb-podium-scrim{position:absolute;inset:0;z-index:2;border-radius:inherit;background:linear-gradient(to top,rgba(5,8,16,.65) 0%,rgba(5,8,16,.25) 55%,transparent 100%);pointer-events:none}.lb-podium-banner-bg{position:absolute;inset:0;z-index:1;border-radius:inherit;background:transparent}.lb-podium-slot.first .lb-podium-banner-bg{border:1.5px solid rgba(251,191,36,.35);box-shadow:0 0 20px #fbbf2424,inset 0 0 28px #fbbf240a}.lb-podium-slot.second .lb-podium-banner-bg{border:1.5px solid rgba(148,163,184,.3);box-shadow:0 0 14px #94a3b814}.lb-podium-slot.third .lb-podium-banner-bg{border:1.5px solid rgba(217,119,6,.25);box-shadow:0 0 12px #d9770612}.lb-podium-shimmer{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:lbShimmer 4s ease-in-out infinite;border-radius:inherit}@keyframes lbShimmer{0%{transform:translate(-100%)}to{transform:translate(300%)}}.lb-podium-crown{position:absolute;top:-13px;font-size:20px;z-index:3;filter:drop-shadow(0 0 6px rgba(251,191,36,.5));animation:lbCrownBob 3s ease-in-out infinite}@keyframes lbCrownBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}.lb-podium-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;padding:8px 6px;width:100%}.lb-podium-medal{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.lb-podium-slot.first .lb-podium-medal{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.4)}.lb-podium-slot.second .lb-podium-medal{color:#94a3b8;text-shadow:0 0 8px rgba(148,163,184,.3)}.lb-podium-slot.third .lb-podium-medal{color:#d97706;text-shadow:0 0 8px rgba(217,119,6,.3)}.lb-podium-rank-icon{width:26px;height:26px;border-radius:6px;margin-bottom:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.lb-podium-rank-icon img{width:100%;height:100%;object-fit:contain}.lb-podium-nick{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:700;font-size:9px;color:#fff;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.lb-podium-tag{font-size:8px;color:#fff6;margin-top:1px}.lb-podium-elo{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:700;font-size:11px;margin-top:2px}.lb-podium-slot.first .lb-podium-elo{color:#fbbf24}.lb-podium-slot.second .lb-podium-elo{color:#94a3b8}.lb-podium-slot.third .lb-podium-elo{color:#d97706}.lb-separator{height:1px;margin:4px 16px 0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.15),transparent);flex-shrink:0}.lb-list-wrapper{flex:1;overflow-y:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.lb-list-wrapper::-webkit-scrollbar{width:3px}.lb-list-wrapper::-webkit-scrollbar-track{background:transparent}.lb-list-wrapper::-webkit-scrollbar-thumb{background:#22d3ee26;border-radius:3px}.lb-row{display:flex;align-items:center;padding:8px 16px;gap:10px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}.lb-row:active{background:#22d3ee0f}.lb-row.self{background:#22d3ee0d;border:1px solid rgba(34,211,238,.12);border-radius:8px;margin:2px 8px}.lb-pos{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:700;font-size:12px;color:#fff6;width:30px;text-align:center;flex-shrink:0}.lb-row.self .lb-pos{color:#22d3ee}.lb-row-rank-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.lb-row-rank-icon img{width:100%;height:100%;object-fit:contain}.lb-row-info{flex:1;min-width:0}.lb-row-nick{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:700;font-size:10px;color:#fff;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-row-nick .lb-hash{font-family:inherit;font-weight:500;font-size:9px;color:#fff6;margin-left:1px}.lb-row-subtitle{font-size:9px;color:#ffffff38;margin-top:1px}.lb-row-elo{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:700;font-size:11px;color:#22d3ee;flex-shrink:0;text-shadow:0 0 8px rgba(34,211,238,.2)}.lb-self-bar{flex-shrink:0;border-top:1px solid rgba(34,211,238,.12);background:linear-gradient(180deg,#22d3ee0a,#060918f2);padding:8px 16px;display:flex;align-items:center;gap:10px;cursor:pointer}.lb-self-bar .lb-pos{color:#22d3ee;font-size:14px}.lb-self-bar .lb-row-nick{font-size:11px}.lb-self-bar .lb-row-elo{font-size:13px}.lb-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.lb-loading-spinner{width:30px;height:30px;border:3px solid rgba(34,211,238,.1);border-top-color:#22d3ee;border-radius:50%;animation:lbSpin .8s linear infinite}@keyframes lbSpin{to{transform:rotate(360deg)}}.lb-loading-text{font-size:12px;color:#fff6}.lb-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.lb-empty-icon{font-size:34px;opacity:.3}.lb-empty-text{font-size:13px;color:#fff6;text-align:center}.np-backdrop{position:fixed;inset:0;background:#0009;z-index:900;animation:npFadeIn .2s ease}.np-panel{position:fixed;top:6vh;bottom:4vh;left:3vw;right:3vw;z-index:901;display:flex;flex-direction:column;background:linear-gradient(170deg,#141e3ce6,#080c18f7 40%,#050810);border-radius:16px;border:1px solid rgba(100,140,255,.12);overflow:hidden;animation:npSlideIn .25s cubic-bezier(.22,1,.36,1)}@keyframes npFadeIn{0%{opacity:0}to{opacity:1}}@keyframes npSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.np-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;flex-shrink:0}.np-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:14px;letter-spacing:.12em;color:#e2e8ff}.np-close{background:none;border:none;color:#ffffff80;font-size:22px;line-height:1;cursor:pointer;padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.np-close:active{color:#fff}.np-tabs{display:flex;margin:10px 16px 0;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.np-tab{background:none;border:none;font-family:Orbitron,sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;color:#fff6;padding:8px 14px 10px;cursor:pointer;position:relative;display:flex;align-items:center;gap:6px;min-height:44px}.np-tab.active{color:#22d3ee}.np-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#22d3ee;border-radius:2px 2px 0 0}.np-tab-badge{background:#ef4444;color:#fff;font-family:Rajdhani,sans-serif;font-weight:700;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.np-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 8px}.np-section-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:11px;letter-spacing:.1em;color:#ffffff4d;text-transform:uppercase;padding:10px 16px 4px}.np-friend-row{display:flex;align-items:center;padding:9px 16px;gap:10px;position:relative}.np-friend-row.offline{opacity:.55}.np-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:1px}.np-status-dot.online{background:#22c55e;box-shadow:0 0 4px #22c55e}.np-status-dot.offline{background:#ffffff40}.np-friend-info{flex:1;min-width:0}.np-friend-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:12px;color:#e2e8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-friend-rank{font-family:Rajdhani,sans-serif;font-weight:500;font-size:11px;color:#fff6;margin-top:1px}.np-challenge-btn{background:#22d3ee1a;border:1px solid rgba(34,211,238,.35);border-radius:6px;color:#22d3ee;font-family:Orbitron,sans-serif;font-weight:700;font-size:10px;letter-spacing:.06em;padding:6px 10px;cursor:pointer;min-height:34px;white-space:nowrap;flex-shrink:0}.np-challenge-btn:active{background:#22d3ee33}.np-challenge-btn.waiting{color:#fff6;border-color:#ffffff26;background:transparent;animation:npPulse 1.4s ease-in-out infinite;cursor:default}@keyframes npPulse{0%,to{opacity:1}50%{opacity:.45}}.np-empty{text-align:center;padding:24px 16px;font-family:Rajdhani,sans-serif;font-size:13px;color:#ffffff4d}.np-request-row{display:flex;align-items:center;padding:9px 16px;gap:10px}.np-request-actions{display:flex;gap:6px;flex-shrink:0}.np-accept-btn,.np-decline-btn{width:36px;height:36px;border-radius:6px;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.np-accept-btn{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.np-accept-btn:active{background:#22c55e4d}.np-decline-btn{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.np-decline-btn:active{background:#ef444440}.np-add-section{padding:10px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.np-add-row{display:flex;gap:8px;align-items:center}.np-add-input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8ff;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:500;padding:9px 12px;outline:none;min-height:44px}.np-add-input:focus{border-color:#22d3ee66;background:#22d3ee0a}.np-add-input::placeholder{color:#ffffff40}.np-add-btn{background:#22d3ee1f;border:1px solid rgba(34,211,238,.4);border-radius:8px;color:#22d3ee;font-family:Orbitron,sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;padding:0 14px;height:44px;cursor:pointer;white-space:nowrap}.np-add-btn:active{background:#22d3ee38}.np-add-btn:disabled{opacity:.4;cursor:default}.np-add-success{font-family:Rajdhani,sans-serif;font-size:12px;color:#4ade80;text-align:center;padding:2px 0}.np-add-error{font-family:Rajdhani,sans-serif;font-size:12px;color:#f87171;text-align:center;padding:2px 0}.np-confirm-overlay{position:absolute;inset:0;background:#050810eb;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;z-index:10;border-radius:4px;padding:16px}.np-confirm-text{font-family:Rajdhani,sans-serif;font-weight:600;font-size:14px;color:#e2e8ff;text-align:center}.np-confirm-btns{display:flex;gap:10px}.np-confirm-yes{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#f87171;font-family:Orbitron,sans-serif;font-weight:700;font-size:11px;padding:8px 16px;cursor:pointer;min-height:44px}.np-confirm-no{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff9;font-family:Orbitron,sans-serif;font-weight:700;font-size:11px;padding:8px 16px;cursor:pointer;min-height:44px}.challenge-popup-backdrop{position:fixed;inset:0;background:#000000bf;z-index:950;animation:challengeFadeIn .2s ease}.challenge-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,340px);z-index:951;display:flex;flex-direction:column;align-items:center;gap:0;background:linear-gradient(170deg,#162246f7,#080c1cfc);border-radius:20px;border:1px solid rgba(34,211,238,.25);overflow:hidden;animation:challengeSlideIn .3s cubic-bezier(.22,1,.36,1);box-shadow:0 0 40px #22d3ee1f,0 8px 32px #0009}@keyframes challengeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes challengeSlideIn{0%{opacity:0;transform:translate(-50%,-54%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.challenge-header{width:100%;padding:14px 20px 12px;text-align:center;background:#22d3ee0f;border-bottom:1px solid rgba(34,211,238,.12)}.challenge-label{font-family:Rajdhani,sans-serif;font-weight:600;font-size:11px;letter-spacing:.16em;color:#22d3eeb3;text-transform:uppercase;margin-bottom:4px}.challenge-title{font-family:Orbitron,sans-serif;font-weight:900;font-size:22px;letter-spacing:.06em;color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.5)}.challenge-info{padding:20px 20px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.challenge-name{font-family:Orbitron,sans-serif;font-weight:700;font-size:15px;color:#e2e8ff;text-align:center}.challenge-rank{font-family:Rajdhani,sans-serif;font-weight:500;font-size:13px;color:#ffffff73;text-align:center}.challenge-timer-track{width:calc(100% - 40px);height:4px;background:#ffffff14;border-radius:2px;margin:0 20px 16px;overflow:hidden}.challenge-timer-bar{height:100%;width:100%;background:linear-gradient(90deg,#06b6d4,#22d3ee);border-radius:2px;transform-origin:left center;animation:challengeTimerShrink var(--timer-duration, 30s) linear forwards}@keyframes challengeTimerShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.challenge-subinfo{font-family:Rajdhani,sans-serif;font-weight:500;font-size:12px;color:#ffffff59;text-align:center;padding:0 20px 16px}.challenge-actions{display:flex;gap:10px;padding:0 20px 20px;width:100%}.challenge-accept-btn,.challenge-decline-btn{flex:1;height:50px;border-radius:10px;font-family:Orbitron,sans-serif;font-weight:900;font-size:12px;letter-spacing:.08em;cursor:pointer;border:none}.challenge-accept-btn{background:linear-gradient(135deg,#0891b2,#22d3ee);color:#fff;box-shadow:0 4px 16px #22d3ee59}.challenge-accept-btn:active{opacity:.85}.challenge-decline-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffff80}.challenge-decline-btn:active{background:#ffffff1f}.menu-root{position:fixed;inset:0;display:flex;flex-direction:column;background-color:var(--bg-deep);font-family:var(--font-body);overflow:hidden;color:#fff}.menu-bg-banner{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none;animation:bannerDrift 60s ease-in-out infinite alternate}@keyframes bannerDrift{0%{object-position:30% center}to{object-position:70% center}}.menu-bg-banner--gradient{background-size:cover;animation:bannerDriftGradient 60s ease-in-out infinite alternate}@keyframes bannerDriftGradient{0%{background-position:30% center}to{background-position:70% center}}.menu-bg-stars{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 20%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 55% 12%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 80% 55%,rgba(255,255,255,.3),transparent),radial-gradient(.8px .8px at 25% 80%,rgba(255,255,255,.15),transparent),radial-gradient(1.2px 1.2px at 90% 35%,rgba(255,255,255,.25),transparent),radial-gradient(.8px .8px at 45% 65%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 70% 90%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 10% 50%,rgba(255,255,255,.25),transparent),radial-gradient(.7px .7px at 60% 40%,rgba(255,255,255,.18),transparent),radial-gradient(1.3px 1.3px at 35% 10%,rgba(255,255,255,.22),transparent),radial-gradient(.9px .9px at 85% 75%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 5% 95%,rgba(255,255,255,.12),transparent),radial-gradient(1.1px 1.1px at 50% 85%,rgba(255,255,255,.17),transparent),radial-gradient(.6px .6px at 72% 22%,rgba(255,255,255,.2),transparent);background-size:100px 300px;animation:starDrift 50s linear infinite}@keyframes starDrift{0%{background-position:0 0}to{background-position:100px 300px}}.menu-bg-nebula{position:absolute;inset:0;z-index:0;pointer-events:none}.menu-bg-nebula:before{content:"";position:absolute;top:5%;left:-15%;width:60%;height:40%;background:radial-gradient(ellipse,rgba(99,102,241,.08),transparent 70%)}.menu-bg-nebula:after{content:"";position:absolute;bottom:15%;right:-10%;width:50%;height:35%;background:radial-gradient(ellipse,rgba(168,85,247,.06),transparent 70%)}.menu-bg-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(96,165,250,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.02) 1px,transparent 1px);background-size:40px 40px}.menu-topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-end;padding:calc(12px + env(safe-area-inset-top,0px)) 4% 6px;flex-shrink:0;gap:8px}.menu-level-bar{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.menu-level-label{font-family:var(--font-display);font-weight:700;font-size:10px;color:var(--cyan);letter-spacing:.06em;white-space:nowrap;-webkit-text-stroke:0}.menu-level-track{flex:1;height:6px;background:#ffffff0f;border-radius:3px;border:1px solid rgba(255,255,255,.04);overflow:hidden}.menu-level-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--cyan),#60a5fa);box-shadow:0 0 6px #22d3ee4d;transition:width .5s ease}.menu-banner-row{position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-start;padding:0 0 4px;margin-top:10px;margin-left:-2px;flex-shrink:0;transform:scale(1.15);transform-origin:left center}.menu-rank-badge{height:60px;width:auto;object-fit:contain;flex-shrink:0;margin-right:-22px;position:relative;z-index:2;filter:drop-shadow(0 0 8px rgba(0,0,0,.5))}.menu-profile{display:flex;align-items:center;gap:0;position:relative}.menu-avatar-frame{position:relative;width:46px;height:46px;flex-shrink:0;border-radius:10px;border:2px solid var(--gold-dark);overflow:hidden;box-shadow:0 0 12px #d9770640;z-index:2}.menu-avatar-frame img{width:100%;height:100%;display:block;object-fit:cover}.menu-level-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1d4ed8,#3b82f6);border:1.5px solid #60a5fa;border-radius:6px;padding:1px 6px;z-index:3}.menu-level-badge span{font-family:var(--font-display);font-weight:700;font-size:9px;color:#fff;line-height:1;-webkit-text-stroke:0}.menu-profile-info{display:flex;flex-direction:column;margin-left:-6px;z-index:1}.menu-name-bar{background:var(--bg-panel);border:1px solid rgba(148,163,184,.25);border-radius:0 12px 0 0;padding:3px 14px;min-width:100px}.menu-player-name{font-family:var(--font-display);font-weight:700;font-size:12px;color:#fff;letter-spacing:.04em;-webkit-text-stroke:0}.menu-clan-bar{background:#1e293bb3;border:1px solid rgba(148,163,184,.15);border-top:none;border-radius:0 0 8px;padding:1px 10px 2px 14px;margin-top:-1px;width:fit-content}.menu-clan-name{font-family:var(--font-body);font-weight:500;font-size:10px;color:#ffffff59;letter-spacing:.06em;-webkit-text-stroke:0}.menu-currencies{display:flex;gap:5px;flex-shrink:0}.menu-currency{display:flex;align-items:center;gap:4px;border-radius:8px;padding:4px 8px 4px 5px}.menu-currency--coins{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.menu-currency--gems{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.menu-currency-emoji{font-size:14px;line-height:1;-webkit-text-stroke:0}.menu-currency-value{font-family:var(--font-display);font-weight:700;font-size:10px;line-height:1;-webkit-text-stroke:0}.menu-currency--coins .menu-currency-value{color:#fbbf24}.menu-currency--gems .menu-currency-value{color:#c084fc}.menu-social-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-family:Rajdhani,sans-serif;font-weight:700;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1px solid rgba(5,8,16,.8)}.menu-planet-area{position:relative;z-index:5;flex:1;width:100%;min-height:0;overflow:hidden}.menu-planet-area canvas{width:100%;height:100%;display:block}.menu-scene-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#ffffff0f;color:#ffffff80;cursor:pointer;transition:background .15s,color .15s;padding:0;z-index:10}.menu-scene-arrow svg{width:18px;height:18px}.menu-scene-arrow:active{background:#ffffff1f;color:#fffc}.menu-scene-arrow--left{left:5%}.menu-scene-arrow--right{right:5%}.menu-settings-panel{position:absolute;left:8px;top:calc(160px + env(safe-area-inset-top,0px));z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px}.menu-leaderboard-btn{position:fixed;right:calc(3% + 51px);top:calc(58px + env(safe-area-inset-top,0px));width:40px;height:40px;border-radius:10px;border:1.5px solid rgba(34,211,238,.3);background:#22d3ee12;color:#22d3ee;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .15s;z-index:15}.menu-leaderboard-btn:active{transform:scale(.9);background:#22d3ee26}.menu-leaderboard-btn svg{width:18px;height:18px;filter:drop-shadow(0 0 4px rgba(34,211,238,.3))}.menu-social-btn{position:fixed;right:calc(3% + 5px);top:calc(58px + env(safe-area-inset-top,0px));width:40px;height:40px;border-radius:10px;border:1.5px solid rgba(34,211,238,.3);background:#22d3ee12;color:#22d3ee;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .15s;z-index:15}.menu-social-btn:active{transform:scale(.9);background:#22d3ee26}.menu-social-btn svg{width:18px;height:18px;filter:drop-shadow(0 0 4px rgba(34,211,238,.3))}.menu-settings-toggle{position:fixed;right:calc(3% + 5px);top:calc(104px + env(safe-area-inset-top,0px));width:24px;height:24px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform .1s,background .15s;z-index:15}.menu-settings-toggle:active{transform:scale(.9);background:#ffffff1f}.menu-settings-toggle svg{width:13px;height:13px}.menu-settings-items{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 8px;background:#00000059;border-radius:14px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}.menu-sound-btn{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.menu-sound-btn svg{width:16px;height:16px}.menu-lang-switch{display:flex;align-items:center;gap:4px;font-size:11px;font-family:var(--font-display);background:none;border:none;cursor:pointer;padding:0}.menu-lang-option--active{color:#ffffffb3}.menu-lang-option--inactive{color:#ffffff59}.menu-lang-separator{color:#fff3}.menu-sandbox-pill{display:flex;align-items:center;gap:8px;background:#ffffff0f;border-radius:14px;padding:5px 12px;cursor:pointer;user-select:none;border:none;font-family:var(--font-body)}.menu-sandbox-dot{width:8px;height:8px;border-radius:50%;transition:background .2s}.menu-sandbox-dot--off{background:#ffffff40}.menu-sandbox-dot--on{background:#4ade80}.menu-sandbox-pill span{font-size:10px;color:#ffffff59}.menu-connection-indicator{display:flex;align-items:center;gap:6px;padding:5px 10px}.menu-connection-indicator span{font-size:10px;color:#ffffff59;-webkit-text-stroke:0}.menu-connection-dot{width:7px;height:7px;border-radius:50%;transition:background .3s}.menu-connection-dot--on{background:#4ade80;box-shadow:0 0 4px #4ade8080}.menu-connection-dot--off{background:#ef4444;box-shadow:0 0 4px #ef444480}.menu-bottom{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 20% 12px;flex-shrink:0}.menu-rank-progress{position:absolute;bottom:8px;left:20%;right:20%;display:flex;flex-direction:column;align-items:center;gap:0;z-index:10}.menu-rank-next-label{font-family:var(--font-body);font-weight:600;font-size:12px;color:#ffffff73;letter-spacing:.08em;-webkit-text-stroke:0;margin-bottom:-4px}.menu-rank-next-label strong{color:var(--cyan)}.menu-rank-bar-row{display:flex;align-items:center;gap:6px;width:100%}.menu-rank-icon{width:28px;height:28px;flex-shrink:0;border-radius:6px}.menu-rank-icon--next{width:28px;height:28px;filter:drop-shadow(0 0 6px var(--cyan-glow))}.menu-rank-next-icon-wrap{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.menu-rank-bar-row .rank-bar{flex:1}.menu-battle-btn{position:relative;width:100%;height:clamp(60px,14vw,72px);padding:0;border:none;border-radius:14px;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);box-shadow:0 0 25px #fbbf244d,inset 0 1px #ffffff26,inset 0 -2px #0003;animation:battlePulse 3s ease-in-out infinite;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.menu-battle-btn--locked{opacity:.4;pointer-events:none;animation:none}.menu-battle-btn--mission-locked{opacity:.55;animation:none}.menu-battle-btn-wrap{position:relative;display:flex;align-items:center;width:100%}.menu-battle-btn__mission-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#000000b8;border-radius:14px;font-size:.8rem;font-weight:800;letter-spacing:.05em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);text-align:center;text-transform:uppercase;pointer-events:none}.menu-battle-btn:active{transform:scale(.96)}.menu-battle-btn:after{content:"";position:absolute;inset:3px;border-radius:11px;border:1.5px solid rgba(253,230,138,.35);pointer-events:none}.menu-battle-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);background-size:200% 100%;animation:battleShimmer 3s ease-in-out infinite;pointer-events:none}.menu-battle-btn{display:flex;align-items:center;justify-content:center}.menu-battle-btn>span{position:relative;z-index:1;font-family:var(--font-display);font-weight:900;font-size:clamp(18px,5vw,24px);color:#fff;letter-spacing:.12em;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(251,191,36,.3)}@keyframes battlePulse{0%,to{box-shadow:0 0 20px #fbbf244d,inset 0 0 20px #fbbf241a}50%{box-shadow:0 0 40px #fbbf2480,inset 0 0 30px #fbbf2426}}@keyframes battleShimmer{0%{background-position:-200% center}to{background-position:200% center}}.menu-tabbar-spacer{height:calc(80px + env(safe-area-inset-bottom,0px));flex-shrink:0}.menu-battle-btn--searching{background:linear-gradient(135deg,#1e3a5f,#1e4976,#2563a8,#3b82f6);box-shadow:0 0 25px #3b82f64d,inset 0 1px #ffffff1a,inset 0 -2px #0003;animation:searchPulse 2s ease-in-out infinite}.menu-battle-btn--searching:after{border-color:#93c5fd40}@keyframes searchPulse{0%,to{box-shadow:0 0 15px #3b82f640,inset 0 0 15px #3b82f614;transform:scale(1)}50%{box-shadow:0 0 45px #3b82f699,inset 0 0 35px #3b82f633;transform:scale(1.02)}}.menu-battle-btn--searching .menu-battle-shimmer{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:200% 100%}.menu-battle-searching{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:85%;padding:0 4%}.menu-battle-searching-text{font-family:var(--font-display);font-weight:700;font-size:clamp(9px,2.5vw,11px);color:#fff;letter-spacing:.1em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.menu-battle-dots span{display:inline-block;opacity:0;animation:dotFade 1.4s ease-in-out infinite}.menu-battle-dots span:nth-child(1){animation-delay:0s}.menu-battle-dots span:nth-child(2){animation-delay:.3s}.menu-battle-dots span:nth-child(3){animation-delay:.6s}@keyframes dotFade{0%,20%{opacity:0}40%,60%{opacity:1}80%,to{opacity:0}}.menu-battle-searching-timer{font-family:var(--font-display);font-weight:700;font-size:clamp(9px,2.5vw,11px);color:#ffffff73;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.3)}.menu-missions-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.menu-missions-claim-badge{display:flex;align-items:center;gap:5px;background:#4ade801f;border:1px solid rgba(74,222,128,.35);border-radius:20px;padding:4px 12px;animation:missionClaimBounce 1.4s ease-in-out infinite}.menu-missions-claim-arrow{font-size:13px;line-height:1;color:#4ade80;display:inline-block;animation:missionClaimArrow 1.4s ease-in-out infinite}.menu-missions-claim-text{font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.1em;color:#4ade80}@keyframes missionClaimBounce{0%,to{transform:translateY(0);box-shadow:0 0 10px #4ade8033}50%{transform:translateY(-4px);box-shadow:0 0 18px #4ade8073}}@keyframes missionClaimArrow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.menu-battle-btn--missions{background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);box-shadow:0 0 25px #fbbf244d,inset 0 1px #ffffff26,inset 0 -2px #0003;animation:battlePulse 3s ease-in-out infinite}.menu-battle-btn--missions:after{border-color:#fbbf2433}.menu-battle-btn--missions>span{font-size:clamp(14px,3.8vw,18px);padding:0 8px}.menu-missions-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px 20px;border:1.5px solid rgba(34,211,238,.3);border-radius:14px;background:#22d3ee12;color:#22d3eed9;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:opacity .15s,background .15s}.menu-missions-btn:active{opacity:.75;background:#22d3ee21}.menu-missions-btn-icon{font-size:16px}.menu-mission-gate-toast{position:absolute;bottom:calc(100px + var(--sab, 0px));left:50%;transform:translate(-50%);padding:10px 18px;background:#1e1428f2;border:1px solid rgba(251,191,36,.4);border-radius:12px;color:#fbbf24;font-size:13px;font-weight:600;white-space:nowrap;z-index:200;pointer-events:none;animation:missionToastIn .2s ease-out}@keyframes missionToastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.xp-particles-container{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.xp-particle{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;background:#00e5ff;box-shadow:0 0 6px #00e5ffcc,0 0 12px #00e5ff66;animation:xpFlyToBar 1.6s cubic-bezier(.25,.1,.25,1) forwards}@keyframes xpFlyToBar{0%{transform:translate(0) scale(1);opacity:1}70%{transform:translate(var(--tx),var(--ty)) scale(.4);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.1);opacity:0}}.reward-gained-text{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 28px;background:#0a0e1ebf;border:1px solid rgba(255,255,255,.12);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0f;pointer-events:none;z-index:101;animation:rewardCardFloat 2s ease-out forwards}.reward-gained-line{font-family:var(--font-display);font-weight:900;white-space:nowrap}.reward-gained-line--xp{font-size:28px;color:#00e5ff;text-shadow:0 0 12px rgba(0,229,255,.8),0 0 24px rgba(0,229,255,.3)}.reward-gained-line--credits{font-size:22px;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.8),0 0 24px rgba(251,191,36,.3)}.reward-gained-line--gems{font-size:22px;color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.8),0 0 24px rgba(192,132,252,.3)}@keyframes rewardCardFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}20%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.95)}}@keyframes xpTextFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{transform:translate(-50%,-50%) scale(1)}65%{opacity:1}to{opacity:0;transform:translate(-50%,-90%) scale(1)}}.menu-level-absorbing .menu-level-track{animation:xpAbsorbPulse .6s ease-in-out infinite}@keyframes xpAbsorbPulse{0%,to{box-shadow:0 0 6px #00e5ff66,0 0 12px #00e5ff33}50%{box-shadow:0 0 10px #00e5ffcc,0 0 20px #00e5ff66}}.menu-level-flash .menu-level-track{box-shadow:0 0 12px #00e5ffcc,0 0 24px #00e5ff66}.menu-level-flash .menu-level-label{animation:levelLabelBounce .5s ease-out}.menu-level-up-text{font-family:var(--font-display);font-weight:900;font-size:11px;color:#00e5ff;white-space:nowrap;margin-left:6px;text-shadow:0 0 8px rgba(0,229,255,.8);animation:levelUpBounceIn .5s ease-out}@keyframes levelLabelBounce{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes levelUpBounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.currency-particle{position:absolute;bottom:0;width:5px;height:5px;border-radius:50%;animation:xpFlyToBar 1.6s cubic-bezier(.25,.1,.25,1) forwards}.currency-particle--credits{background:#fbbf24;box-shadow:0 0 6px #fbbf24cc,0 0 12px #fbbf2466}.currency-particle--gems{background:#c084fc;box-shadow:0 0 6px #c084fccc,0 0 12px #c084fc66}.menu-currency-absorbing{animation:creditAbsorbPulse .6s ease-in-out infinite}.menu-currency-absorbing--gems{animation:gemAbsorbPulse .6s ease-in-out infinite}@keyframes creditAbsorbPulse{0%,to{box-shadow:0 0 6px #fbbf2466}50%{box-shadow:0 0 10px #fbbf24cc,0 0 20px #fbbf2466}}@keyframes gemAbsorbPulse{0%,to{box-shadow:0 0 6px #c084fc66}50%{box-shadow:0 0 10px #c084fccc,0 0 20px #c084fc66}}.tab-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:8px;padding:40px 20px}.tab-placeholder-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;-webkit-text-stroke:0}.tab-placeholder-desc{font-family:var(--font-body);font-size:13px;color:#fff6}.menu-pod-slots-row{display:flex;align-items:center;gap:8px;padding:6px 5% 0;position:relative;z-index:5}.menu-pod-slots{display:flex;flex:1;gap:6px}.menu-pod-slot{flex:1;height:96px;border-radius:12px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;transition:border-color .15s,box-shadow .15s,background .3s;overflow:visible}.menu-pod-slot--empty{border-style:dashed;border-color:#ffffff1a;display:flex;align-items:center;justify-content:center}.menu-pod-slot__empty-label{font-size:.6rem;color:#ffffff40;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;text-align:center;pointer-events:none}.menu-pod-slot--ready{animation:podReadyGlow 1.5s ease-in-out infinite}@keyframes podReadyGlow{0%,to{box-shadow:0 0 6px #22c55e4d}50%{box-shadow:0 0 16px #22c55e99}}.menu-pod-slot__img{width:60px;height:60px;object-fit:contain;pointer-events:none;position:relative;z-index:1}.menu-pod-slot__action{background:none;border:none;color:#ffffff80;font-size:12px;font-family:var(--font-display);font-weight:700;text-transform:uppercase;cursor:pointer;padding:0}.menu-pod-slot__action:disabled{opacity:.4;cursor:not-allowed}.menu-pod-slot__timer-bg{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0}.menu-pod-slot__timer-wrap{display:flex;flex-direction:column;align-items:center;gap:1px;position:relative;z-index:1}.menu-pod-slot__timer{font-family:var(--font-display);font-size:12px;font-weight:700;color:#ffffffb3}.menu-pod-slot__skip{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);z-index:5;background:#0a1e28f2;border:1.5px solid rgba(34,211,238,.4);border-radius:13px;color:#22d3ee;font-size:9px;font-family:var(--font-display);font-weight:700;cursor:pointer;padding:3px 10px;display:flex;align-items:center;gap:4px;line-height:1.15;white-space:nowrap;box-shadow:0 0 8px #22d3ee33}.menu-pod-slot__skip-label{font-size:8px;font-weight:600}.menu-pod-slot__skip-cost{font-size:10px;font-weight:800}.menu-pod-slot__skip:disabled{opacity:.4}.menu-pod-slot__open{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);z-index:5;border:none;border-radius:13px;color:#fff;font-family:var(--font-display);font-weight:800;font-size:11px;text-transform:uppercase;padding:4px 16px;cursor:pointer;transition:transform .1s;white-space:nowrap}.menu-pod-slot__open:active{transform:translate(-50%) scale(.95)}.menu-pod-slot__open:disabled{opacity:.5}.menu-pod-slot--glow-common{background:radial-gradient(ellipse at center,rgba(74,222,128,.15) 0%,transparent 70%)}.menu-pod-slot--glow-rare{background:radial-gradient(ellipse at center,rgba(34,211,238,.15) 0%,transparent 70%)}.menu-pod-slot--glow-epic{background:radial-gradient(ellipse at center,rgba(192,132,252,.18) 0%,transparent 70%)}.menu-pod-slot--glow-legendary{background:radial-gradient(ellipse at center,rgba(251,191,36,.22) 0%,transparent 70%)}.menu-pod-slot--glow-legendary:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,rgba(251,191,36,.15) 45%,transparent 55%);background-size:200% 100%;animation:podShimmer 2.5s ease-in-out infinite;pointer-events:none}@keyframes podShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.menu-pod-slot__tap-prompt{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);pointer-events:none}.menu-pod-slot__tap-arrow{font-size:13px;color:#ffffffb3;animation:podBounce 1.2s ease-in-out infinite;display:block}@keyframes podBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.menu-daily-pod{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:84px;border-radius:12px;background:#fbbf241a;border:1.5px solid rgba(251,191,36,.3);cursor:pointer;flex-shrink:0;animation:dailyPodPulse 2s ease-in-out infinite;transition:transform .1s}.menu-daily-pod:active{transform:scale(.95)}.menu-daily-pod:disabled{opacity:.5;animation:none}@keyframes dailyPodPulse{0%,to{box-shadow:0 0 6px #fbbf2433}50%{box-shadow:0 0 18px #fbbf2480}}.menu-daily-pod__icon{font-size:18px;line-height:1}.menu-daily-pod__label{font-family:var(--font-display);font-weight:800;font-size:8px;color:#fbbf24;text-transform:uppercase;letter-spacing:.06em}.menu-pod-overflow-badge{background:#c084fc26;border:1px solid rgba(192,132,252,.3);border-radius:12px;padding:4px 10px;color:#c084fc;font-family:var(--font-display);font-weight:700;font-size:9px;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:transform .1s}.menu-pod-overflow-badge:active{transform:scale(.95)}.menu-pod-overflow-backdrop{position:fixed;inset:0;background:#0009;z-index:920}.menu-pod-overflow-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:921;background:var(--bg-deep, #050810);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;min-width:260px;max-width:90vw;display:flex;flex-direction:column;gap:10px}.menu-pod-overflow-modal__title{font-family:var(--font-display);font-weight:900;font-size:14px;color:#fff;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}.menu-pod-overflow-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;border:1.5px solid rgba(255,255,255,.08);background:#ffffff08;font-size:13px}.menu-pod-overflow-item__move{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:10px;padding:4px 10px;cursor:pointer;text-transform:uppercase}.menu-pod-overflow-item__move:disabled{opacity:.4}.menu-pod-overflow-modal__close{margin-top:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff80;font-family:var(--font-display);font-weight:700;font-size:11px;padding:8px;cursor:pointer;text-transform:uppercase}.tutorial-overlay{position:absolute;inset:0;pointer-events:none;z-index:25}.tutorial-panel{position:absolute;left:16px;right:16px;background:#0a1428ed;border:1.5px solid rgba(34,211,238,.6);border-radius:14px;padding:14px 16px 12px;box-shadow:0 0 24px #22d3ee2e,0 8px 28px #000000a6;pointer-events:auto;display:flex;flex-direction:column;gap:8px;animation:panelFadeIn .3s ease forwards}.tutorial-panel.top{top:calc(max(env(safe-area-inset-top,0px),0px) + 68px)}.tutorial-panel.bottom{bottom:calc(max(env(safe-area-inset-bottom,0px),16px) + 90px)}.tutorial-panel.shaking{animation:panelShake .4s ease}.tutorial-steps{display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:2px}.tutorial-step-dot{width:7px;height:7px;border-radius:50%;background:#ffffff38;transition:background .3s ease,width .2s ease,height .2s ease}.tutorial-step-dot.completed{background:#22d3ee}.tutorial-step-dot.active{background:#fff;width:9px;height:9px;box-shadow:0 0 7px #ffffff8c}.tutorial-panel-title{font-family:Orbitron,system-ui,sans-serif;font-weight:700;font-size:13px;color:#22d3ee;text-transform:uppercase;letter-spacing:.08em;text-align:center}.tutorial-panel-text{font-family:Rajdhani,system-ui,sans-serif;font-weight:500;font-size:15px;color:#ffffffe6;line-height:1.45;text-align:center}.tutorial-next-btn{align-self:center;margin-top:4px;padding:9px 28px;font-family:Orbitron,system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 16px #fbbf2480;transition:opacity .2s ease,box-shadow .2s ease}.tutorial-next-btn:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}.tutorial-next-btn:not(:disabled):active{opacity:.85}.tutorial-highlight-ring{position:absolute;border:2px dashed #22d3ee;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:tutorialRingPulse 1.5s ease-in-out infinite;box-shadow:0 0 12px #22d3ee80}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes panelShake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}@keyframes tutorialRingPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.08)}}.tutorial-finger{position:absolute;width:44px;height:44px;border-radius:50%;background:#ffffff40;border:2.5px solid rgba(255,255,255,.85);transform:translate(-50%,-50%);animation:fingerDrag 2.2s ease-in-out infinite;pointer-events:none;left:var(--fx);top:var(--fy)}@keyframes fingerDrag{0%{left:var(--fx);top:var(--fy);opacity:0;transform:translate(-50%,-50%) scale(.85)}8%{left:var(--fx);top:var(--fy);opacity:1;transform:translate(-50%,-50%) scale(1)}78%{left:var(--tx);top:var(--ty);opacity:1;transform:translate(-50%,-50%) scale(1)}90%{left:var(--tx);top:var(--ty);opacity:0;transform:translate(-50%,-50%) scale(.8)}to{left:var(--fx);top:var(--fy);opacity:0;transform:translate(-50%,-50%) scale(.85)}}.tutorial-callout{position:absolute;transform:translate(-50%,-100%);margin-top:-20px;background:#0a1428eb;border:1.5px solid rgba(34,211,238,.6);border-radius:10px;padding:6px 12px;text-align:center;white-space:nowrap;pointer-events:none;animation:calloutFadeIn .4s ease forwards}.tutorial-callout-label{font-family:Orbitron,system-ui,sans-serif;font-weight:700;font-size:11px;color:#22d3ee;letter-spacing:.05em}.tutorial-callout-sub{font-family:Rajdhani,system-ui,sans-serif;font-weight:500;font-size:11px;color:#ffffffb3;margin-top:2px}@keyframes calloutFadeIn{0%{opacity:0;transform:translate(-50%,-110%)}to{opacity:1;transform:translate(-50%,-100%)}}.tutorial-pct-arrow{position:absolute;bottom:calc(max(env(safe-area-inset-bottom,0px),0px) + 54px);left:calc(87.5% + 1px);transform:translate(-50%);font-size:44px;color:#22d3ee;animation:bounceDown .85s ease-in-out infinite;pointer-events:none;text-shadow:0 0 18px rgba(34,211,238,.9),0 0 36px rgba(34,211,238,.5)}@keyframes bounceDown{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.tutorial-fleet-arrow{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:2.5px solid #22d3ee;background:#22d3ee1f;animation:fleetArrowPulse 1.1s ease-in-out infinite;pointer-events:none;box-shadow:0 0 16px #22d3ee73}@keyframes fleetArrowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.55}}.fleet-gauge-outer{border-radius:12px;padding:2px;background:linear-gradient(90deg,#fbbf2426,#fbbf2414);position:relative}.fleet-gauge-outer:before{content:"";position:absolute;inset:0;border-radius:12px;border:1px solid rgba(253,230,138,.12);pointer-events:none}.fleet-gauge-inner{border-radius:10px;position:relative;overflow:hidden;background:#06091ad9;border:1px solid rgba(253,230,138,.1);display:flex;height:36px}.fleet-gauge-fill{position:absolute;top:0;left:0;bottom:0;z-index:1;background:linear-gradient(90deg,#92400e,#b45309,#d97706,#f59e0b);opacity:.22;border-radius:9px 0 0 9px;transition:width .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.fleet-gauge-fill.full{border-radius:9px}.fleet-gauge-fill:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:6px;background:linear-gradient(90deg,transparent,rgba(251,191,36,.5));border-radius:0 2px 2px 0}.fleet-gauge-seg{flex:1;position:relative;z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(253,230,138,.06);transition:background .25s;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.fleet-gauge-seg:last-child{border-right:none}.fleet-gauge-seg:active{background:#fbbf2414}.fleet-gauge-seg-num{font-family:var(--font-display, "Orbitron", sans-serif);font-size:10px;font-weight:700;color:#fff3;letter-spacing:.05em;text-transform:uppercase;transition:color .35s,text-shadow .35s;pointer-events:none}.fleet-gauge-seg.filled .fleet-gauge-seg-num{color:#ffffff8c}.fleet-gauge-seg.active .fleet-gauge-seg-num{color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.6)}.fleet-gauge-seg-dot{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#00e5ff;opacity:0;transition:opacity .3s;box-shadow:0 0 6px #00e5ff99}.fleet-gauge-seg.active .fleet-gauge-seg-dot{opacity:1}.overlay-vars{--bg-panel: rgba(30, 41, 59, .9)}.overlay-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;font-family:var(--font-body);-webkit-text-stroke:0}.overlay-panel{background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0d;display:flex;flex-direction:column;align-items:center}.overlay-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.04em;cursor:pointer;border:none;outline:none;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-text-stroke:0;text-shadow:none;transition:transform .1s ease,box-shadow .15s ease}.overlay-btn:active{transform:scale(.96)}.overlay-btn--primary{background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);box-shadow:0 0 20px #fbbf2440,inset 0 1px #ffffff26,inset 0 -2px #0003;position:relative;overflow:hidden}.overlay-btn--primary:after{content:"";position:absolute;inset:2px;border-radius:8px;border:1.5px solid rgba(253,230,138,.3);pointer-events:none}.overlay-btn--secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.overlay-btn--secondary:active{background:#ffffff1f}.overlay-btn--danger{background:#dc262633;border:1px solid rgba(220,38,38,.4);color:#fca5a5}.overlay-btn--danger:active{background:#dc26264d}.overlay-divider{width:100%;height:1px;background:#ffffff1a;flex-shrink:0}.overlay-heading{font-family:var(--font-display);font-weight:900;letter-spacing:.06em;-webkit-text-stroke:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.overlay-body{font-family:var(--font-body);font-weight:500;-webkit-text-stroke:0;text-shadow:none}.overlay-label{font-family:var(--font-body);font-weight:600;font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;-webkit-text-stroke:0;text-shadow:none}.settings-backdrop{z-index:50}.settings-panel{padding:28px 24px;min-width:240px;gap:12px}.settings-title{margin-bottom:4px}.settings-btn{width:100%}.settings-btn--resume{height:48px;font-size:15px;letter-spacing:.06em}.settings-btn--surrender{height:44px}.surrender-backdrop{z-index:100}.surrender-panel{padding:32px 24px;min-width:240px;gap:24px}.surrender-message{font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;text-align:center;line-height:1.4;letter-spacing:.03em;margin:0;-webkit-text-stroke:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.surrender-actions{display:flex;gap:12px;width:100%}.surrender-btn{flex:1;height:44px;font-size:15px}.surrender-btn--confirm{background:#dc2626bf;border:2px solid rgba(220,38,38,.7);color:#fff}.surrender-btn--confirm:active{background:#dc2626d9}.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:none;z-index:20;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.countdown-num{font-family:Orbitron,system-ui,sans-serif;font-weight:900;font-size:clamp(80px,22vw,120px);color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3),0 4px 8px rgba(0,0,0,.5);line-height:1;opacity:0;transform:scale(2.5);animation:countdownPop .7s cubic-bezier(.34,1.56,.64,1) forwards;user-select:none;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.countdown-go{font-family:Orbitron,system-ui,sans-serif;font-weight:900;font-size:clamp(64px,18vw,96px);color:#ffd740;text-shadow:0 0 30px rgba(255,215,64,.6),0 0 60px rgba(255,215,64,.3),0 4px 8px rgba(0,0,0,.5);line-height:1;letter-spacing:.1em;opacity:0;transform:scale(2.5);-webkit-text-stroke:2px rgba(180,120,0,.3);animation:countdownPop .5s cubic-bezier(.34,1.56,.64,1) forwards;user-select:none;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes countdownPop{0%{opacity:0;transform:scale(2.5)}50%{opacity:1;transform:scale(.9)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.result-shatter-root{position:fixed;inset:0;z-index:30;pointer-events:auto}.result-post-overlay{position:fixed;inset:0;background:#000000c7;z-index:0;animation:overlayFadeIn .4s ease-out forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.result-content-scroll{position:relative;z-index:1;width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:calc(32px + env(safe-area-inset-top,0px)) 28px calc(env(safe-area-inset-bottom,16px) + 24px);box-sizing:border-box;gap:10px;justify-content:center}.result-tap-hint{font-family:var(--font-body);font-size:14px;color:#ffffff73;letter-spacing:1px;text-align:center;margin-top:24px;animation:tapHintPulse 1.5s ease-in-out infinite}@keyframes tapHintPulse{0%,to{opacity:.35}50%{opacity:.7}}.result-shatter-text{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:min(84%,320px);box-sizing:border-box;margin-bottom:12px;transform-origin:top center}.result-main-text{font-family:var(--font-display);font-weight:900;font-size:clamp(20px,6.5vw,48px);letter-spacing:.15em;text-align:center;-webkit-text-stroke:2px #000;paint-order:stroke fill;line-height:1.1;white-space:nowrap;display:inline-block;transform-origin:center center}.result-shatter-text--victory .result-main-text{color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.6),0 4px 12px rgba(0,0,0,.5)}.result-shatter-text--defeat .result-main-text{color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.4),0 4px 12px rgba(0,0,0,.5)}.result-shatter-text--draw .result-main-text{color:#aaa;text-shadow:0 2px 12px rgba(0,0,0,.6)}.result-sub-text{font-family:var(--font-body);font-size:clamp(10px,3vw,14px);color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.5);-webkit-text-stroke:0}.result-slam{animation:resultSlam .5s cubic-bezier(.17,.89,.32,1.28) forwards}@keyframes resultSlam{0%{transform:scale(3);opacity:0}50%{opacity:1}75%{transform:scale(.92)}to{transform:scale(1);opacity:1}}.result-fade{animation:resultFadeIn .7s ease-out forwards}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-elo-change{font-family:var(--font-display);font-weight:900;font-size:clamp(22px,6vw,34px);letter-spacing:2px;text-align:center;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;flex-shrink:0}.result-elo--positive{color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.5)}.result-elo--negative{color:#ef4444;text-shadow:0 0 16px rgba(239,68,68,.4)}.result-elo-in{animation:eloIn .4s ease-out forwards}@keyframes eloIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-shatter-stats{width:min(84%,320px);display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.result-stats-in{animation:statsIn .4s ease-out forwards}@keyframes statsIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-banners-area{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin:8px 0}.result-shatter-buttons{width:min(80%,300px);display:flex;flex-direction:column;gap:10px;flex-shrink:0;margin-top:24px}.result-buttons-in{animation:buttonsIn .4s ease-out forwards}@keyframes buttonsIn{0%{opacity:0}to{opacity:1}}.result-btn{width:100%;height:48px;font-size:15px;letter-spacing:.06em}.result-btn--menu{margin-top:10px}.result-banner-wrap{width:100%;display:flex;align-items:center;transition:transform .4s ease,filter .4s ease,opacity .4s ease}.result-rank-badge{height:90px;width:auto;flex-shrink:0;margin-right:-48px;position:relative;z-index:2;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.result-banner--winner-local{transform:scale(1.02);filter:drop-shadow(0 0 8px rgba(251,191,36,.4))}.result-banner--winner-opponent{transform:scale(1.02);filter:drop-shadow(0 0 8px rgba(220,50,50,.4))}.result-banner--loser{transform:scale(.96);filter:grayscale(.8) brightness(.6);opacity:.6}.result-banner--draw{opacity:.85}.result-vs{font-family:Orbitron,system-ui,sans-serif;font-weight:900;font-size:clamp(20px,6vw,32px);color:#ffd740;text-shadow:0 0 16px rgba(255,215,64,.5),0 0 30px rgba(255,215,64,.2),0 3px 6px rgba(0,0,0,.5);-webkit-text-stroke:1px rgba(180,120,0,.3);letter-spacing:.15em;line-height:1;user-select:none;text-align:center;margin:-2px 0}.result-win-condition{font-family:var(--font-body);font-size:13px;color:#fff9;text-align:center;-webkit-text-stroke:0;text-shadow:none}.result-friendly-label{font-family:var(--font-heading);font-size:11px;font-weight:700;letter-spacing:.18em;color:#22d3eecc;text-transform:uppercase;text-align:center;margin-top:4px}.result-stats{width:100%;display:flex;flex-direction:column;gap:4px}.result-stats-heading{font-family:var(--font-body);font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;-webkit-text-stroke:0;text-shadow:none}.result-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;transition:opacity .2s ease-out,transform .2s ease-out}.result-stat-label{font-family:var(--font-body);color:#fff9;-webkit-text-stroke:0;text-shadow:none}.result-stat-value{font-family:var(--font-display);color:#ffffffe6;font-weight:700;font-size:14px;-webkit-text-stroke:0;text-shadow:none}.result-buttons{width:100%;display:flex;flex-direction:column;gap:12px}.result-backdrop{z-index:30}.result-panel{border-radius:20px;padding:32px 28px;width:min(88%,340px);gap:16px;max-height:85vh;overflow-y:auto}.result-ffa-title{font-family:var(--font-display);font-weight:900;font-size:28px;letter-spacing:2px;text-align:center;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:0 2px 12px rgba(0,0,0,.6)}.result-ffa-subtitle{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:1px;text-align:center;margin-top:-8px;-webkit-text-stroke:0;text-shadow:0 2px 8px rgba(0,0,0,.5)}.result-ffa-placements{width:100%;display:flex;flex-direction:column;gap:4px}.result-ffa-placements-heading{font-family:var(--font-body);font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;-webkit-text-stroke:0;text-shadow:none}.result-ffa-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;border:1px solid transparent}.result-ffa-row--self{background:#22d3ee1f;border-color:#22d3ee4d}.result-ffa-place{font-family:var(--font-display);font-size:14px;font-weight:700;min-width:24px;text-align:center;-webkit-text-stroke:0;text-shadow:none}.result-ffa-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.result-ffa-name{flex:1;font-family:var(--font-body);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:0;text-shadow:none}.result-ffa-name--self{font-weight:700;color:#ffffffe6}.result-ffa-name--eliminated{font-weight:400;color:#fff6}.result-ffa-name--active{font-weight:400;color:#ffffffe6}.result-ffa-ships{font-family:var(--font-body);font-size:13px;color:#ffffff80;white-space:nowrap;-webkit-text-stroke:0;text-shadow:none}.elo-runup-title{font-family:var(--font-display);font-weight:900;font-size:clamp(28px,8vw,44px);letter-spacing:3px;text-align:center;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:0 0 20px rgba(0,0,0,.5);flex-shrink:0}.elo-runup-badge{width:clamp(72px,22vw,104px);height:clamp(72px,22vw,104px);flex-shrink:0;margin:8px 0 4px;transition:transform .5s ease-out}.elo-runup-badge--promoted{animation:badgePromote .6s ease-out}@keyframes badgePromote{0%{transform:scale(1)}40%{transform:scale(1.4)}to{transform:scale(1)}}.elo-runup-rank-name{font-family:var(--font-display);font-weight:700;font-size:clamp(14px,4vw,18px);letter-spacing:1.5px;text-transform:uppercase;text-align:center;flex-shrink:0}.elo-runup-elo-number{font-family:var(--font-display);font-weight:900;font-size:clamp(40px,12vw,64px);color:#fff;letter-spacing:2px;text-align:center;font-variant-numeric:tabular-nums;-webkit-text-stroke:0;text-shadow:0 2px 12px rgba(0,0,0,.4);flex-shrink:0;line-height:1.1}.elo-runup-change-sup{font-family:var(--font-display);font-weight:800;font-size:.4em;letter-spacing:1px;vertical-align:super;margin-left:4px;animation:eloIn .4s ease-out forwards}.elo-runup-change--gain{color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,.4)}.elo-runup-change--loss{color:#e74c3c;text-shadow:0 0 10px rgba(231,76,60,.4)}.elo-runup-progress{width:min(80%,300px);display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;margin-top:8px}.elo-runup-next-label{font-family:var(--font-body);font-weight:600;font-size:12px;color:#ffffff73;letter-spacing:.08em;-webkit-text-stroke:0;text-shadow:none}.elo-runup-next-label strong{color:var(--cyan)}.elo-runup-bar-row{display:flex;align-items:center;gap:6px;width:100%}.elo-runup-bar-icon{width:28px;height:28px;flex-shrink:0;border-radius:6px}.elo-runup-bar-icon-wrap{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.elo-runup-bar-row .rank-bar{flex:1}.elo-runup-promoted-label{font-family:var(--font-display);font-weight:900;font-size:18px;color:gold;letter-spacing:2px;text-shadow:0 0 12px rgba(255,215,0,.5);animation:resultFadeIn .4s ease-out forwards;flex-shrink:0}.elo-runup-demoted-label{font-family:var(--font-body);font-weight:600;font-size:14px;color:#c44;opacity:.8;flex-shrink:0}.xp-gained-section{margin-top:16px;padding:10px 16px;background:#00c8ff0f;border:1px solid rgba(0,200,255,.15);border-radius:8px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.xp-gained-visible{opacity:1;transform:translateY(0)}.xp-gained-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.xp-gained-label{font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;color:#00d4ff}.xp-gained-amount{font-family:Orbitron,sans-serif;font-size:11px;font-weight:600;color:#a0e8ff}.xp-gained-bar-track{height:6px;background:#ffffff14;border-radius:3px;border:1px solid rgba(0,200,255,.15);overflow:hidden}.xp-gained-bar-fill{height:100%;background:linear-gradient(90deg,#00b8d4,#00e5ff);border-radius:3px;box-shadow:0 0 6px #00c8ff80}.xp-level-up-text{text-align:center;margin-top:8px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;color:#00e5ff;text-shadow:0 0 12px rgba(0,229,255,.8),0 0 24px rgba(0,229,255,.4);animation:xpLevelUpBounce .5s ease-out}@keyframes xpLevelUpBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.currency-gained-section{margin-top:12px;display:flex;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .4s ease .2s,transform .4s ease .2s}.currency-gained-visible{opacity:1;transform:translateY(0)}.currency-block{flex:1;padding:8px 10px;border-radius:8px}.currency-block--credits{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.currency-block--gems{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.currency-block-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.currency-block-emoji{font-size:14px;line-height:1}.currency-block-total{font-family:var(--font-display);font-weight:700;font-size:14px}.currency-block--credits .currency-block-total{color:#fbbf24}.currency-block--gems .currency-block-total{color:#c084fc}.currency-block-rows{display:flex;flex-direction:column;gap:2px}.currency-row{display:flex;justify-content:space-between;align-items:center}.currency-row-label{font-family:var(--font-body);font-size:9px;font-weight:500;color:#ffffff80}.currency-row-value{font-family:var(--font-display);font-size:10px;font-weight:600}.currency-block--credits .currency-row-value{color:#fbbf24cc}.currency-block--gems .currency-row-value{color:#c084fccc}.cargo-pod-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 20px;background:#ffffff0a;border-radius:10px;margin-top:8px;opacity:0;transform:translateY(8px);transition:opacity .4s ease .1s,transform .4s ease .1s}.cargo-pod-card--visible{opacity:1;transform:translateY(0)}.cargo-pod-image{width:48px;height:48px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 6px currentColor)}.cargo-pod-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cargo-pod-rarity-name{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cargo-pod-sublabel{font-family:var(--font-body);font-size:12px;font-weight:600;color:#ffffff80;letter-spacing:.04em}.rewards-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px;opacity:0;transform:translateY(8px);transition:opacity .4s ease .2s,transform .4s ease .2s}.rewards-row--visible{opacity:1;transform:translateY(0)}.reward-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:10px;min-width:90px;box-sizing:border-box;text-align:center}.reward-card--credits{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.reward-card--credits .reward-card-amount{color:#fbbf24}.reward-card--gems{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.reward-card--gems .reward-card-amount{color:#c084fc}.reward-card--xp{background:#00c8ff0f;border:1px solid rgba(0,200,255,.15)}.reward-card--xp .reward-card-amount{color:#00d4ff}.reward-card--xp .reward-card-icon{width:10px;height:10px;border-radius:50%;background:#22d3ee;flex-shrink:0}.reward-card-emoji{font-size:14px;line-height:1}.reward-card-amount{font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.reward-card-breakdown{display:flex;flex-direction:column;gap:2px;align-items:center}.reward-card-line{font-family:var(--font-body);font-size:11px;font-weight:500;color:#fff6}.reward-card-level{font-family:var(--font-body);font-size:10px;font-weight:500;color:#ffffff4d;margin-top:2px}.mission-rewards-section{margin-top:16px;padding:12px 16px;background:#ffffff0f;border-radius:10px;width:100%;box-sizing:border-box}.mission-rewards-heading{font-size:11px;font-weight:700;letter-spacing:.08em;color:#ffffff80;text-transform:uppercase;margin-bottom:10px;text-align:center}.mission-rewards-rows{display:flex;flex-direction:column;gap:6px}.mission-reward-row{display:flex;align-items:center;gap:8px}.mission-reward-icon{font-size:18px;line-height:1;width:24px;text-align:center}.mission-reward-value{font-size:15px;font-weight:700;color:#fff}.rematch-pulse{animation:rematch-pulse-anim 1.5s ease-in-out infinite}@keyframes rematch-pulse-anim{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.rematch-glow{box-shadow:0 0 12px 4px #22d3ee80;animation:rematch-glow-anim 1s ease-in-out infinite}@keyframes rematch-glow-anim{0%,to{box-shadow:0 0 12px 4px #22d3ee4d}50%{box-shadow:0 0 20px 8px #22d3ee99}}.rematch-confirmed{opacity:.6;pointer-events:none}.emote-trigger{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;padding:0;transition:transform .1s,opacity .2s;touch-action:manipulation;flex-shrink:0;pointer-events:auto;position:relative;z-index:2}.emote-trigger:active{transform:scale(.92)}.emote-trigger.cooldown{opacity:.4;pointer-events:none}.emote-trigger svg{width:20px;height:20px;fill:none;stroke:#ffffffb3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.emote-picker-backdrop{position:fixed;inset:0;z-index:19;pointer-events:auto;touch-action:manipulation}.emote-picker{position:fixed;bottom:56px;left:12px;min-width:220px;max-width:min(280px,85vw);background:#06091af2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;box-shadow:0 -4px 20px #00000080;z-index:20;pointer-events:auto;touch-action:manipulation;animation:emotePickerIn .2s cubic-bezier(.22,1,.36,1) forwards}.emote-picker.closing{animation:emotePickerOut .15s ease-in forwards}@keyframes emotePickerIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes emotePickerOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.emote-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.emote-picker-item{width:56px;height:56px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:transform .1s,border-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.emote-picker-item:active{transform:scale(.88)}.emote-picker-item img{width:44px;height:44px;object-fit:contain;pointer-events:none}.emote-picker-item .emote-fallback{font-size:10px;color:#ffffff80;text-align:center;word-break:break-all}.emote-bubble{position:fixed;z-index:15;width:64px;height:64px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:emoteFloatUp 2.5s ease-out forwards}.emote-bubble.self{bottom:52px;left:12px}.emote-bubble.opponent{top:70px;right:12px;animation-name:emoteFloatDown}.emote-bubble img{width:64px;height:64px;object-fit:contain}.emote-bubble .emote-fallback{font-size:10px;color:#ffffff80;text-align:center;word-break:break-all}@keyframes emoteFloatUp{0%{transform:scale(.5) translateY(0);opacity:0}10%{transform:scale(1) translateY(0);opacity:1}40%{opacity:1}to{transform:scale(1) translateY(-80px);opacity:0}}@keyframes emoteFloatDown{0%{transform:scale(.5) translateY(0);opacity:0}10%{transform:scale(1) translateY(0);opacity:1}40%{opacity:1}to{transform:scale(1) translateY(80px);opacity:0}}.nickname-root{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/ui/menu-bg.png) center/cover no-repeat;background-color:#0b0b2e;font-family:var(--font-body);color:#fff;padding:24px}.nickname-title{font-family:var(--font-display);font-size:28px;text-align:center;margin-bottom:32px;-webkit-text-stroke:1px rgba(0,0,0,.3);text-shadow:0 2px 8px rgba(0,0,0,.5)}.nickname-form{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px}.nickname-error{color:#ff6b6b;font-size:13px;min-height:18px;text-align:center}.nickname-play-btn{position:relative;width:100%;max-width:280px;height:56px;border:none;border-radius:12px;background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;font-family:var(--font-display);font-size:22px;letter-spacing:2px;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 12px #0000004d;transition:transform .1s,opacity .2s}.nickname-play-btn:active{transform:scale(.97)}.nickname-play-btn:disabled{opacity:.5;cursor:default}.nickname-divider{margin-top:24px;font-size:14px;color:#ffffff80;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.nickname-divider:hover{color:#ffffffb3}.nickname-login-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;margin-top:16px}.nickname-login-title{font-size:18px;font-family:var(--font-display);margin-bottom:4px}.nickname-login-btn{width:100%;max-width:280px;height:48px;border:none;border-radius:12px;background:linear-gradient(180deg,#2196f3,#1976d2);color:#fff;font-family:var(--font-display);font-size:18px;letter-spacing:1px;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 12px #0000004d;transition:transform .1s,opacity .2s}.nickname-login-btn:active{transform:scale(.97)}.nickname-login-btn:disabled{opacity:.5;cursor:default}.nickname-back-link{font-size:14px;color:#ffffff80;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.nickname-back-link:hover{color:#ffffffb3}.nickname-lang-switch{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:14px;padding:4px 8px}.nickname-lang-option--active{color:#fff;font-weight:700}.nickname-lang-option--inactive{color:#fff6}.nickname-lang-separator{color:#ffffff4d;margin:0 2px}.ffa-browser-root{position:fixed;inset:0;display:flex;flex-direction:column;background-color:var(--bg-deep, #0a0a23);font-family:var(--font-body);overflow:hidden;color:#fff}.ffa-browser-bg-banner{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none;animation:ffaBrowserBannerDrift 60s ease-in-out infinite alternate}@keyframes ffaBrowserBannerDrift{0%{object-position:30% center}to{object-position:70% center}}.ffa-browser-bg-banner--gradient{background-size:cover;animation:ffaBrowserBannerDriftGrad 60s ease-in-out infinite alternate}@keyframes ffaBrowserBannerDriftGrad{0%{background-position:30% center}to{background-position:70% center}}.ffa-browser-bg-stars{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 20%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 55% 12%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 80% 55%,rgba(255,255,255,.3),transparent),radial-gradient(.8px .8px at 25% 80%,rgba(255,255,255,.15),transparent),radial-gradient(1.2px 1.2px at 90% 35%,rgba(255,255,255,.25),transparent),radial-gradient(.8px .8px at 45% 65%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 70% 90%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 10% 50%,rgba(255,255,255,.25),transparent),radial-gradient(.7px .7px at 60% 40%,rgba(255,255,255,.18),transparent),radial-gradient(1.3px 1.3px at 35% 10%,rgba(255,255,255,.22),transparent);background-size:100px 300px;animation:ffaBrowserStarDrift 50s linear infinite}@keyframes ffaBrowserStarDrift{0%{background-position:0 0}to{background-position:100px 300px}}.ffa-browser-bg-nebula{position:absolute;inset:0;z-index:0;pointer-events:none}.ffa-browser-bg-nebula:before{content:"";position:absolute;top:5%;left:-15%;width:60%;height:40%;background:radial-gradient(ellipse,rgba(99,102,241,.08),transparent 70%)}.ffa-browser-bg-nebula:after{content:"";position:absolute;bottom:15%;right:-10%;width:50%;height:35%;background:radial-gradient(ellipse,rgba(168,85,247,.06),transparent 70%)}.ffa-browser-bg-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(96,165,250,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.02) 1px,transparent 1px);background-size:40px 40px}.ffa-browser-header{position:relative;z-index:1;display:flex;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;gap:12px;flex-shrink:0}.ffa-browser-back{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 16px;color:#fffc;font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.ffa-browser-back:active{background:#ffffff26;transform:scale(.96)}.ffa-browser-title{font-family:var(--font-display, var(--font-body));font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.ffa-browser-list{position:relative;z-index:1;flex:1;overflow-y:auto;padding:0 16px;display:flex;flex-direction:column;gap:10px}.ffa-browser-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff59;font-size:14px;text-align:center;padding:40px;font-style:italic}.ffa-lobby-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;cursor:pointer;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.ffa-lobby-card:active{background:#ffffff1a;transform:scale(.98)}.ffa-lobby-card--full{opacity:.45;cursor:default}.ffa-lobby-card--ready-check{border-color:#fbbf244d;background:#fbbf240f}.ffa-lobby-card-info{display:flex;flex-direction:column;gap:4px}.ffa-lobby-card-host{font-size:14px;font-weight:600}.ffa-lobby-card-status{font-size:11px;color:#fff6}.ffa-lobby-card-status--starting{color:#fbbf24;font-weight:500}.ffa-lobby-card-count{font-size:16px;font-weight:600;color:#ffffff80}.ffa-lobby-card-count--ready{color:#4ade80}.ffa-browser-bottom{position:relative;z-index:1;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));flex-shrink:0;display:flex;flex-direction:column;gap:10px}.ffa-browser-create-btn{position:relative;width:100%;height:clamp(50px,12vw,60px);padding:0;font-size:clamp(18px,4.5vw,22px);font-weight:700;font-family:var(--font-display, var(--font-body));color:#fff;background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);border:none;border-radius:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;transition:transform .1s;-webkit-tap-highlight-color:transparent;overflow:hidden;box-shadow:0 0 25px #fbbf244d,inset 0 1px #ffffff26,inset 0 -2px #0003}.ffa-browser-create-btn:after{content:"";position:absolute;inset:3px;border-radius:11px;border:1.5px solid rgba(253,230,138,.35);pointer-events:none}.ffa-browser-create-btn:active{transform:scale(.96)}.ffa-browser-create-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.ffa-browser-bots-btn{position:relative;width:100%;height:clamp(46px,10vw,54px);padding:0;font-size:clamp(15px,3.8vw,18px);font-weight:600;font-family:var(--font-display, var(--font-body));color:#ffffffd9;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.ffa-browser-bots-btn:active{background:#ffffff24;transform:scale(.96)}.banner-clickable{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:opacity .1s ease}.banner-clickable:active{opacity:.8}.ffa-lobby-root{position:fixed;inset:0;display:flex;flex-direction:column;background-color:var(--bg-deep, #0a0a23);font-family:var(--font-body);overflow:hidden;color:#fff}.ffa-lobby-bg-banner{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none;animation:ffaLobbyBannerDrift 60s ease-in-out infinite alternate}@keyframes ffaLobbyBannerDrift{0%{object-position:30% center}to{object-position:70% center}}.ffa-lobby-bg-banner--gradient{background-size:cover;animation:ffaLobbyBannerDriftGrad 60s ease-in-out infinite alternate}@keyframes ffaLobbyBannerDriftGrad{0%{background-position:30% center}to{background-position:70% center}}.ffa-lobby-bg-stars{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 20%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 55% 12%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 80% 55%,rgba(255,255,255,.3),transparent),radial-gradient(.8px .8px at 25% 80%,rgba(255,255,255,.15),transparent),radial-gradient(1.2px 1.2px at 90% 35%,rgba(255,255,255,.25),transparent),radial-gradient(.8px .8px at 45% 65%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 70% 90%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 10% 50%,rgba(255,255,255,.25),transparent),radial-gradient(.7px .7px at 60% 40%,rgba(255,255,255,.18),transparent),radial-gradient(1.3px 1.3px at 35% 10%,rgba(255,255,255,.22),transparent);background-size:100px 300px;animation:ffaLobbyStarDrift 50s linear infinite}@keyframes ffaLobbyStarDrift{0%{background-position:0 0}to{background-position:100px 300px}}.ffa-lobby-bg-nebula{position:absolute;inset:0;z-index:0;pointer-events:none}.ffa-lobby-bg-nebula:before{content:"";position:absolute;top:5%;left:-15%;width:60%;height:40%;background:radial-gradient(ellipse,rgba(99,102,241,.08),transparent 70%)}.ffa-lobby-bg-nebula:after{content:"";position:absolute;bottom:15%;right:-10%;width:50%;height:35%;background:radial-gradient(ellipse,rgba(168,85,247,.06),transparent 70%)}.ffa-lobby-bg-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(96,165,250,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.02) 1px,transparent 1px);background-size:40px 40px}.ffa-lobby-header{position:relative;z-index:1;display:flex;align-items:center;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;gap:12px;flex-shrink:0}.ffa-lobby-back{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 16px;color:#fffc;font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.ffa-lobby-back:active{background:#ffffff26;transform:scale(.96)}.ffa-lobby-header-title{font-family:var(--font-display, var(--font-body));font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.ffa-lobby-code{position:relative;z-index:1;text-align:center;padding:6px 16px;flex-shrink:0}.ffa-lobby-code-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#fff6}.ffa-lobby-code-value{font-family:var(--font-display, var(--font-body));font-size:22px;font-weight:700;letter-spacing:6px;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.4)}.ffa-lobby-players{position:relative;z-index:1;flex:1;min-height:0;overflow:hidden;padding:0 8px;display:flex;flex-direction:column;justify-content:center}.ffa-lobby-player{position:relative}.ffa-lobby-player-banner-row{display:flex;align-items:center;justify-content:flex-start;transform:scale(var(--lobby-row-scale, .78));transform-origin:left center;margin-right:calc(-1 * (1 - var(--lobby-row-scale, .78)) * 100%);margin-top:calc(-1 * (1 - var(--lobby-row-scale, .78)) * 76px / 2);margin-bottom:calc(-1 * (1 - var(--lobby-row-scale, .78)) * 76px / 2)}.ffa-lobby-player-rank-badge{height:76px;width:76px;object-fit:contain;flex-shrink:0;margin-right:-29px;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ffa-lobby-player-host-badge{position:absolute;top:-2px;right:20%;font-size:8px;font-weight:700;color:#0a0a23;background:#fbbf24;padding:1px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:0 2px 6px #fbbf2466}.ffa-lobby-player-ready{font-size:16px;flex-shrink:0}.ffa-lobby-ready-btn{flex-shrink:0;margin-left:8px;padding:8px 14px;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0f;color:#ffffff4d;font-family:var(--font-display, var(--font-body));font-size:11px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.ffa-lobby-ready-btn:active{transform:scale(.92)}.ffa-lobby-ready-btn--other{cursor:default}.ffa-lobby-ready-btn--active{border-color:#22c55e80;background:linear-gradient(135deg,#15803d,#22c55e);color:#fff;box-shadow:0 0 14px #22c55e59}.ffa-lobby-waiting-text{text-align:center;padding:8px;color:#ffffff40;font-size:12px;font-style:italic}.ffa-lobby-status{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;padding:6px 16px;flex-shrink:0;font-size:12px;color:#ffffff80}.ffa-lobby-status-count{font-weight:600}.ffa-lobby-status-min{color:#4ade80;font-weight:500}.ffa-lobby-status-min--not-met{color:#f87171;font-weight:500}.ffa-ready-overlay{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#000000e0;backdrop-filter:blur(12px)}.ffa-ready-title{font-family:var(--font-display, var(--font-body));font-size:28px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(251,191,36,.4)}.ffa-ready-countdown{font-family:var(--font-display, var(--font-body));font-size:56px;font-weight:700;color:#ffffffd9;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.5)}.ffa-ready-btn{position:relative;padding:16px 52px;font-size:18px;font-weight:700;font-family:var(--font-display, var(--font-body));color:#fff;background:linear-gradient(135deg,#15803d,#16a34a,#22c55e);border:none;border-radius:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .1s;-webkit-tap-highlight-color:transparent;box-shadow:0 0 20px #22c55e4d,inset 0 1px #ffffff26,inset 0 -2px #0003}.ffa-ready-btn:after{content:"";position:absolute;inset:3px;border-radius:11px;border:1.5px solid rgba(187,247,208,.3);pointer-events:none}.ffa-ready-btn:active{transform:scale(.96)}.ffa-ready-btn--done{background:#ffffff14;color:#fff6;cursor:default;box-shadow:none}.ffa-ready-btn--done:after{border-color:#ffffff0f}.ffa-lobby-bottom{position:relative;z-index:1;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px)) 16px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.ffa-lobby-start-btn{position:relative;width:100%;height:clamp(50px,12vw,60px);padding:0;font-size:clamp(18px,4.5vw,22px);font-weight:700;font-family:var(--font-display, var(--font-body));color:#fff;background:linear-gradient(135deg,#92400e,#b45309,#d97706,#f59e0b);border:none;border-radius:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;transition:transform .1s;-webkit-tap-highlight-color:transparent;overflow:hidden;box-shadow:0 0 25px #fbbf244d,inset 0 1px #ffffff26,inset 0 -2px #0003}.ffa-lobby-start-btn:after{content:"";position:absolute;inset:3px;border-radius:11px;border:1.5px solid rgba(253,230,138,.35);pointer-events:none}.ffa-lobby-start-btn:active{transform:scale(.96)}.ffa-lobby-start-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.ffa-lobby-waiting-host{font-size:13px;color:#ffffff59;text-align:center;font-style:italic}.vs-root{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a0a2e,#0a0416 60%,#060210);overflow:hidden;font-family:Rajdhani,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.vs-bg-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;z-index:0}.vs-bg-half--top{top:0}.vs-bg-half--bottom{bottom:0}.vs-bg-half--bottom:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(255,215,64,.25),rgba(255,255,255,.15),transparent);z-index:1}.vs-bg-skin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none;animation:vsBannerDrift 8s linear infinite alternate}.vs-bg-skin--gradient{background-size:cover;background-position:center center;animation:vsBannerDriftGradient 8s linear infinite alternate}.vs-bg-half--bottom .vs-bg-skin{animation:vsBannerDriftReverse 8s linear infinite alternate}.vs-bg-half--bottom .vs-bg-skin--gradient{animation:vsBannerDriftGradientReverse 8s linear infinite alternate}@keyframes vsBannerDrift{0%{object-position:30% center}to{object-position:70% center}}@keyframes vsBannerDriftReverse{0%{object-position:70% center}to{object-position:30% center}}@keyframes vsBannerDriftGradient{0%{background-position:30% center}to{background-position:70% center}}@keyframes vsBannerDriftGradientReverse{0%{background-position:70% center}to{background-position:30% center}}.vs-stars{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 50% 8%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 78% 52%,rgba(255,255,255,.25),transparent),radial-gradient(.8px .8px at 22% 76%,rgba(255,255,255,.15),transparent),radial-gradient(1.2px 1.2px at 88% 32%,rgba(255,255,255,.2),transparent),radial-gradient(.7px .7px at 58% 68%,rgba(255,255,255,.18),transparent),radial-gradient(1px 1px at 68% 88%,rgba(255,255,255,.12),transparent),radial-gradient(1.1px 1.1px at 8% 48%,rgba(255,255,255,.22),transparent),radial-gradient(.9px .9px at 42% 38%,rgba(255,255,255,.16),transparent),radial-gradient(1px 1px at 92% 72%,rgba(255,255,255,.14),transparent);background-size:200px 400px;opacity:.6}.vs-banners{position:absolute;inset:0;pointer-events:none}.vs-banner{position:absolute;width:85%;max-width:380px;opacity:0;pointer-events:none;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.vs-banner--player{left:-100%;bottom:18%}.vs-banner--opponent{right:-100%;top:calc(18% + env(safe-area-inset-top,0px))}.vs-banner--opponent .vs-banner-svg{margin-left:auto}.vs-banner--player.vs-enter{animation:slideFromLeft .65s cubic-bezier(.34,1.56,.64,1) forwards}.vs-banner--opponent.vs-enter{animation:slideFromRight .65s cubic-bezier(.34,1.56,.64,1) forwards}.vs-banner--player.vs-exit{animation:exitLeft .4s ease-in forwards}.vs-banner--opponent.vs-exit{animation:exitRight .4s ease-in forwards}@keyframes slideFromLeft{0%{left:-100%;opacity:0}to{left:0;opacity:1}}@keyframes slideFromRight{0%{right:-100%;opacity:0}to{right:0;opacity:1}}@keyframes exitLeft{0%{left:0;opacity:1}to{left:-110%;opacity:0}}@keyframes exitRight{0%{right:0;opacity:1}to{right:-110%;opacity:0}}.vs-banner-svg{width:100%;height:auto;display:flex;align-items:center;filter:drop-shadow(0 0 12px rgba(0,0,0,.6));transform:translateZ(0)}.vs-rank-badge{height:84px;width:auto;flex-shrink:0;margin-right:-30px;position:relative;z-index:2;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}.vs-rank-badge--right{margin-right:0;margin-left:-30px}.vs-banner-svg .banner-wrapper,.vs-banner-svg .banner{display:block;max-width:none;width:100%}.vs-banner-shimmer{animation:bannerShimmer 2.5s ease-in-out infinite}@keyframes bannerShimmer{0%{transform:translate(-200px)}to{transform:translate(600px)}}.vs-banner-planet,.vs-banner-planet-glow{border-radius:50%;pointer-events:none}.vs-speed-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden}.vs-speed-line{position:absolute;height:2px;border-radius:1px;opacity:0}.vs-speed-line--left{left:-100%;background:linear-gradient(90deg,transparent,rgba(255,215,64,.4),transparent);animation:speedLineLeft .4s ease-out forwards}.vs-speed-line--right{right:-100%;background:linear-gradient(270deg,transparent,rgba(255,215,64,.4),transparent);animation:speedLineRight .4s ease-out forwards}@keyframes speedLineLeft{0%{left:-60%;opacity:.8}to{left:120%;opacity:0}}@keyframes speedLineRight{0%{right:-60%;opacity:.8}to{right:120%;opacity:0}}.vs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:0;z-index:10;pointer-events:none}.vs-divider{width:0;height:2px;background:linear-gradient(90deg,transparent,#ffd740,#fff8e1,#ffd740,transparent);border-radius:1px;box-shadow:0 0 8px #ffd74080;opacity:0;will-change:width,opacity;transform:translateZ(0)}.vs-divider.vs-show{animation:dividerIn .5s ease-out forwards}.vs-divider.vs-hide{animation:dividerOut .3s ease-in forwards}@keyframes dividerIn{0%{width:0;opacity:0}to{width:min(70vw,300px);opacity:1}}@keyframes dividerOut{0%{width:min(70vw,300px);opacity:1}to{width:0;opacity:0}}.vs-text{font-family:Orbitron,system-ui,sans-serif;font-weight:900;font-size:clamp(56px,16vw,80px);color:#ffd740;text-shadow:0 0 20px rgba(255,215,64,.6),0 0 40px rgba(255,215,64,.3),0 4px 8px rgba(0,0,0,.5);letter-spacing:.15em;line-height:1;opacity:0;transform:scale(0);-webkit-text-stroke:2px rgba(180,120,0,.4);will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.vs-text.vs-show{animation:vsTextIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.vs-text.vs-pulse{animation:vsTextIn .4s cubic-bezier(.34,1.56,.64,1) forwards,vsPulse 2s ease-in-out .4s infinite}.vs-text.vs-hide{animation:vsTextOut .3s ease-in forwards}@keyframes vsTextIn{0%{opacity:0;transform:scale(3) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes vsTextOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes vsPulse{0%,to{text-shadow:0 0 20px rgba(255,215,64,.6),0 0 40px rgba(255,215,64,.3),0 4px 8px rgba(0,0,0,.5)}50%{text-shadow:0 0 30px rgba(255,215,64,.8),0 0 60px rgba(255,215,64,.5),0 4px 8px rgba(0,0,0,.5)}}.vs-flash{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,215,64,.3) 0%,transparent 70%);opacity:0;pointer-events:none;z-index:5}.vs-flash.vs-show{animation:flashPulse .6s ease-out forwards}@keyframes flashPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.vs-root.vs-fade-out{animation:vsFadeOut .5s ease-in forwards}@keyframes vsFadeOut{0%{opacity:1}to{opacity:0}}@keyframes vs-sparkle{0%,to{opacity:.1}50%{opacity:.9}}@keyframes vs-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}