.notification-badge{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-family:var(--font-display);font-size:8px;font-weight:900;line-height:1;display:flex;align-items:center;justify-content:center;border:1.5px solid #06091a;box-shadow:0 0 8px #ef444480;animation:notif-badge-pulse 2.5s ease-in-out infinite;z-index:11;pointer-events:none;-webkit-text-stroke:0}.notification-badge--md{top:-8px;right:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;font-size:12px;font-weight:800;background:linear-gradient(180deg,#ff5b6e,#d62a3f);box-shadow:0 0 0 2px #0000008c,0 0 10px #ff5b6ea6}.notification-badge--dot{min-width:10px;width:10px;height:10px;padding:0;border-radius:50%;border-width:1.5px}@keyframes notif-badge-pulse{0%,to{box-shadow:0 0 6px #ef444466;transform:scale(1)}50%{box-shadow:0 0 12px #ef4444b3;transform:scale(1.05)}}.notification-badge--md{animation-name:notif-badge-pulse-md}@keyframes notif-badge-pulse-md{0%,to{box-shadow:0 0 0 2px #0000008c,0 0 8px #ff5b6e80;transform:scale(1)}50%{box-shadow:0 0 0 2px #0000008c,0 0 14px #ff5b6ed9;transform:scale(1.05)}}.tabbar{position:fixed;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.04);background:#06091afa;padding:0 4px;display:flex;align-items:stretch;height:calc(54px + env(safe-area-inset-bottom,0px));z-index:100;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .55s ease;will-change:transform}.tabbar--hidden{transform:translateY(110%);opacity:0;pointer-events:none}.tabbar-item{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));margin:0 1px;min-width:0;position:relative;overflow:hidden;flex:1 1 42px;transition:flex .38s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease;will-change:flex-grow;border-top:2.5px solid transparent;border-radius:0;color:#ffffff40;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.tabbar-item:active{transform:scale(.95);transition:transform .08s ease}.tabbar-item.active{flex:1.8 1 60px;border-top-color:#22d3ee;background:linear-gradient(180deg,rgba(34,211,238,.08) 0%,transparent 100%);box-shadow:0 -4px 16px -4px #22d3ee73;color:#22d3ee}.tabbar-item[data-tab=battle]{color:#ff9d2e40}.tabbar-item[data-tab=battle].active{border-top-color:#ff9d2e;background:linear-gradient(180deg,rgba(255,157,46,.08) 0%,transparent 100%);box-shadow:0 -4px 16px -4px #ff9d2e8c;color:#ff9d2e}.tabbar-item:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.06) 55%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.tabbar-item.active:before{opacity:1;animation:tabbar-shimmer-sweep 3.5s ease-in-out .5s infinite}@keyframes tabbar-shimmer-sweep{0%{left:-100%}35%{left:200%}to{left:200%}}.tabbar-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .3s ease;filter:drop-shadow(0 0 0px transparent)}.tabbar-item.active .tabbar-icon{transform:scale(1.15);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}.tabbar-item[data-tab=battle].active .tabbar-icon{filter:drop-shadow(0 0 5px rgba(255,157,46,.55))}.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 .38s cubic-bezier(.22,1,.36,1),opacity .3s ease .05s}.tabbar-item.active .tabbar-label{width:auto;opacity:1;color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.25)}.tabbar-item[data-tab=battle].active .tabbar-label{color:#ff9d2e;text-shadow:0 0 10px rgba(255,157,46,.3)}.notification-badge.tabbar-badge-pos{top:3px;right:6px;z-index:5}.tabbar-soon{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;font-family:var(--font-display);font-size:6px;font-weight:700;padding:1.5px 5px;border-radius:4px;letter-spacing:.5px;text-transform:uppercase;-webkit-text-stroke:0;border:1px solid rgba(167,139,250,.2);box-shadow:0 0 8px #a78bfa40;z-index:5}.tabbar-item.locked{opacity:.35}.tabbar-item.locked .tabbar-soon{opacity:1!important}.tabbar-item[data-tab=shop].active .tabbar-icon{animation:tabbar-icon-shop-bob 2.5s ease-in-out infinite}@keyframes tabbar-icon-shop-bob{0%,to{transform:scale(1.15) translateY(0);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}50%{transform:scale(1.15) translateY(-2px);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}}.tabbar-item[data-tab=loadout].active .anim-layer-1{animation:tabbar-layer-sep-1 2.8s ease-in-out infinite}.tabbar-item[data-tab=loadout].active .anim-layer-2{animation:tabbar-layer-sep-2 2.8s ease-in-out infinite}.tabbar-item[data-tab=loadout].active .anim-layer-3{animation:tabbar-layer-sep-3 2.8s ease-in-out infinite}@keyframes tabbar-layer-sep-1{0%,to{transform:translateY(0)}50%{transform:translateY(-1.2px)}}@keyframes tabbar-layer-sep-2{0%,to{transform:translateY(0)}50%{transform:translateY(.5px)}}@keyframes tabbar-layer-sep-3{0%,to{transform:translateY(0)}50%{transform:translateY(1.8px)}}.tabbar-item[data-tab=battle].active .anim-crosshair-ring{animation:tabbar-crosshair-rotate 8s linear infinite;transform-origin:12px 12px}@keyframes tabbar-crosshair-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabbar-item[data-tab=clan].active .tabbar-icon{animation:tabbar-icon-clan-beat 3s ease-in-out infinite}@keyframes tabbar-icon-clan-beat{0%,to{transform:scale(1.15);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}15%{transform:scale(1.22);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}30%{transform:scale(1.15);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}}.tabbar-item[data-tab=tournaments].active .tabbar-icon{animation:tabbar-icon-trophy-tilt 3s ease-in-out infinite}@keyframes tabbar-icon-trophy-tilt{0%,to{transform:scale(1.15) rotate(0);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}25%{transform:scale(1.15) rotate(4deg);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}75%{transform:scale(1.15) rotate(-4deg);filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}}.mode-sheet-root{position:fixed;inset:0;z-index:9610;display:flex;flex-direction:column;justify-content:flex-end;--pri: oklch(.82 .14 200);--pri-deep: oklch(.55 .18 215);--pri-glow: oklch(.82 .14 200 / .5);--line: rgba(120, 180, 255, .08);--line-2: rgba(120, 180, 255, .18);--line-3: rgba(120, 180, 255, .32);--txt: #E6ECFF;--txt-mid: rgba(230, 236, 255, .7);--txt-low: rgba(230, 236, 255, .45);--ok: oklch(.78 .16 145);--f-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace}@keyframes ms-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ms-sheet-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes ms-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ms-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes ms-row-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ms-chevron-in{0%{transform:translate(-50%,calc(70vh + 22px))}to{transform:translate(-50%)}}@keyframes ms-chevron-out{0%{transform:translate(-50%)}to{transform:translate(-50%,calc(70vh + 22px))}}.ms-backdrop{position:absolute;inset:0;background:#05070db8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:ms-backdrop-in .24s ease}.ms-backdrop--closing{animation:ms-backdrop-out .24s ease forwards}.ms-chevron{position:absolute;bottom:calc(70% - 22px);left:50%;transform:translate(-50%);width:72px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;z-index:9622;animation:ms-chevron-in .32s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}.ms-chevron--closing{animation:ms-chevron-out .24s cubic-bezier(.4,0,1,1) forwards}.ms-chevron__glow{position:absolute;inset:-4px;background:var(--pri);filter:blur(12px);opacity:.35;clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.ms-chevron__frame{position:relative;width:100%;height:100%;background:linear-gradient(180deg,var(--pri),var(--pri-deep));clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);padding:2px}.ms-chevron__body{position:relative;width:100%;height:100%;background:linear-gradient(180deg,oklch(.38 .16 215),oklch(.22 .12 220));clip-path:polygon(0 11px,11px 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%);display:flex;align-items:center;justify-content:center;padding-bottom:6px;overflow:hidden}.ms-chevron__topline{position:absolute;top:2px;left:14px;right:14px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.ms-chevron__svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ms-sheet{position:relative;height:70%;background:linear-gradient(180deg,#0f1424fa,#0a0e1afa);border-top:1px solid var(--line-3);clip-path:polygon(0 22px,22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);animation:ms-sheet-in .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.ms-sheet--closing{animation:ms-sheet-out .24s cubic-bezier(.4,0,1,1) forwards}.ms-sheet__top-edge{position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--pri),transparent);box-shadow:0 0 12px var(--pri)}.ms-sheet__corner{position:absolute;top:0;width:40px;height:40px;opacity:.6}.ms-sheet__corner--tl{left:0;background:linear-gradient(135deg,transparent,transparent 45%,var(--pri) 48%,transparent 52%);clip-path:polygon(0 22px,22px 0,40px 0,40px 4px,26px 4px,4px 26px,4px 40px,0 40px)}.ms-sheet__corner--tr{right:0;background:linear-gradient(225deg,transparent,transparent 45%,var(--pri) 48%,transparent 52%);clip-path:polygon(100% 22px,calc(100% - 22px) 0,calc(100% - 40px) 0,calc(100% - 40px) 4px,calc(100% - 26px) 4px,calc(100% - 4px) 26px,calc(100% - 4px) 40px,100% 40px)}.ms-sheet__header{position:relative;padding:24px 18px 14px;border-bottom:1px solid var(--line);text-align:center}.ms-sheet__protocol{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:9px;font-weight:700;color:var(--pri);letter-spacing:2.5px;margin-bottom:4px}.ms-sheet__protocol-line{width:18px;height:1px;background:var(--pri);opacity:.5}.ms-sheet__protocol-diamond{width:5px;height:5px;background:var(--pri);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 6px var(--pri)}.ms-sheet__title{font-family:var(--font-display, "Orbitron", sans-serif);font-size:22px;font-weight:900;color:#fff;letter-spacing:3px;text-shadow:0 0 16px var(--pri-glow),0 2px 4px rgba(0,0,0,.5)}.ms-sheet__list{flex:1;overflow:auto;padding:14px 14px 18px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}.ms-sheet__footer{padding:8px 18px 12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-family:var(--f-mono);font-size:9px;font-weight:600;color:var(--txt-low);letter-spacing:1.5px}.ms-sheet__footer-count{color:var(--pri)}.ms-row{position:relative;width:100%;height:96px;padding:0;border:0;background:transparent;cursor:pointer;animation:ms-row-in .35s cubic-bezier(.2,.8,.2,1) backwards;-webkit-tap-highlight-color:transparent}.ms-row--locked{opacity:.55}.ms-row__halo{position:absolute;inset:-2px;filter:blur(14px);opacity:.35;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));pointer-events:none}.ms-row__frame{position:relative;width:100%;height:100%;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));padding:2px;transition:background .25s}.ms-row__body{position:relative;width:100%;height:100%;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));display:flex;align-items:center;padding:0 14px 0 4px;overflow:hidden}.ms-row__corner{position:absolute;width:22px;height:22px}.ms-row__corner--tr{top:0;right:0;clip-path:polygon(100% 0,100% 100%,0 0)}.ms-row__corner--bl{bottom:0;left:0;clip-path:polygon(0 0,0 100%,100% 100%)}.ms-row__scanlines{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.025) 3px,rgba(255,255,255,.025) 4px);pointer-events:none}.ms-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-right:10px;text-align:left}.ms-row__tag-line{display:flex;align-items:center;gap:5px}.ms-row__tag-diamond{width:5px;height:5px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.ms-row__tag{font-family:var(--f-mono);font-size:8.5px;font-weight:800;letter-spacing:1.6px}.ms-row__title{font-family:var(--font-display, "Orbitron", sans-serif);font-size:16px;font-weight:900;color:#fff;letter-spacing:1.2px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-row__sub{font-family:var(--font-body, "Rajdhani", sans-serif);font-size:11px;font-weight:500;color:var(--txt-mid);letter-spacing:.3px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-row__icon-wrap{position:relative;display:flex;align-items:center;gap:10px;flex-shrink:0}.ms-row__divider{width:1px;height:56px;background-size:1px 6px;background-repeat:repeat-y}.ms-row__icon-frame{position:relative;width:48px;height:48px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));padding:1.5px}.ms-row__icon-body{width:100%;height:100%;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));display:flex;align-items:center;justify-content:center}.ms-row__icon-svg{width:28px;height:28px}.ms-row__active-bar{position:absolute;left:0;top:10px;bottom:10px;width:3px}.ms-row__lock-overlay{position:absolute;top:6px;right:8px;display:flex;align-items:center;justify-content:center;pointer-events:none}.ms-row__lock-icon{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.ms-mini-planet{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ms-mini-planet__glow{position:absolute;inset:8px;filter:blur(8px)}.ms-mini-planet__body{position:relative;border-radius:50%;overflow:hidden}.ms-mini-planet__details{position:absolute;inset:0;opacity:.4}.ms-mini-planet__terminator{position:absolute;inset:0;border-radius:50%;background:linear-gradient(105deg,transparent 45%,rgba(0,0,0,.45) 70%)}.mode-sheet-root .ms-row__live-scene{position:relative;width:96px;height:96px;flex-shrink:0;overflow:hidden}.mode-sheet-root .ms-row__live-scene canvas{width:100%;height:100%;display:block}.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)}}.bgfx-reduced .arc-path,.bgfx-reduced .bolt,.bgfx-reduced .circuit-glow,.bgfx-reduced .bgfx-layer{filter:none!important}.banner{position:relative;display:inline-block;overflow:visible;flex-shrink:0;user-select:none;contain:layout style paint}.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 var(--border-color, #22d3ee)) drop-shadow(0 0 16px var(--border-color, #22d3ee))}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;transform:translate(var(--ring-cx),var(--ring-cy)) scale(1) translate(calc(-1 * var(--ring-cx)),calc(-1 * var(--ring-cy)))}to{opacity:0;transform:translate(var(--ring-cx),var(--ring-cy)) scale(1.12) translate(calc(-1 * var(--ring-cx)),calc(-1 * var(--ring-cy)))}}.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 var(--border-color, #22d3ee))}50%{filter:drop-shadow(0 0 10px var(--border-color, #22d3ee)) drop-shadow(0 0 20px var(--border-color, #22d3ee))}}.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 var(--border-color, #22d3ee))}50%{stroke-width:4.5;filter:drop-shadow(0 0 14px var(--border-color, #22d3ee)) drop-shadow(0 0 28px var(--border-color, #22d3ee))}}.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}.banner-sparkles,.banner-shimmer rect,.banner-orbit-rings,.banner-energy-bar rect{will-change:transform,opacity}.lobby-overlay-active .banner,.lobby-overlay-active .banner *,.lobby-overlay-active .bgfx-layer,.lobby-overlay-active .bgfx-layer *{animation-play-state:paused!important}@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}}.pc-root{--pc-cyan: #22d3ee;--pc-cyan-bright: #8ef4ff;--pc-cyan-deep: #0b8ba0;position:relative;width:100%;height:100%;isolation:isolate}.pc-grid{position:relative;width:100%;height:100%;background:#080e1abf;z-index:1}.pc-cell{position:relative;background:#ffffff0d;transition:background .2s ease,opacity .2s ease;transform-origin:center;z-index:1;min-width:0;min-height:0}.pc-cell--on{background:linear-gradient(180deg,var(--pc-cyan-bright) 0%,var(--pc-cyan) 55%,var(--pc-cyan-deep) 100%);opacity:var(--trail, 1)}.pc-cell--tip{background:linear-gradient(180deg,#fff,#c5f7ff);animation:pc-tip-pulse .7s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 0 10px rgba(34,211,238,.9));opacity:1}@keyframes pc-tip-pulse{0%{filter:drop-shadow(0 0 3px rgba(255,255,255,.7)) drop-shadow(0 0 8px rgba(34,211,238,.7))}to{filter:drop-shadow(0 0 8px rgba(255,255,255,1)) drop-shadow(0 0 18px rgba(34,211,238,1))}}.pc-root--horizontal .pc-grid{display:flex;flex-direction:row;gap:1px}.pc-root--horizontal .pc-cell{flex:1 1 0}.pc-root--horizontal .pc-cell--on{animation:pc-pop-h .38s cubic-bezier(.2,.9,.3,1.35)}@keyframes pc-pop-h{0%{transform:scaleX(.35);filter:brightness(2.6)}55%{transform:scaleX(1.15);filter:brightness(1.7)}to{transform:scaleX(1);filter:brightness(1)}}.pc-root--horizontal .pc-shimmer-mask{position:absolute;left:0;top:0;bottom:0;width:calc(100% * var(--fill, 0));overflow:hidden;pointer-events:none;transition:width .3s ease-out;z-index:3;mix-blend-mode:screen}.pc-root--horizontal .pc-shimmer{position:absolute;top:0;bottom:0;width:90px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 90%,transparent 100%);filter:blur(1px);animation:pc-sheen-h 2s linear infinite}@keyframes pc-sheen-h{0%{left:-90px}to{left:100%}}.pc-root--vertical .pc-grid{display:flex;flex-direction:column-reverse;gap:1px}.pc-root--vertical .pc-cell{flex:1 1 0}.pc-root--vertical .pc-cell--on{animation:pc-pop-v .38s cubic-bezier(.2,.9,.3,1.35)}@keyframes pc-pop-v{0%{transform:scaleY(.35);filter:brightness(2.6)}55%{transform:scaleY(1.15);filter:brightness(1.7)}to{transform:scaleY(1);filter:brightness(1)}}.pc-root--vertical .pc-shimmer-mask{position:absolute;left:0;right:0;bottom:0;height:calc(100% * var(--fill, 0));overflow:hidden;pointer-events:none;transition:height .3s ease-out;z-index:3;mix-blend-mode:screen}.pc-root--vertical .pc-shimmer{position:absolute;left:0;right:0;height:90px;background:linear-gradient(0deg,transparent 0%,rgba(255,255,255,0) 10%,rgba(255,255,255,.9) 50%,rgba(255,255,255,0) 90%,transparent 100%);filter:blur(1px);animation:pc-sheen-v 2.8s linear infinite}@keyframes pc-sheen-v{0%{bottom:-90px}to{bottom:100%}}.pc-root--max{--pc-cyan: oklch(.82 .17 70);--pc-cyan-bright: oklch(.95 .15 75);--pc-cyan-deep: oklch(.55 .18 65)}.pc-root--max .pc-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,200,120,0) 10%,rgba(255,200,120,.85) 50%,rgba(255,200,120,0) 90%,transparent 100%)}.pc-root--max.pc-root--vertical .pc-shimmer{background:linear-gradient(0deg,transparent 0%,rgba(255,200,120,0) 10%,rgba(255,200,120,.85) 50%,rgba(255,200,120,0) 90%,transparent 100%)}.srm-root{--sr-pri: oklch(.82 .14 200);--sr-pri-deep: oklch(.55 .18 215);--sr-pri-glow: oklch(.82 .14 200 / .5);--sr-line-2: rgba(120, 180, 255, .18);font-family:Orbitron,system-ui,sans-serif;color:#e6ecff;width:100%;position:relative}.srm-frame{position:relative;background:linear-gradient(180deg,#78b4ff0a,#78b4ff1a);border:1px solid var(--sr-line-2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));padding:8px 12px}.srm-text{display:flex;align-items:center;justify-content:center;gap:6px;font-family:Orbitron,system-ui,sans-serif;font-size:11px;font-weight:400;color:#e6ecffbf;letter-spacing:.5px;text-align:center;margin-bottom:7px;line-height:1}.srm-next-icon{width:14px;height:14px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.srm-bar-track{position:relative;height:10px;background:#00000080;border:1px solid var(--sr-line-2);border-radius:2px;overflow:hidden}.srm-root--max .srm-text{color:oklch(.82 .17 70)}.profile-popup-backdrop{position:fixed;inset:0;background:#0009;z-index:9600;pointer-events:auto;animation:profilePopupFadeIn .2s ease}.profile-popup-wrapper{position:fixed;top:var(--popup-top);bottom:var(--popup-bottom);left:var(--popup-side);right:var(--popup-side);z-index:9601;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:0;border:1px solid rgba(100,140,255,.12);overflow:hidden}.profile-popup-label{position:absolute;top:-13px;left:50%;transform:translate(-50%);z-index:910;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[data-banner-base-border]{display:none}.profile-popup-hero-bg .banner-corner-bracket{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-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{width:32px;height:32px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.profile-popup-edit-btn:hover{background:#ffffff26;color:#fff}.profile-popup-edit-btn:active{transform:scale(.9)}.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{width:32px;height:32px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.15);cursor:pointer;font-size:18px;padding:0;display:flex;align-items:center;justify-content:center;transition:background .15s}.profile-popup-edit-confirm{color:#4caf50}.profile-popup-edit-cancel{color:#ff6b6b}.profile-popup-edit-confirm:active,.profile-popup-edit-cancel:active{transform:scale(.9)}.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:0;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:9610;animation:profilePopupFadeIn .15s ease}.profile-popup-history-panel{position:fixed;inset:12vh 5vw;z-index:9611;display:flex;flex-direction:column;background:var(--bg-deep, #050810);border-radius:0;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:0;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:0;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}.profile-popup-replay-btn{margin-top:8px;background:linear-gradient(180deg,#fbbf2433,#f59e0b26);border-color:#fbbf244d}.profile-popup-replay-btn:hover{background:linear-gradient(180deg,#fbbf244d,#f59e0b38)}.profile-popup-replay-dialog{position:fixed;inset:0;z-index:9700;display:flex;align-items:center;justify-content:center}.profile-popup-replay-dialog-backdrop{position:absolute;inset:0;background:#000000a6}.profile-popup-replay-dialog-panel{position:relative;width:calc(100% - 48px);max-width:340px;padding:24px 20px;background:#0f1423f5;border:1px solid rgba(255,255,255,.1);text-align:center;animation:profilePopupFadeIn .2s ease}.profile-popup-replay-dialog-title{margin:0 0 12px;font-family:Orbitron,sans-serif;font-weight:700;font-size:18px;color:#fff}.profile-popup-replay-dialog-body{margin:0 0 16px;font-family:Rajdhani,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#ffffffb3}.profile-popup-replay-dialog-error{margin:0 0 14px;font-family:Rajdhani,sans-serif;font-weight:600;font-size:13px;color:#ef4444}.profile-popup-replay-dialog-actions{display:flex;gap:10px}.profile-popup-replay-dialog-btn{flex:1;min-height:48px;padding:0 16px;border:none;border-radius:0;font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .1s ease,opacity .1s ease;-webkit-tap-highlight-color:transparent}.profile-popup-replay-dialog-btn:disabled{opacity:.5;cursor:default}.profile-popup-replay-dialog-btn:not(:disabled):active{transform:scale(.97)}.profile-popup-replay-dialog-btn--cancel{background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.15)}.profile-popup-replay-dialog-btn--confirm{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#050810;box-shadow:0 0 12px #fbbf244d}.blp-backdrop{position:fixed;inset:0;background:#0009;z-index:9600;animation:blpFadeIn .2s ease}@keyframes blpFadeIn{0%{opacity:0}to{opacity:1}}.blp-panel{position:fixed;top:var(--popup-top);bottom:var(--popup-bottom);left:var(--popup-side);right:var(--popup-side);z-index:9601;display:flex;flex-direction:column;background:linear-gradient(170deg,#141e3cd9,#080c18f2 35%,#050810 55%,#0a1228e6 80%,#190f32d9),var(--bg-deep, #050810);border-radius:0;border:1px solid rgba(100,140,255,.12);overflow:hidden;animation:blpSlideIn .25s cubic-bezier(.22,1,.36,1)}@keyframes blpSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blp-header{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.blp-back{background:none;border:none;color:var(--text-cyan, #22d3ee);font-size:22px;cursor:pointer;padding:4px 8px 4px 0;font-family:var(--font-body, "Rajdhani", sans-serif);line-height:1}.blp-title{font-family:var(--font-display, "Orbitron", sans-serif);font-size:13px;font-weight:700;color:#fff;flex:1;letter-spacing:1px;text-transform:uppercase}.blp-filter-wrap{position:relative;margin-left:6px}.blp-filter-select{padding:3px 20px 3px 6px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#ffffff59;font-family:var(--font-body, "Rajdhani", sans-serif);font-size:11px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;transition:all .15s ease;outline:none}.blp-filter-select:hover,.blp-filter-select:focus{border-color:#fff3;color:#fff9}.blp-filter-select.has-filter{border-color:#22d3ee4d;color:var(--text-cyan, #22d3ee)}.blp-filter-select option{background:#0a0e24;color:#fff;font-family:var(--font-body, "Rajdhani", sans-serif);font-size:13px}.blp-filter-wrap:after{content:"▾";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#fff3;font-size:9px;pointer-events:none}.blp-close{background:none;border:none;color:#ffffff80;font-size:22px;cursor:pointer;padding:4px;line-height:1;margin-left:4px}.blp-close:hover{color:#fff}.blp-list{flex:1;overflow-y:auto;padding:4px 0 12px;-webkit-overflow-scrolling:touch}.blp-list::-webkit-scrollbar{width:4px}.blp-list::-webkit-scrollbar-track{background:transparent}.blp-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.blp-divider{display:flex;align-items:center;gap:10px;padding:10px 14px 4px}.blp-divider-text{font-family:var(--font-display, "Orbitron", sans-serif);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;white-space:nowrap}.blp-divider-line{flex:1;height:1px;background:#ffffff14}.blp-row{padding:10px 14px;margin:4px 10px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);transition:background .15s ease,border-color .15s ease}.blp-row-cv{content-visibility:auto;contain-intrinsic-size:0 120px;contain:layout paint style}.blp-row--equipped{border-color:#4ade804d;background:#4ade800d}.blp-name-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.blp-row--locked .blp-name{color:#ffffff73}.blp-name{font-family:var(--font-display, "Orbitron", sans-serif);font-size:10px;font-weight:600;color:#ffffffe6;letter-spacing:.5px}.blp-body{display:flex;gap:14px;align-items:center}.blp-banner-wrap{width:60%;max-width:220px;border-radius:6px;position:relative;overflow:hidden;flex-shrink:0;pointer-events:none;contain:layout paint style}.blp-banner-wrap .banner-wrapper,.blp-banner-wrap .banner,.blp-banner-wrap .banner--mini{max-width:none!important;width:100%;display:block}.blp-row--locked .blp-banner-wrap{opacity:.35;filter:saturate(.4)}.blp-rarity{padding:1px 5px;border-radius:3px;font-family:var(--font-display, "Orbitron", sans-serif);font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;line-height:1.3;flex-shrink:0}.blp-rarity--common{background:#8b8b8b;color:#fff}.blp-rarity--rare{background:#3b82f6;color:#fff}.blp-rarity--epic{background:#a855f7;color:#fff}.blp-rarity--legendary{background:#f59e0b;color:#000}.blp-right{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.blp-btn{padding:5px 18px;border-radius:0;font-family:var(--font-body, "Rajdhani", sans-serif);font-size:12px;font-weight:700;border:none;text-transform:uppercase;letter-spacing:.8px;transition:all .12s ease}.blp-btn--equip{background:linear-gradient(135deg,#1e3a5f,#1e4976,#2563a8,#3b82f6);color:#fff;border:1px solid rgba(147,197,253,.35);box-shadow:0 2px 8px #3b82f633;cursor:pointer}.blp-btn--equip:active{transform:scale(.95)}.blp-btn--equipped{background:transparent;border:1.5px solid var(--text-green, #4ade80);color:var(--text-green, #4ade80);cursor:default}.blp-btn--locked{background:#ffffff0f;color:#ffffff4d;cursor:default;border:1px solid rgba(255,255,255,.08)}.blp-unlock{display:flex;align-items:center;gap:6px}.blp-shard-dots{display:flex;gap:3px}.blp-shard-dot{width:8px;height:8px;border-radius:50%}.blp-shard-dot--empty{background:#ffffff1f}.blp-shard-dot--common{background:#8b8b8b}.blp-shard-dot--rare{background:#3b82f6}.blp-shard-dot--epic{background:#a855f7}.blp-shard-dot--legendary{background:#f59e0b}.blp-unlock-text{font-family:var(--font-body, "Rajdhani", sans-serif);font-size:11px;font-weight:600;color:#ffffff4d}.blp-new-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;font-family:var(--font-display, "Orbitron", sans-serif);font-size:7px;font-weight:900;padding:2px 5px;border-radius:3px;z-index:3;letter-spacing:.5px}@keyframes blpFlash{0%{background:#4ade801f}50%{background:#4ade8038}to{background:#4ade800d}}.blp-row--flash{animation:blpFlash .3s ease}.blp-empty{text-align:center;padding:40px 16px;color:#ffffff4d;font-size:13px}.efx-popup-backdrop{position:fixed;inset:0;background:#000000b3;z-index:9600}.efx-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9601;background:linear-gradient(180deg,#1a1f2e,#0f1218);border:1px solid rgba(255,255,255,.1);border-radius:0;padding:20px;width:min(90vw,400px);display:flex;flex-direction:column;align-items:center;gap:16px;animation:efx-popup-in .2s ease-out}@keyframes efx-popup-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.efx-popup-header{display:flex;align-items:center;gap:10px;width:100%;justify-content:center}.efx-popup-rarity{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.efx-popup-name{color:#e2e8f0;font-size:16px;font-weight:600}.efx-popup-preview{width:100%;display:flex;justify-content:center;padding:8px 0}.efx-popup-colors{display:flex;gap:12px;justify-content:center;padding:4px 0}.efx-color-dot{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;box-shadow:0 0 6px #0006}.efx-color-dot:hover{transform:scale(1.1)}.efx-color-dot--active{border-color:#fff;box-shadow:0 0 10px #ffffff4d;transform:scale(1.15)}.efx-popup-actions{display:flex;gap:12px;width:100%;justify-content:center}.efx-popup-btn{flex:1;max-width:140px;padding:10px 0;border-radius:0;font-size:14px;font-weight:700;cursor:pointer;border:none;transition:opacity .15s}.efx-popup-btn:active{opacity:.8}.efx-popup-btn--cancel{background:#ffffff1a;color:#94a3b8}.efx-popup-btn--equip{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f666}.lo-section-title{position:relative;display:inline-flex;align-items:center;gap:8px}.notification-badge.lo-section-new-badge-pos{position:static;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:0;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-equipped-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0}.lo-equipped-banner{width:100%;max-width:260px;border-radius:0;overflow:hidden;pointer-events:none}.lo-equipped-banner .banner-wrapper,.lo-equipped-banner .banner,.lo-equipped-banner .banner--mini{max-width:none!important;width:100%;display:block}.lo-equipped-name{font-family:var(--font-display);font-weight:500;font-size:12px;color:#ffffffb3;text-align:center}.lo-browse-btn{width:100%;margin-top:10px;padding:10px 16px;background:linear-gradient(135deg,#1e3a5f,#1e4976,#2563a8,#3b82f6);border:1px solid rgba(147,197,253,.35);border-radius:0;color:#fff;font-family:var(--font-display, "Orbitron", sans-serif);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #3b82f633}.lo-browse-btn:active{transform:scale(.97)}.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:#3b82f6;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:0;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:visible;border-radius:0;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:0;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(2,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:0;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:80px;height:80px;object-fit:contain;border-radius:0;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:0;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:0;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:0;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:0;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:0;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:0;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:0;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:0;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(2,1fr);gap:10px;padding:0 4px}.shop-section-skeleton{border-radius:0;background:#ffffff08;border:1px dashed rgba(255,255,255,.06)}.shop-section-skeleton--banners,.shop-section-skeleton--effects{height:156px}.shop-section-skeleton--pods{grid-column:1 / -1;height:180px}.shop-pod-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;border-radius:0;border:1.5px solid rgba(255,255,255,.08);background:#ffffff08}.shop-pod-card__img{width:80px;height:80px;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:0;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;bottom:calc(52px + env(safe-area-inset-bottom,0px));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:0;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:4000px;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:0;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:0;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-sq{animation:pmapRowPulse 2s ease-in-out infinite}.pmap-reward-detail--claimed{opacity:.45}.pmap-reward-sq{width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#0006;border:1px solid rgba(255,255,255,.1);flex-shrink:0;box-sizing:border-box;padding:2px;overflow:hidden}.pmap-reward-sq-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.pmap-reward-sq-icon--pod{width:28px;height:28px}.pmap-reward-sq-icon--banner{width:100%;height:100%;object-fit:cover}.pmap-reward-sq-icon-emoji{font-size:14px;line-height:1;flex-shrink:0}.pmap-reward-sq-amount{font-family:var(--font-display);font-size:8px;font-weight:800;letter-spacing:.2px;line-height:1}.pmap-reward-sq--credits{background:#fbbf241f;border-color:#fbbf2466}.pmap-reward-sq--credits .pmap-reward-sq-amount{color:#fbbf24}.pmap-reward-sq--gems{background:#a855f71f;border-color:#a855f766}.pmap-reward-sq--gems .pmap-reward-sq-amount{color:#c084fc}.pmap-reward-sq--pod-common{background:#4ade801f;border-color:#4ade808c}.pmap-reward-sq--pod-rare{background:#60a5fa1f;border-color:#60a5fa8c}.pmap-reward-sq--pod-epic{background:#c084fc24;border-color:#c084fc99}.pmap-reward-sq--pod-legendary{background:#fbbf2424;border-color:#fbbf24a6;box-shadow:0 0 6px #fbbf244d}.pmap-reward-sq--banner{padding:0}.pmap-reward-sq--rarity-common{border-color:#94a3b88c}.pmap-reward-sq--rarity-rare{border-color:#60a5fa99;box-shadow:0 0 4px #60a5fa40}.pmap-reward-sq--rarity-epic{border-color:#c084fca6;box-shadow:0 0 5px #c084fc4d}.pmap-reward-sq--rarity-legendary{border-color:#fbbf24b3;box-shadow:0 0 6px #fbbf2459}.pmap-reward-sq--cosmetic{background:#22d3ee1a;border-color:#22d3ee73}.pmap-reward-sq--unlock{background:#4ade801f;border-color:#4ade8080}.pmap-reward-sq--unlock .pmap-reward-sq-amount{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{width:14px;height:14px;object-fit:contain;vertical-align:middle}.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{position:relative;background:linear-gradient(135deg,#4ade80,#22c55e);color:#071a0e;border:none;border-radius:0;padding:8px 16px;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.07em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));filter:drop-shadow(0 3px 8px rgba(74,222,128,.45));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{filter:drop-shadow(0 3px 8px rgba(74,222,128,.45))}50%{filter:drop-shadow(0 3px 14px rgba(74,222,128,.75))}}.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}}.rrd-screen{position:fixed;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;background:radial-gradient(ellipse at top,#0b1830,#050912);z-index:9600}.rrd-header{display:flex;align-items:center;gap:10px;padding:calc(12px + var(--sat, 0px)) 16px 12px;background:#00000073;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:20}.rrd-title{flex:1;font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:2px;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.35)}.rrd-header-currencies{display:flex;gap:6px;align-items:center}.rrd-header-currency{display:flex;align-items:center;gap:4px;border-radius:0;padding:4px 8px 4px 5px}.rrd-header-currency--coins{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.rrd-header-currency--gems{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.rrd-header-currency-emoji{width:14px;height:14px;object-fit:contain}.rrd-header-currency-value{font-family:var(--font-display);font-size:10px;font-weight:700;line-height:1}.rrd-header-currency--coins .rrd-header-currency-value{color:#fbbf24}.rrd-header-currency--gems .rrd-header-currency-value{color:#c084fc}.rrd-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative}.rrd-scroll::-webkit-scrollbar{display:none}.rrd-canvas{position:relative;width:100%;padding:24px 0 calc(120px + var(--sab, 0px));overflow:hidden}.rrd-stars{position:absolute;inset:0;pointer-events:none}.rrd-star{position:absolute;background:#fff;border-radius:0}.rrd-star--twinkle{animation:rrd-twinkle var(--dur, 3s) var(--del, 0s) ease-in-out infinite}@keyframes rrd-twinkle{0%,to{opacity:var(--lo, .1)}50%{opacity:var(--hi, .5)}}.rrd-rows-wrap{position:relative;z-index:2;display:grid;grid-template-columns:28px 1fr;gap:0;padding:0 14px 0 0;align-items:stretch}.rrd-rail{--sr-pri: oklch(.82 .14 200);--sr-pri-deep: oklch(.55 .18 215);--sr-pri-glow: oklch(.82 .14 200 / .5);--sr-cta: oklch(.82 .17 70);--sr-line-2: rgba(120, 180, 255, .18);position:relative;width:28px;display:flex;justify-content:flex-start}.rrd-rail-track{position:relative;width:22px;height:100%;background:#00000080;border:1px solid var(--sr-line-2);border-left:none;clip-path:polygon(0 0,100% 8px,100% calc(100% - 8px),0 100%);overflow:hidden}.rrd-rail-notch{position:absolute;left:0;right:0;pointer-events:none;z-index:4}.rrd-rail-notch--major{height:2px;background:#000000d9;box-shadow:0 0 0 1px #ffffff14}.rrd-rail-you{position:absolute;left:30px;z-index:6;pointer-events:none;white-space:nowrap}.rrd-rail-you-pill{position:relative;display:inline-block;font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:.5px;color:#0b1830;background:linear-gradient(135deg,#fde68a,#fbbf24);padding:4px 10px 4px 12px;border-radius:0;box-shadow:0 0 12px #fbbf2499,0 2px 6px #0006}.rrd-rail-you-pill:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fbbf24;filter:drop-shadow(-2px 0 4px rgba(251,191,36,.5))}.rrd-rows{display:flex;flex-direction:column}.rrd-row{display:grid;grid-template-columns:60px 1fr;gap:0;padding:26px 0;position:relative;align-items:stretch;box-sizing:border-box;opacity:0;transform:translate(40px) scale(.96);animation:rrd-row-in .55s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--row-delay, 0ms);will-change:transform,opacity}@keyframes rrd-row-in{to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.rrd-row{opacity:1;transform:none;animation:none}}.rrd-card{--accent: oklch(.82 .14 200);--accent-deep: oklch(.55 .18 215);--accent-glow: oklch(.82 .14 200 / .5);position:relative;width:100%;height:100%;box-sizing:border-box;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));padding:2px;background:linear-gradient(135deg,#78b4ff47,#78b4ff14);transition:background .25s ease-out,box-shadow .25s ease-out}.rrd-card-body{position:relative;width:100%;height:100%;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:linear-gradient(135deg,#141e3cd9,#0a1223eb);display:flex;flex-direction:column;gap:6px;padding:8px 12px;overflow:hidden}.rrd-card-corner{position:absolute;width:22px;height:22px;pointer-events:none;opacity:.35;transition:opacity .25s ease-out}.rrd-card-corner--tr{top:0;right:0;background:linear-gradient(225deg,var(--accent),transparent 60%);clip-path:polygon(100% 0,100% 100%,0 0)}.rrd-card-corner--bl{bottom:0;left:0;background:linear-gradient(45deg,var(--accent),transparent 60%);clip-path:polygon(0 0,0 100%,100% 100%)}.rrd-card-scanlines{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.025) 3px,rgba(255,255,255,.025) 4px)}.rrd-card-active-bar{position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--accent);box-shadow:0 0 10px var(--accent);pointer-events:none}.rrd-row--claimable .rrd-card{--accent: oklch(.78 .16 145);--accent-deep: oklch(.45 .16 150);--accent-glow: oklch(.78 .16 145 / .5);background:linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 0 14px var(--accent-glow)}.rrd-row--claimable .rrd-card-body{background:linear-gradient(135deg,oklch(.45 .16 150 / .35),#0a1223eb)}.rrd-row--claimable .rrd-card-corner{opacity:.9}.rrd-row--promo.rrd-row--claimable .rrd-card{--accent: oklch(.82 .17 70);--accent-deep: oklch(.5 .16 60);--accent-glow: oklch(.82 .17 70 / .55);background:linear-gradient(135deg,var(--accent),var(--accent-deep));box-shadow:0 0 18px var(--accent-glow)}.rrd-row--promo.rrd-row--claimable .rrd-card-body{background:linear-gradient(135deg,oklch(.5 .16 60 / .35),#0a1223eb)}.rrd-row--claimed .rrd-card{opacity:.85}.rrd-row--claimed .rrd-card-corner{opacity:.5}.rrd-row--locked .rrd-card{opacity:.55}.rrd-row--locked .rrd-card-corner{opacity:.2}.rrd-row--promo.rrd-row--claimable .rrd-card:before{content:"";position:absolute;inset:-2px;filter:blur(14px);opacity:.4;background:var(--accent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));pointer-events:none;z-index:-1}.rrd-row--promo .rrd-card-body:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(251,191,36,.22) 50%,transparent 70%);transform:translate(-100%);animation:rrd-promo-shine 4.5s ease-in-out infinite;animation-delay:var(--row-delay, 0ms);pointer-events:none;mix-blend-mode:screen}@keyframes rrd-promo-shine{0%{transform:translate(-100%);opacity:0}15%{opacity:1}55%{opacity:1}70%,to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.rrd-row--promo .rrd-card-body:after{animation:none}}.rrd-card-main{display:flex;align-items:center;gap:8px;flex:1;min-height:0}.rrd-card-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rrd-card-badge-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.rrd-row--locked .rrd-card-badge-img{filter:grayscale(.85) brightness(.6)}.rrd-card-badge-emoji{font-size:36px;line-height:1}.rrd-row--locked .rrd-card-badge-emoji{filter:grayscale(.85) brightness(.6)}.rrd-card-head{display:flex;align-items:center;gap:8px;min-width:0}.rrd-card-rank{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:.6px;color:#e2e8f0;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.rrd-row--locked .rrd-card-rank{color:#64748b}.rrd-card-promo-tag{font-family:var(--font-display);font-size:7px;font-weight:800;letter-spacing:1px;color:#0b1830;background:linear-gradient(135deg,#fde68a,#fbbf24);padding:2px 5px;border-radius:0;text-transform:uppercase;flex-shrink:0}.rrd-reward-row{display:flex;flex-wrap:nowrap;gap:4px;align-items:center}.rrd-reward-sq{width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#0006;border:1px solid rgba(255,255,255,.1);flex-shrink:0;box-sizing:border-box;padding:2px;opacity:0;transform:scale(.4);animation:rrd-sq-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.rrd-reward-sq:nth-child(1){animation-delay:calc(var(--row-delay, 0ms) + .22s)}.rrd-reward-sq:nth-child(2){animation-delay:calc(var(--row-delay, 0ms) + .28s)}.rrd-reward-sq:nth-child(3){animation-delay:calc(var(--row-delay, 0ms) + .34s)}@keyframes rrd-sq-pop{to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.rrd-reward-sq{opacity:1;transform:none;animation:none}}.rrd-reward-sq-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.rrd-reward-sq-icon--pod{width:28px;height:28px}.rrd-reward-sq-amount{font-family:var(--font-display);font-size:8px;font-weight:800;letter-spacing:.2px;line-height:1}.rrd-reward-sq--credits{background:#fbbf241f;border-color:#fbbf2466}.rrd-reward-sq--credits .rrd-reward-sq-amount{color:#fbbf24}.rrd-reward-sq--gems{background:#a855f71f;border-color:#a855f766}.rrd-reward-sq--gems .rrd-reward-sq-amount{color:#c084fc}.rrd-reward-sq--pod-common{background:#4ade801f;border-color:#4ade808c}.rrd-reward-sq--pod-rare{background:#60a5fa1f;border-color:#60a5fa8c}.rrd-reward-sq--pod-epic{background:#c084fc24;border-color:#c084fc99}.rrd-reward-sq--pod-legendary{background:#fbbf2424;border-color:#fbbf24a6;box-shadow:0 0 6px #fbbf244d}.rrd-card-action{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.rrd-claim-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#071a0e;border:none;border-radius:0;padding:7px 12px;font-family:var(--font-display);font-size:10px;font-weight:800;letter-spacing:.8px;cursor:pointer;box-shadow:0 3px 12px #4ade8073;transition:transform .1s ease;animation:rrd-claim-pulse 2s ease-in-out infinite;text-transform:uppercase;min-width:56px}.rrd-row--promo .rrd-claim-btn{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#1a1206;box-shadow:0 3px 12px #fbbf2480;animation-name:rrd-claim-pulse-gold}.rrd-claim-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.rrd-claim-btn:active{transform:scale(.94)}@keyframes rrd-claim-pulse{0%,to{box-shadow:0 3px 12px #4ade8073}50%{box-shadow:0 3px 20px #4ade80bf}}@keyframes rrd-claim-pulse-gold{0%,to{box-shadow:0 3px 12px #fbbf2480}50%{box-shadow:0 3px 22px #fbbf24d9}}.rrd-claimed-pill,.rrd-locked-pill{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:0}.rrd-claimed-pill{color:#22d3eeb3;background:#22d3ee14;border:1px solid rgba(34,211,238,.18)}.rrd-claimed-pill svg{width:18px;height:18px}.rrd-locked-pill{color:#fff6;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.rrd-locked-pill svg{width:16px;height:16px}.rrd-row--current .rrd-card{box-shadow:0 0 18px #22d3ee59}.rrd-elo-label{display:flex;align-items:center;justify-content:flex-start;font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:.5px;color:#ffffffd9;padding-left:10px}.rrd-row--locked .rrd-elo-label{color:#fff6}.rrd-row--claimed .rrd-elo-label{color:#22d3eef2}.rrd-row--claimable .rrd-elo-label{color:#fbbf24}.rrd-flying-particle{position:fixed;width:7px;height:7px;border-radius:0;pointer-events:none;z-index:9999;animation:rrd-fly 1.5s cubic-bezier(.25,.1,.25,1) forwards}.rrd-flying-particle--credits{background:#fbbf24;box-shadow:0 0 6px #fbbf24e6,0 0 12px #fbbf2480}.rrd-flying-particle--gems{background:#c084fc;box-shadow:0 0 6px #c084fce6,0 0 12px #c084fc80}@keyframes rrd-fly{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}}.rrd-go-back{--bevel: 18px;--cta-fill: linear-gradient(180deg, oklch(.85 .18 75), oklch(.65 .2 55));--cta-glow: oklch(.78 .18 65 / .6);position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:clamp(180px,55vw,260px);height:clamp(52px,12vw,60px);padding:0 22px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:0;background:var(--cta-fill);box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003;filter:drop-shadow(0 0 16px var(--cta-glow));clip-path:polygon(0 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)));color:#fff;font-family:"Orbitron",var(--font-display),sans-serif;font-size:18px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(251,191,36,.3),0 1px 0 rgba(255,255,255,.2);cursor:pointer;z-index:30;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.rrd-go-back svg{width:18px;height:18px}.rrd-go-back:active{transform:translate(-50%) translateY(2px)}.lrd-screen{position:fixed;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;background:radial-gradient(ellipse at top,#0b1830,#050912);z-index:9600;--lrd-pri: oklch(.82 .14 200);--lrd-pri-deep: oklch(.55 .18 215);--lrd-pri-glow: oklch(.82 .14 200 / .5);--lrd-line: rgba(120, 180, 255, .22);--lrd-gold: oklch(.82 .17 70);--lrd-gold-deep: oklch(.55 .17 55);--lrd-gold-glow: oklch(.82 .17 70 / .55);--lrd-green: oklch(.78 .16 145);--lrd-green-deep: oklch(.45 .16 150);--lrd-green-glow: oklch(.78 .16 145 / .5)}.lrd-header{display:flex;align-items:center;gap:10px;padding:calc(12px + var(--sat, 0px)) 16px 12px;background:#00000073;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:20}.lrd-title{flex:1;font-family:var(--font-display);font-size:14px;font-weight:900;letter-spacing:2px;color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.35)}.lrd-header-currencies{display:flex;gap:6px;align-items:center}.lrd-header-currency{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 5px;border-radius:0}.lrd-header-currency--coins{background:#fbbf2414;border:1px solid rgba(251,191,36,.2)}.lrd-header-currency--gems{background:#a855f714;border:1px solid rgba(168,85,247,.2)}.lrd-header-currency-emoji{width:14px;height:14px;object-fit:contain}.lrd-header-currency-value{font-family:var(--font-display);font-size:10px;font-weight:700;line-height:1}.lrd-header-currency--coins .lrd-header-currency-value{color:#fbbf24}.lrd-header-currency--gems .lrd-header-currency-value{color:#c084fc}.lrd-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative}.lrd-scroll::-webkit-scrollbar{display:none}.lrd-canvas{position:relative;width:100%;padding:18px 0 calc(110px + var(--sab, 0px));overflow:hidden}.lrd-stars{position:absolute;inset:0;pointer-events:none}.lrd-star{position:absolute;background:#fff}.lrd-star--twinkle{animation:lrd-twinkle var(--dur, 3s) var(--del, 0s) ease-in-out infinite}@keyframes lrd-twinkle{0%,to{opacity:var(--lo, .1)}50%{opacity:var(--hi, .5)}}.lrd-rail{position:absolute;top:18px;bottom:calc(110px + var(--sab, 0px));left:50%;transform:translate(-50%);width:14px;z-index:2;pointer-events:none}.lrd-rail-track{position:relative;width:100%;height:100%;background:#0000008c;border:1px solid var(--lrd-line);clip-path:polygon(50% 0,100% 6px,100% calc(100% - 6px),50% 100%,0 calc(100% - 6px),0 6px);overflow:hidden}.lrd-rail-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,var(--lrd-pri-deep),var(--lrd-pri));box-shadow:0 0 10px var(--lrd-pri-glow),inset 0 0 6px #fff6;transition:height .4s ease-out}.lrd-rail-notch{position:absolute;left:0;right:0;height:1px;background:#0000008c;z-index:1}.lrd-rail-notch--major{height:2px;background:#000000d9;box-shadow:0 0 0 1px #ffffff14}.lrd-rail-shimmer{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%,transparent 100%);animation:lrd-shimmer-sweep 6s ease-in-out infinite;mix-blend-mode:screen}@keyframes lrd-shimmer-sweep{0%{transform:translateY(120%)}to{transform:translateY(-120%)}}.lrd-rail-you{position:absolute;left:50%;z-index:6;pointer-events:none;transform:translate(calc(-50% + 24px),50%);white-space:nowrap}.lrd-rail-you-pill{position:relative;display:inline-block;font-family:var(--font-display);font-size:9px;font-weight:900;letter-spacing:.5px;color:#0b1830;background:linear-gradient(135deg,#fde68a,#fbbf24);padding:3px 8px 3px 10px;border-radius:0;box-shadow:0 0 10px #fbbf2499,0 2px 4px #0006}.lrd-rail-you-pill:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #fbbf24;filter:drop-shadow(-2px 0 3px rgba(251,191,36,.5))}.lrd-rows{position:relative;z-index:3;display:flex;flex-direction:column}.lrd-row{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px;padding:4px 10px;box-sizing:border-box;opacity:0;transform:translateY(12px) scale(.96);animation:lrd-row-in .55s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--row-delay, 0ms);will-change:transform,opacity}@keyframes lrd-row-in{to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.lrd-row{opacity:1;transform:none;animation:none}}.lrd-side{grid-column:3;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.lrd-hex-wrap{grid-column:2;position:relative;width:60px;height:69px;display:flex;align-items:center;justify-content:center}.lrd-hex{position:relative;width:100%;height:100%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);padding:2px;background:linear-gradient(180deg,var(--lrd-pri),var(--lrd-pri-deep));transition:background .25s ease-out,filter .25s ease-out}.lrd-hex-body{position:relative;width:100%;height:100%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,oklch(.38 .16 215),oklch(.22 .12 220));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden}.lrd-hex-body:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.03) 3px,rgba(255,255,255,.03) 4px);pointer-events:none}.lrd-hex-label{font-family:var(--font-display);font-size:6px;font-weight:700;letter-spacing:1px;color:#fff9;text-transform:uppercase;line-height:1;margin-top:2px}.lrd-hex-num{font-family:var(--font-display);font-size:18px;font-weight:900;letter-spacing:.5px;line-height:1;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.6);margin-top:1px}.lrd-hex-wrap:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 8px);height:calc(100% + 8px);transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--lrd-pri);filter:blur(12px);opacity:.35;z-index:-1;pointer-events:none}.lrd-row--current .lrd-hex{background:linear-gradient(180deg,#fde68a,#fbbf24);animation:lrd-hex-pulse 2.2s ease-in-out infinite}.lrd-row--current .lrd-hex-num{color:#fde68a;text-shadow:0 1px 2px rgba(0,0,0,.6)}.lrd-row--current .lrd-hex-label{color:#fde68abf}.lrd-row--current .lrd-hex-body{background:linear-gradient(180deg,oklch(.4 .14 70),oklch(.22 .1 65))}.lrd-row--current .lrd-hex-wrap:before{background:#fbbf24;opacity:.75;animation:lrd-halo-pulse 2.2s ease-in-out infinite}@keyframes lrd-hex-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(251,191,36,.7))}50%{filter:drop-shadow(0 0 24px rgba(251,191,36,1))}}@keyframes lrd-halo-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.lrd-row--current .lrd-hex,.lrd-row--current .lrd-hex-wrap:before{animation:none}}.lrd-row--claimed .lrd-hex{background:linear-gradient(180deg,var(--lrd-green),var(--lrd-green-deep))}.lrd-row--claimed .lrd-hex-body{background:linear-gradient(180deg,oklch(.34 .12 150),oklch(.2 .08 155))}.lrd-row--claimed .lrd-hex-num{color:#d1fae5}.lrd-row--claimed .lrd-hex-wrap:before{background:var(--lrd-green);opacity:.35}.lrd-row--claimable .lrd-hex{background:linear-gradient(180deg,var(--lrd-green),var(--lrd-green-deep))}.lrd-row--claimable .lrd-hex-body{background:linear-gradient(180deg,oklch(.38 .15 150),oklch(.22 .1 155))}.lrd-row--claimable .lrd-hex-num{color:#bbf7d0}.lrd-row--claimable .lrd-hex-wrap{animation:lrd-claimable-wrap-pulse 1.6s ease-in-out infinite;transform-origin:center center}.lrd-row--claimable .lrd-hex-wrap:before{background:var(--lrd-green);opacity:.45;animation:lrd-claimable-halo-pulse 1.6s ease-in-out infinite}@keyframes lrd-claimable-wrap-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lrd-claimable-halo-pulse{0%,to{opacity:.3;filter:blur(10px)}50%{opacity:.85;filter:blur(16px)}}@media(prefers-reduced-motion:reduce){.lrd-row--claimable .lrd-hex-wrap,.lrd-row--claimable .lrd-hex-wrap:before{animation:none}}.lrd-row--locked .lrd-hex{filter:grayscale(.65) brightness(.55)}.lrd-row--locked .lrd-hex-num{color:#64748b}.lrd-row--locked .lrd-hex-label{color:#64748b99}.lrd-row--locked .lrd-hex-wrap:before{opacity:.15}.lrd-row--milestone .lrd-hex{background:linear-gradient(180deg,var(--lrd-gold),var(--lrd-gold-deep))}.lrd-row--milestone .lrd-hex-body{background:linear-gradient(180deg,oklch(.36 .12 70),oklch(.2 .08 65))}.lrd-row--milestone .lrd-hex-num{color:#fde68a}.lrd-row--milestone .lrd-hex-label{color:#fde68ab3}.lrd-row--milestone .lrd-hex-wrap:before{background:var(--lrd-gold);opacity:.55}.lrd-row--milestone.lrd-row--locked .lrd-hex{filter:grayscale(.5) opacity(.6)}.lrd-row--milestone:not(.lrd-row--locked) .lrd-hex-body:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(251,191,36,.35) 50%,transparent 70%);transform:translate(-100%);animation:lrd-promo-shine 4.5s ease-in-out infinite;animation-delay:var(--row-delay, 0ms);pointer-events:none;mix-blend-mode:screen}@keyframes lrd-promo-shine{0%{transform:translate(-100%);opacity:0}15%{opacity:1}55%{opacity:1}70%,to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.lrd-row--milestone .lrd-hex-body:after{animation:none}}.lrd-reward-row{display:flex;flex-wrap:nowrap;gap:4px;align-items:center;justify-content:flex-start}.lrd-reward-sq{width:34px;height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#0000008c;border:1px solid rgba(255,255,255,.12);flex-shrink:0;box-sizing:border-box;padding:2px;opacity:0;transform:scale(.4);animation:lrd-sq-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.lrd-reward-sq:nth-child(1){animation-delay:calc(var(--row-delay, 0ms) + .22s)}.lrd-reward-sq:nth-child(2){animation-delay:calc(var(--row-delay, 0ms) + .28s)}.lrd-reward-sq:nth-child(3){animation-delay:calc(var(--row-delay, 0ms) + .34s)}@keyframes lrd-sq-pop{to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.lrd-reward-sq{opacity:1;transform:none;animation:none}}.lrd-reward-sq-icon{width:14px;height:14px;object-fit:contain;flex-shrink:0}.lrd-reward-sq-icon--pod{width:24px;height:24px}.lrd-reward-sq-amount{font-family:var(--font-display);font-size:8px;font-weight:800;letter-spacing:.2px;line-height:1}.lrd-reward-sq--credits{background:#fbbf2424;border-color:#fbbf2473}.lrd-reward-sq--credits .lrd-reward-sq-amount{color:#fbbf24}.lrd-reward-sq--gems{background:#a855f724;border-color:#a855f773}.lrd-reward-sq--gems .lrd-reward-sq-amount{color:#c084fc}.lrd-reward-sq--pod-common{background:#4ade801f;border-color:#4ade808c}.lrd-reward-sq--pod-rare{background:#60a5fa1f;border-color:#60a5fa8c}.lrd-reward-sq--pod-epic{background:#c084fc24;border-color:#c084fc99}.lrd-reward-sq--pod-legendary{background:#fbbf2424;border-color:#fbbf24a6;box-shadow:0 0 6px #fbbf244d}.lrd-row--locked .lrd-reward-sq{opacity:.5;filter:grayscale(.4)}.lrd-claim-btn{background:linear-gradient(135deg,#4ade80,#22c55e);color:#071a0e;border:none;border-radius:0;padding:5px 12px;font-family:var(--font-display);font-size:9px;font-weight:800;letter-spacing:.6px;cursor:pointer;box-shadow:0 2px 8px #4ade8073;text-transform:uppercase;animation:lrd-claim-pulse 2s ease-in-out infinite;transition:transform .1s ease;min-width:68px}.lrd-claim-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.lrd-claim-btn:active{transform:scale(.94)}.lrd-row--milestone .lrd-claim-btn{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#1a1206;box-shadow:0 3px 12px #fbbf2480;animation-name:lrd-claim-pulse-gold}@keyframes lrd-claim-pulse{0%,to{box-shadow:0 3px 12px #4ade8073}50%{box-shadow:0 3px 20px #4ade80bf}}@keyframes lrd-claim-pulse-gold{0%,to{box-shadow:0 3px 12px #fbbf2480}50%{box-shadow:0 3px 22px #fbbf24d9}}.lrd-claimed-pill,.lrd-locked-pill{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:0}.lrd-claimed-pill{color:#4ade80d9;background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.lrd-claimed-pill svg{width:14px;height:14px}.lrd-locked-pill{color:#fff6;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.lrd-locked-pill svg{width:12px;height:12px}.lrd-flying-particle{position:fixed;width:7px;height:7px;border-radius:0;pointer-events:none;z-index:9999;animation:lrd-fly 1.5s cubic-bezier(.25,.1,.25,1) forwards}.lrd-flying-particle--credits{background:#fbbf24;box-shadow:0 0 6px #fbbf24e6,0 0 12px #fbbf2480}.lrd-flying-particle--gems{background:#c084fc;box-shadow:0 0 6px #c084fce6,0 0 12px #c084fc80}@keyframes lrd-fly{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}}.lrd-go-back{--bevel: 18px;--cta-fill: linear-gradient(180deg, oklch(.85 .18 75), oklch(.65 .2 55));--cta-glow: oklch(.78 .18 65 / .6);position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:clamp(180px,55vw,260px);height:clamp(52px,12vw,60px);padding:0 22px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:0;background:var(--cta-fill);box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003;filter:drop-shadow(0 0 16px var(--cta-glow));clip-path:polygon(0 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)));color:#fff;font-family:"Orbitron",var(--font-display),sans-serif;font-size:18px;font-weight:900;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(251,191,36,.3),0 1px 0 rgba(255,255,255,.2);cursor:pointer;z-index:30;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.lrd-go-back svg{width:18px;height:18px}.lrd-go-back:active{transform:translate(-50%) translateY(2px)}.lb-overlay{position:fixed;inset:0;z-index:9600;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}.lb-modal{position:absolute;top:var(--popup-top);bottom:var(--popup-bottom);left:var(--popup-side);right:var(--popup-side);border-radius:0;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;width:22px;height:22px;display:block}.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:0;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:0;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{width:48px;height:48px;opacity:.3;display:block}.lb-empty-text{font-size:13px;color:#fff6;text-align:center}.np-backdrop{position:fixed;inset:0;background:#0009;z-index:9600;animation:npFadeIn .2s ease}.np-panel{position:fixed;top:var(--popup-top);bottom:var(--popup-bottom);left:var(--popup-side);right:var(--popup-side);z-index:9601;display:flex;flex-direction:column;background:linear-gradient(170deg,#141e3ce6,#080c18f7 40%,#050810);border-radius:0;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}.notification-badge.np-tab-badge-pos{position:static;margin-left:6px;top:auto;right:auto}.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.self{background:#22d3ee0f;border-bottom:1px solid rgba(255,255,255,.06)}.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-rank-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.np-rank-icon img{width:100%;height:100%;object-fit:contain}.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:0;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:0;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:0;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:0;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:0;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:9600;animation:challengeFadeIn .2s ease}.challenge-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,340px);z-index:9601;display:flex;flex-direction:column;align-items:center;gap:0;background:linear-gradient(170deg,#162246f7,#080c1cfc);border-radius:0;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:0;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}.coach-mark{position:fixed;inset:0;z-index:9600;pointer-events:none}.coach-mark__mask{position:absolute;inset:0;pointer-events:auto}.coach-mark__spotlight{position:fixed;pointer-events:auto;cursor:pointer;border-radius:12px;z-index:1}.coach-mark__bubble{position:fixed;width:280px;background:#0f1423f2;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:16px;pointer-events:auto;z-index:2;animation:coachBubbleFadeIn .2s ease-out}.coach-mark__text{font-family:Rajdhani,sans-serif;font-weight:600;font-size:15px;color:#ffffffe6;line-height:1.4;margin:0}.coach-mark__arrow{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent}.coach-mark__arrow--up{top:-8px;border-bottom:8px solid rgba(15,20,35,.95)}.coach-mark__arrow--down{bottom:-8px;border-top:8px solid rgba(15,20,35,.95)}.coach-mark__ring{filter:drop-shadow(0 0 6px rgba(34,211,238,.5));animation:coachPulse 1.5s ease-in-out infinite}@keyframes coachPulse{0%,to{opacity:.5}50%{opacity:1}}.coach-mark__hint{font-family:Rajdhani,sans-serif;font-weight:600;font-size:12px;color:#22d3eecc;margin:8px 0 0;line-height:1}@keyframes coachBubbleFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ob-popup{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center}.ob-popup__backdrop{position:absolute;inset:0;background:#0009}.ob-popup__modal{position:relative;max-width:320px;width:calc(100% - 48px);background:#0f1423f2;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:24px 20px;text-align:center;animation:obPopupIn .2s ease-out}.ob-popup__title{font-family:Orbitron,sans-serif;font-weight:700;font-size:18px;color:#fff;margin:0 0 12px}.ob-popup__body{font-family:Rajdhani,sans-serif;font-weight:500;font-size:14px;color:#ffffffb3;line-height:1.5;margin:0 0 20px}.ob-popup__btn{font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;width:100%;min-height:48px;border:none;border-radius:0;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#050810;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 12px #fbbf244d;transition:transform .1s}.ob-popup__btn:active{transform:scale(.97)}@keyframes obPopupIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ranked-unlock{position:fixed;inset:0;z-index:9600;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center;animation:rankedUnlockIn .3s ease-out}.ranked-unlock__bg{position:absolute;inset:0;background:#050810f2}.ranked-unlock__glow-ring{position:absolute;border-radius:50%;border:1px solid rgba(34,211,238,.15);pointer-events:none}.ranked-unlock__glow-ring--outer{width:320px;height:320px;box-shadow:0 0 60px #22d3ee14;animation:rankedRingSpin 20s linear infinite}.ranked-unlock__glow-ring--inner{width:220px;height:220px;border-color:#22d3ee40;box-shadow:0 0 40px #22d3ee1a;animation:rankedRingSpin 14s linear infinite reverse}.ranked-unlock__icon{position:relative;width:120px;height:120px;object-fit:contain;margin-bottom:28px;filter:drop-shadow(0 0 20px rgba(34,211,238,.4))}.ranked-unlock__title{position:relative;font-family:Orbitron,sans-serif;font-weight:900;font-size:28px;color:#22d3ee;text-shadow:0 0 30px rgba(34,211,238,.5);letter-spacing:.06em;margin:0 0 16px}.ranked-unlock__body{position:relative;font-family:Rajdhani,sans-serif;font-weight:500;font-size:15px;color:#ffffffb3;line-height:1.5;max-width:320px;margin:0 0 36px}.ranked-unlock__btn{position:relative;font-family:Orbitron,sans-serif;font-weight:700;font-size:16px;min-width:200px;min-height:52px;padding:0 32px;border:none;border-radius:0;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#050810;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 0 20px #fbbf2459;transition:transform .1s}.ranked-unlock__btn:active{transform:scale(.97)}@keyframes rankedUnlockIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes rankedRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.searching-top-bar{position:fixed;left:0;right:0;top:0;padding-top:env(safe-area-inset-top,0px);z-index:90;display:flex;justify-content:center;align-items:flex-start;pointer-events:none;transform:translateY(-110%);opacity:0;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s ease;will-change:transform,opacity}.searching-top-bar--visible{transform:translateY(0);opacity:1}.searching-top-bar__content{position:relative;margin-top:calc(24px + env(safe-area-inset-top,0px));width:92%;padding:14px 18px;display:flex;align-items:center;gap:14px;background:linear-gradient(170deg,#141e3cd9,#080c18f2 35%,#050810 55%,#0a1228e6 80%,#190f32d9),var(--bg-deep, #050810);border:1px solid rgba(100,140,255,.12);border-radius:0;overflow:hidden}.searching-top-bar__label{flex:1;font-family:var(--font-display, var(--font-body));font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e6faff;text-shadow:0 0 8px rgba(34,211,238,.7);display:flex;flex-direction:column;line-height:1.15}.searching-top-bar__label-line2{display:inline-flex;align-items:baseline}.searching-top-bar__dots{display:inline-flex;margin-left:2px;width:18px}.searching-top-bar__dots span{opacity:0;animation:searching-top-dot 1.2s infinite}.searching-top-bar__dots span:nth-child(2){animation-delay:.2s}.searching-top-bar__dots span:nth-child(3){animation-delay:.4s}@keyframes searching-top-dot{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.searching-top-bar__magnifier{width:40px;height:40px;color:#22d3ee;filter:drop-shadow(0 0 6px rgba(34,211,238,.8));transform-origin:10.5px 10.5px;animation:searching-magnify 2.4s ease-in-out infinite;flex-shrink:0}@keyframes searching-magnify{0%{transform:translate(0) rotate(-8deg) scale(1)}20%{transform:translate(6px,-3px) rotate(6deg) scale(1.08)}40%{transform:translate(3px,4px) rotate(-4deg) scale(1.02)}60%{transform:translate(-5px,2px) rotate(8deg) scale(1.1)}80%{transform:translate(-3px,-4px) rotate(-6deg) scale(1.04)}to{transform:translate(0) rotate(-8deg) scale(1)}}.searching-top-bar__timer{font-family:var(--font-display, var(--font-body));font-size:18px;font-weight:800;letter-spacing:.04em;color:#22d3ee;min-width:44px;text-align:right;text-shadow:0 0 6px rgba(34,211,238,.6)}.searching-tips-bar{position:fixed;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom,0px);z-index:90;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;transform:translateY(110%);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1) .1s,opacity .3s ease .1s;will-change:transform,opacity}.searching-tips-bar--visible{transform:translateY(0);opacity:1}.searching-tips-bar__inner{width:92%;margin-bottom:10px;padding:14px 18px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(170deg,#141e3cd9,#080c18f2 35%,#050810 55%,#0a1228e6 80%,#190f32d9),var(--bg-deep, #050810);border:1px solid rgba(100,140,255,.12);border-radius:0;overflow:hidden}.searching-tips-bar__label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#94a3ffd9;text-shadow:0 0 6px rgba(148,163,255,.4)}.searching-tips-bar__text{font-size:13px;line-height:1.35;color:#ffffffeb;min-height:34px;transition:opacity .3s linear;will-change:opacity;contain:layout paint}.searching-tips-bar__text--in{opacity:1}.searching-tips-bar__text--out{opacity:0}.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-fade-target{transition:opacity .28s ease,transform .3s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.menu-root--searching .menu-fade-target{opacity:0;pointer-events:none;transform:translateY(-10px)}.menu-root--searching .menu-pod-slots-row.menu-fade-target{transform:translateY(16px)}.menu-battle-btn--searching{background:linear-gradient(180deg,#ef4444,#b91c1c)!important;border-color:#ff787899!important;box-shadow:none!important;filter:drop-shadow(0 6px 0 #7f1d1d)!important;transition:transform .08s ease,filter .08s ease!important;animation:none!important}.menu-battle-btn--searching:after{border-color:transparent!important;box-shadow:none!important}.menu-battle-btn--searching:active{transform:translateY(4px)!important;filter:drop-shadow(0 2px 0 #7f1d1d)!important}.menu-battle-cancel-label{font-weight:800;letter-spacing:.12em;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.menu-root--searching .menu-planet-area{transform:scale(1.12);transition:transform .6s cubic-bezier(.22,1,.36,1)}.menu-planet-area{transition:transform .45s cubic-bezier(.22,1,.36,1);transform-origin:center center}.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-btn{position:relative;flex:1;min-width:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:left;transition:transform .1s ease}.menu-level-bar-btn:active{transform:scale(.98)}.menu-level-bar-btn .menu-level-bar{flex:1}.notification-badge.menu-level-progress-pos{top:-5px;right:-7px;z-index:5}.notification-badge.hud-icon-btn-badge-pos,.notification-badge.menu-gift-btn-badge-pos{top:-4px;right:-4px}.notification-badge.menu-rank-progress-pos{top:-8px;right:-2px;z-index:11}.menu-level-bar{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.menu-level-hex-wrap{position:relative;width:28px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.menu-level-hex{position:relative;width:100%;height:100%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);padding:1.5px;background:linear-gradient(180deg,oklch(.82 .14 200),oklch(.55 .18 215))}.menu-level-hex-body{position:relative;width:100%;height:100%;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg,oklch(.38 .16 215),oklch(.22 .12 220));display:flex;align-items:center;justify-content:center}.menu-level-hex-num{font-family:var(--font-display);font-size:12px;font-weight:900;line-height:1;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.6);-webkit-text-stroke:0}.menu-level-hex-wrap:before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 6px);height:calc(100% + 6px);transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:oklch(.82 .14 200);filter:blur(8px);opacity:.3;z-index:-1;pointer-events:none}.menu-level-progress{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.menu-level-progress-labels{display:flex;align-items:center;justify-content:space-between;gap:6px;line-height:1}.menu-level-progress-label{font-family:var(--font-display);font-weight:700;font-size:8px;letter-spacing:.06em;color:var(--cyan);text-transform:uppercase;white-space:nowrap;-webkit-text-stroke:0}.menu-level-progress-xp{font-family:var(--font-display);font-weight:700;font-size:8px;color:#ffffff80;white-space:nowrap;-webkit-text-stroke:0;font-variant-numeric:tabular-nums}.menu-level-track{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:62px;width:auto;object-fit:contain;flex-shrink:0;margin-right:-26px;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:0;padding:4px 8px 4px 5px;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-currency-plus{position:absolute;bottom:-4px;left:-4px;color:#22c55e;font-size:12px;font-weight:900;line-height:1;-webkit-text-stroke:0;pointer-events:none}.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{width:16px;height:16px;object-fit:contain;vertical-align:middle;-webkit-text-stroke:0}.currency-icon{width:14px;height:14px;object-fit:contain;vertical-align:middle;display:inline-block}.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-mode-title{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;pointer-events:none}.menu-mode-title__label{font-family:var(--font-body);font-weight:500;font-size:10px;color:#ffffff38;text-transform:uppercase;letter-spacing:2px}.menu-mode-title__name-wrap{display:flex;align-items:center;gap:8px}.menu-mode-title__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}.menu-mode-title__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}.menu-mode-title__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}.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-settings-panel{position:fixed;right:4%;top:calc(104px + env(safe-area-inset-top,0px));z-index:9600;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:auto}.hud-icon-btn{--pri: oklch(.78 .15 215);--pri-glow: oklch(.78 .15 215 / .5);--line-2: oklch(.35 .1 220 / .45);--cta: oklch(.78 .17 70);--bad: oklch(.68 .22 25);position:relative;width:38px;height:38px;padding:0;border:1px solid var(--line-2);background:#0013218c;color:var(--pri);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,box-shadow .15s,border-color .15s;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.hud-icon-btn:hover{background:oklch(.22 .05 230 / .6);box-shadow:0 0 14px var(--pri-glow)}.hud-icon-btn:active{transform:translateY(2px) scale(.96);background:oklch(.24 .06 230 / .7);transition:none}.hud-icon-btn:focus-visible{outline:2px solid var(--pri);outline-offset:2px;box-shadow:0 0 14px var(--pri-glow)}.hud-icon-btn.is-active,.hud-icon-btn[aria-pressed=true]{background:oklch(.24 .06 230 / .7);border-color:var(--pri);box-shadow:inset 0 0 0 1px var(--pri),0 0 16px var(--pri-glow)}.hud-icon-btn>svg{width:18px;height:18px}.menu-gift-btn-wrap{position:fixed;left:calc(3% + 5px);top:30vh;width:38px;height:38px;z-index:9500}.menu-gift-btn{-webkit-tap-highlight-color:transparent;outline:none}.menu-gift-btn:focus,.menu-gift-btn:focus-visible{outline:none}.menu-leaderboard-btn{position:fixed;left:calc(3% + 5px);top:calc(30vh + 44px);z-index:9500}.menu-social-btn-wrap{position:fixed;left:calc(3% + 5px);top:calc(30vh + 88px);width:38px;height:38px;z-index:9500}.menu-gift-btn--ready{color:#8ff394;border-color:#57cb6099;box-shadow:0 0 14px #57cb6080,inset 0 0 0 1px #57cb6066;animation:menu-gift-pulse 1.6s ease-in-out infinite}.menu-gift-btn--cooling{cursor:default}.menu-gift-btn--cooling>svg{opacity:.5}.menu-gift-btn--cooling:hover,.menu-gift-btn--cooling:active,.menu-gift-btn--cooling:focus,.menu-gift-btn--cooling:focus-visible{background:#0013218c;border-color:var(--line-2);box-shadow:none;outline:none;transform:none}.menu-gift-btn__timer{position:absolute;left:50%;bottom:1px;transform:translate(-50%) scale(.85);transform-origin:center bottom;font-family:var(--font-display, "Rajdhani", sans-serif);font-weight:700;font-size:6px;line-height:6px;letter-spacing:0;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none;z-index:2}@keyframes menu-gift-pulse{0%,to{box-shadow:0 0 10px #57cb6066,inset 0 0 0 1px #57cb6066}50%{box-shadow:0 0 22px #57cb60bf,inset 0 0 0 1px #57cb6099}}.menu-settings-toggle{position:fixed;right:4%;top:calc(58px + env(safe-area-inset-top,0px));z-index:9500}.menu-announcements-btn{position:fixed;right:calc(4% + 44px);top:calc(58px + env(safe-area-inset-top,0px));z-index:9500}.menu-settings-toggle,.menu-announcements-btn{background:linear-gradient(180deg,#78b4ff0a,#78b4ff1a);border:1px solid rgba(120,180,255,.18);color:#e6ecff;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.menu-settings-toggle:hover,.menu-announcements-btn:hover{background:linear-gradient(180deg,#78b4ff14,#78b4ff29);border-color:#78b4ff4d;box-shadow:none}.menu-settings-toggle:active,.menu-announcements-btn:active{background:linear-gradient(180deg,#78b4ff1a,#78b4ff33)}.menu-settings-toggle[aria-pressed=true],.menu-announcements-btn[aria-pressed=true]{background:linear-gradient(180deg,#78b4ff1a,#78b4ff38);border-color:#78b4ff73;box-shadow:inset 0 0 0 1px #78b4ff59}.menu-settings-items{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 8px;background:#00000059;border-radius:0;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 25% 12px;flex-shrink:0}.menu-rank-progress{position:relative;width:100%;display:flex;z-index:10}.menu-rank-progress--btn{background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.menu-rank-progress--btn:active{transform:scale(.98)}.menu-battle-btn{--bevel: 22px;--cta-fill: linear-gradient(180deg, oklch(.85 .18 75), oklch(.65 .2 55));--cta-glow: oklch(.78 .18 65 / .6);position:relative;width:100%;height:clamp(60px,14vw,72px);padding:0;border:none;border-radius:0;cursor:pointer;overflow:hidden;background:var(--cta-fill);box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003;filter:drop-shadow(0 0 16px var(--cta-glow));clip-path:polygon(0 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)));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--square{--pri: oklch(.78 .15 215);--pri-glow: oklch(.78 .15 215 / .5);--line-2: oklch(.35 .1 220 / .45);position:fixed;top:calc(30vh + 63px - (clamp(60px,14vw,72px)/2));right:0;width:clamp(70px,16vw,84px);height:clamp(60px,14vw,72px);padding:0;border:1px solid var(--line-2);background:#0013218c;color:var(--pri);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .15s,box-shadow .15s,border-color .15s;z-index:10;animation:none;filter:none;box-shadow:none}.menu-battle-btn--square:hover{background:oklch(.22 .05 230 / .6);box-shadow:0 0 14px var(--pri-glow)}.menu-battle-btn--square:active{transform:translateY(2px) scale(.96);background:oklch(.24 .06 230 / .7);transition:none}.menu-battle-btn--square:focus-visible{outline:2px solid var(--pri);outline-offset:2px;box-shadow:0 0 14px var(--pri-glow)}.menu-battle-btn--square:before,.menu-battle-btn--square:after{content:none}.menu-battle-btn--square-right{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)))}.menu-battle-btn--square-tag{position:fixed;top:calc(30vh + 58px - (clamp(60px,14vw,72px)/2));left:calc(100% - (clamp(70px,16vw,84px)/2));transform:translate(-50%);padding:1px 6px;background:#050810eb;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-size:8px;font-weight:800;color:oklch(.82 .14 200);letter-spacing:2px;line-height:1.15;text-align:center;width:min-content;z-index:11;pointer-events:none}.menu-battle-btn--square-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--pri);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));z-index:2}.menu-battle-btn--square-icon>svg{width:30px;height:30px}.menu-battle-square-arrow{position:fixed;top:calc(30vh + 51px + clamp(60px,14vw,72px)/2);right:0;width:clamp(70px,16vw,84px);height:24px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--pri);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6)) drop-shadow(0 0 6px var(--pri-glow));animation:squareArrowBounce 1.4s ease-in-out infinite;z-index:11}.menu-battle-square-arrow svg{width:24px;height:24px;display:block}@keyframes squareArrowBounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.menu-battle-btn__mission-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#000000b8;border-radius:0;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;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.menu-battle-btn:active{transform:scale(.96)}.menu-battle-btn:before{content:"";position:absolute;top:4px;left:24px;right:24px;height:1px;background:#ffffff40;pointer-events:none;z-index:2}.menu-battle-btn:after{content:"";position:absolute;bottom:4px;left:24px;right:24px;height:1px;background:#0003;pointer-events:none;z-index:2}.menu-battle-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:shimmer-sweep 3.5s ease-in-out infinite;pointer-events:none;z-index:1}.menu-battle-btn{display:flex;align-items:center;justify-content:center}.menu-battle-btn>span{position:relative;z-index:3;font-family:"Orbitron",var(--font-display),sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(251,191,36,.3),0 1px 0 rgba(255,255,255,.2)}@keyframes battlePulse{0%,to{filter:drop-shadow(0 0 16px oklch(.78 .18 65 / .5));box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003,inset 0 0 20px oklch(.78 .18 65 / .15)}50%{filter:drop-shadow(0 0 32px oklch(.78 .18 65 / .85));box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003,inset 0 0 30px oklch(.78 .18 65 / .25)}}@keyframes shimmer-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.menu-tabbar-spacer{height:calc(80px + env(safe-area-inset-bottom,0px));flex-shrink:0}.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:linear-gradient(180deg,#4ade8014,#4ade802e);border:1px solid rgba(74,222,128,.35);border-radius:0;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));padding:5px 14px;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);filter:drop-shadow(0 0 6px rgba(74,222,128,.25))}50%{transform:translateY(-4px);filter:drop-shadow(0 0 12px rgba(74,222,128,.55))}}@keyframes missionClaimArrow{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.menu-battle-btn--missions{animation:battlePulse 3s ease-in-out infinite}.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:0;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:0;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:0;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-hex-num{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:0;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.06);box-shadow:inset 0 0 20px #0006,inset 0 1px #ffffff0d;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:not(.menu-pod-slot--empty):before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at center 60%,transparent 30%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:0}.menu-pod-slot--empty{border-color:transparent;background-color:#ffffff04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'><rect width='100' height='100' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='2' stroke-dasharray='3 3' vector-effect='non-scaling-stroke'/></svg>");background-size:100% 100%;background-repeat:no-repeat}.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--tier-common{border-color:#4ade8040}.menu-pod-slot--tier-rare{border-color:#22d3ee40}.menu-pod-slot--tier-epic{border-color:#c084fc4d}.menu-pod-slot--tier-legendary{border-color:#fbbf2459;box-shadow:inset 0 0 20px #0006,inset 0 1px #ffffff0d,0 0 1px #fbbf244d}.menu-pod-slot--tier-legendary:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,rgba(251,191,36,.12) 40%,rgba(255,255,255,.06) 42%,transparent 55%);background-size:250% 100%;animation:podShimmer 3s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes podShimmer{0%{background-position:250% 0}to{background-position:-250% 0}}.menu-pod-slot__img{width:60px;height:60px;object-fit:contain;pointer-events:none;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:podFloat 3s ease-in-out infinite}@keyframes podFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pod-shadow{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:40px;height:8px;border-radius:50%;background:#00000080;filter:blur(4px);z-index:1;animation:podShadow 3s ease-in-out infinite}@keyframes podShadow{0%,to{transform:translate(-50%) scale(1);opacity:.5}50%{transform:translate(-50%) scale(.75);opacity:.3}}.pod-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:70px;height:70px;border-radius:50%;filter:blur(18px);opacity:.4;z-index:0;pointer-events:none}.pod-halo--common{background:#4ade80}.pod-halo--rare{background:#22d3ee}.pod-halo--epic{background:#c084fc;opacity:.5}.pod-halo--legendary{background:#fbbf24;opacity:.55}.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;position:relative;z-index:5}.menu-pod-slot__action:disabled{opacity:.4;cursor:not-allowed}.menu-pod-slot__timer{font-family:var(--font-display);font-size:12px;font-weight:700;color:#ffffffb3;position:relative;z-index:3;animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:.7}50%{opacity:1}}.menu-pod-slot__skip{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);z-index:5;background:#08141ef2;border:1.5px solid rgba(34,211,238,.35);border-radius:0;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 12px #22d3ee26,inset 0 0 8px #22d3ee0d;animation:skipGlow 2s ease-in-out infinite}@keyframes skipGlow{0%,to{box-shadow:0 0 8px #22d3ee26,inset 0 0 8px #22d3ee0d}50%{box-shadow:0 0 16px #22d3ee4d,inset 0 0 8px #22d3ee14}}.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:0;color:#fff;font-family:var(--font-display);font-weight:800;font-size:11px;text-transform:uppercase;padding:4px 16px;cursor:pointer;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);animation:openBtnPulse 1.5s ease-in-out infinite}@keyframes openBtnPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.menu-pod-slot__open:active{animation:none;transform:translate(-50%) scale(.95)}.menu-pod-slot__open:disabled{opacity:.5}.menu-pod-slot--locked .menu-pod-slot__img{filter:saturate(.3) brightness(.6) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.menu-pod-slot--locked .pod-halo{opacity:.15}.pod-lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:4;font-size:18px;filter:drop-shadow(0 0 6px rgba(0,0,0,.8));opacity:.8}.pod-tap-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);animation:tapRipple 2s ease-out infinite;z-index:3;pointer-events:none}@keyframes tapRipple{0%{transform:translate(-50%,-55%) scale(.8);opacity:.8}to{transform:translate(-50%,-55%) scale(1.6);opacity:0}}.menu-pod-slot--unlocking .menu-pod-slot__img{animation:podWobbleFloat 4s ease-in-out infinite}@keyframes podWobbleFloat{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-3px) rotate(-1deg)}to{transform:translateY(0) rotate(0)}}.pod-progress-bar{position:absolute;bottom:0;left:8px;right:8px;height:3px;border-radius:2px;background:#ffffff14;overflow:hidden;z-index:5}.pod-progress-bar__fill{height:100%;border-radius:2px;transition:width .5s ease;position:relative}.pod-progress-bar__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.pod-sparkles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}.pod-sparkles span{position:absolute;width:3px;height:3px;border-radius:50%;animation:sparkleFloat 3s ease-in-out infinite}.pod-sparkles span:nth-child(1){left:20%;bottom:10%;animation-delay:0s}.pod-sparkles span:nth-child(2){left:70%;bottom:15%;animation-delay:.8s}.pod-sparkles span:nth-child(3){left:45%;bottom:8%;animation-delay:1.6s}.pod-sparkles span:nth-child(4){left:30%;bottom:20%;animation-delay:2.2s}@keyframes sparkleFloat{0%{transform:translateY(0) scale(0);opacity:0}20%{transform:translateY(-10px) scale(1);opacity:1}80%{transform:translateY(-40px) scale(.8);opacity:.6}to{transform:translateY(-55px) scale(0);opacity:0}}.menu-pod-slot--ready{transform:scale(1.03)}.menu-pod-slot--ready .menu-pod-slot__img{animation:podReadyBounce 2s ease-in-out infinite}@keyframes podReadyBounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-6px) scale(1.04)}50%{transform:translateY(-4px) scale(1.02)}70%{transform:translateY(-6px) scale(1.04)}}.pod-beam{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:30px;height:80px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 70%,transparent 100%);z-index:0;pointer-events:none;animation:beamPulse 2s ease-in-out infinite;clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%)}@keyframes beamPulse{0%,to{opacity:.5}50%{opacity:1}}.pod-ready-ring{position:absolute;inset:-2px;border-radius:0;z-index:-1;pointer-events:none;animation:readyRingPulse 2s ease-in-out infinite}@keyframes readyRingPulse{0%,to{opacity:.4}50%{opacity:.8}}.pod-burst{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}.pod-burst span{position:absolute;width:2px;height:2px;border-radius:50%;animation:burstOrbit 4s linear infinite}.pod-burst span:nth-child(1){top:10%;left:-4px;animation-delay:0s}.pod-burst span:nth-child(2){top:50%;right:-4px;animation-delay:1s}.pod-burst span:nth-child(3){bottom:10%;left:20%;animation-delay:2s}.pod-burst span:nth-child(4){top:20%;right:20%;animation-delay:3s}.pod-burst span:nth-child(5){bottom:25%;right:-2px;animation-delay:.5s}.pod-burst span:nth-child(6){top:40%;left:-2px;animation-delay:2.5s}@keyframes burstOrbit{0%{transform:scale(0);opacity:0}10%{transform:scale(1);opacity:1}50%{transform:translateY(-12px) scale(1.2);opacity:.8}90%{transform:translateY(-25px) scale(.5);opacity:0}to{transform:translateY(-25px) scale(0);opacity:0}}.menu-pod-slot--queued .menu-pod-slot__img{filter:saturate(.5) brightness(.75) drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:podFloat 4s ease-in-out infinite}.menu-pod-slot--queued .pod-halo{opacity:.15}.menu-pod-slot__queue-badge{position:absolute;bottom:-13px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fffffff2,#dcdcdcf2);color:#1a1a2e;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 12px;border-radius:13px;pointer-events:none;z-index:5;box-shadow:0 2px 8px #0000004d}.pod-queue-dots{display:flex;gap:3px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:3}.pod-queue-dots span{width:4px;height:4px;border-radius:50%;background:#ffffff4d;animation:queueDot 1.5s ease-in-out infinite}.pod-queue-dots span:nth-child(2){animation-delay:.3s}.pod-queue-dots span:nth-child(3){animation-delay:.6s}@keyframes queueDot{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.menu-daily-pod{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:84px;border-radius:0;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:0;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:0;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:0;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:0;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:0;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:0;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{display:flex;gap:2px;padding:3px 5px;border-radius:8px;position:relative;background:linear-gradient(180deg,#3c486466,#1e24348c 40%,#0c101cb3);border:1px solid rgba(100,140,200,.2);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #0000004d,0 2px 8px #0006}.fleet-gauge:before{content:"";position:absolute;top:1px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}.fg-btn{min-width:38px;height:28px;border:none;border-radius:0;background:transparent;color:#ffffff4d;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;padding:0}.fg-btn:hover{color:#ffffff80}.fg-btn--active{background:#00c8ff1f;color:#00e5ff;text-shadow:0 0 8px rgba(0,229,255,.5);box-shadow:inset 0 0 10px #00e5ff14}.fg-btn--active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:#00e5ff;box-shadow:0 0 5px #00e5ff99}.stardust-module{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px;min-width:52px;height:48px;border-radius:8px;position:relative;background:linear-gradient(180deg,#2832464d,#0f142380);border:1px solid rgba(255,255,255,.15);overflow:hidden;pointer-events:none;user-select:none}.stardust-module:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.06),transparent 70%);pointer-events:none}.sd-label{font-family:Orbitron,sans-serif;font-size:6px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin-bottom:2px}.sd-row{display:flex;align-items:center;gap:3px}.sd-icon{font-size:9px;color:#fff;line-height:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.sd-val{font-family:Orbitron,sans-serif;font-size:11px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 10px rgba(255,255,255,.35);transition:color .3s,text-shadow .3s;min-width:20px;text-align:left;position:relative}.sd-burst{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.sd-burst:before,.sd-burst:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 4px #fff;animation:sd-particle .4s ease-out forwards}.sd-burst:before{animation-name:sd-particle-a}.sd-burst:after{animation-name:sd-particle-b}@keyframes sd-particle-a{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-12px,-8px) scale(0);opacity:0}}@keyframes sd-particle-b{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(10px,-10px) scale(0);opacity:0}}.stardust-module--spend .sd-icon,.stardust-module--spend .sd-val{color:#fca5a5!important;filter:none;text-shadow:0 0 6px rgba(252,165,165,.5)}.stardust-module--gain .sd-icon,.stardust-module--gain .sd-val{color:#86efac!important;filter:none;text-shadow:0 0 6px rgba(134,239,172,.5)}@keyframes sdShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.stardust-module--shake{animation:sdShake .4s ease-in-out}.stardust-module--shake .sd-icon,.stardust-module--shake .sd-val{color:#f87171!important;filter:none;text-shadow:0 0 6px rgba(248,113,113,.7)}.skills-row{flex:1 1 auto;display:flex;gap:5px;min-width:0;position:relative}.sk{flex:1 1 0;height:48px;border-radius:0;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;overflow:hidden;background:transparent;border:none;padding:0;font-family:inherit;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .25s,opacity .2s}.sk__plate{position:absolute;inset:0;border-radius:0;border:1.5px solid rgba(255,255,255,.25);overflow:hidden;box-shadow:inset 0 0 20px #ffffff0a}.sk__plate:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(145deg,#282d3780,#14161ea6,#080a10cc)}.sk__plate:after{content:"";position:absolute;inset:0 0 0 -60%;width:50%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 45%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 55%,transparent 60%);z-index:1;animation:sheen 4s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%,to{transform:translate(-20%)}50%{transform:translate(280%)}}.sk__grid{position:absolute;inset:0;background:linear-gradient(0deg,transparent 98%,rgba(255,255,255,.02) 100%),linear-gradient(90deg,transparent 98%,rgba(255,255,255,.02) 100%);background-size:8px 8px;z-index:1;pointer-events:none;opacity:.6}.sk__content{position:relative;z-index:3;display:flex;flex-direction:row;align-items:center;height:100%;padding:0 8px;gap:8px}.sk__icon-frame{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border:1px solid rgba(255,255,255,.2);background:#282d374d}.sk__icon-frame:before{content:"";position:absolute;inset:2px;border-radius:4px;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.06),transparent)}.sk__icon{width:18px;height:18px;position:relative;z-index:1;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.sk__icon svg{width:100%;height:100%}.sk__info{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.sk__name{font-family:Orbitron,sans-serif;font-size:6px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffe6}.sk__cost{font-family:Orbitron,sans-serif;font-size:8px;font-weight:700;line-height:1;color:#fff9}.sk__cd{display:none}.sk--ready{animation:glowReady 1.8s ease-in-out infinite}.sk--ready .sk__plate{border-color:#00c8ff80!important;box-shadow:0 0 16px #00c8ff40,inset 0 0 20px #00c8ff1a!important}.sk--ready .sk__plate:before{background:linear-gradient(145deg,#00507880,#0032508c,#00192da6)!important}.sk--ready .sk__icon-frame{border-color:#00c8ff73!important;background:#003c5a80!important;box-shadow:0 0 10px #00c8ff40,inset 0 0 8px #00c8ff26}.sk--ready .sk__icon-frame:before{background:radial-gradient(circle,rgba(0,200,255,.15),transparent)!important}.sk--ready .sk__name{color:#b0e8ff!important}.sk--ready .sk__cost{color:#00dcffcc!important}@keyframes glowReady{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.sk--targeting{transform:translateY(-10px) scale(1.04);z-index:20;filter:brightness(1.15)!important;--glow: rgba(34, 211, 238, .5);--glow-in: rgba(34, 211, 238, .1)}.sk--targeting .sk__plate{box-shadow:0 0 24px var(--glow),inset 0 0 16px var(--glow-in),0 8px 20px #00000080!important;border-width:2px;border-color:#22d3ee80!important}.sk--targeting .sk__name{color:#a5f3fc!important}.sk--targeting .sk__cost{color:#67e8f9!important}.sk--targeting .sk__icon-frame{border-color:#22d3ee4d!important;background:#0832414d!important}.sk--peeking{transform:translateY(-10px) scale(1.03);filter:brightness(1.15);z-index:20;transition:all .2s cubic-bezier(.22,1,.36,1)}.sk--cooldown{filter:brightness(.75)!important;opacity:.8;animation:none!important;pointer-events:auto}.sk--cooldown .sk__plate{box-shadow:inset 0 0 10px #ff323226,0 0 6px #ff323214!important;border-color:#ff3c3c40!important}.sk--cooldown .sk__plate:before{background:linear-gradient(180deg,#8c14141f,#3c0a0a33)!important}.sk--cooldown .sk__plate:after{display:none}.sk--cooldown .sk__icon{display:none}.sk--cooldown .sk__cd{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;font-family:Orbitron,sans-serif;font-size:14px;font-weight:900;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.4);z-index:5;line-height:1;background:none;border:none;padding:0;border-radius:0}.sk--insufficient{opacity:.4;animation:none!important}.sk--insufficient .sk__plate{box-shadow:none!important}.sk--disabled{opacity:.25;filter:grayscale(.6)!important;pointer-events:none;animation:none!important}.sk--disabled .sk__plate{box-shadow:none!important}.sk--cast-flash{animation:castBounce .4s cubic-bezier(.34,1.56,.64,1)!important}@keyframes castBounce{0%{transform:scale(1);filter:brightness(1)}30%{transform:translateY(-8px) scale(1.05);filter:brightness(1.6)}70%{transform:translateY(-2px) scale(1.01);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1)}}.sk:active:not(.sk--disabled):not(.sk--cooldown){transform:scale(.96)}.cast-flash-text{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-family:Orbitron,sans-serif;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;z-index:40;pointer-events:none;white-space:nowrap;animation:activatedText .7s ease-out forwards}@keyframes activatedText{0%{opacity:0;transform:translate(-50%) scale(.5) translateY(0)}25%{opacity:1;transform:translate(-50%) scale(1.1) translateY(-4px)}70%{opacity:1;transform:translate(-50%) scale(1) translateY(-10px)}to{opacity:0;transform:translate(-50%) scale(1) translateY(-20px)}}.skill-info-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(6px);z-index:30;background:linear-gradient(180deg,#1a2540f7,#0a1020f7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(148,163,184,.5);border-radius:8px;padding:6px 11px;box-shadow:0 4px 14px #000c;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease}.skill-info-tooltip--visible{opacity:1;transform:translate(-50%) translateY(0)}.skill-info-tooltip__name{font-family:Orbitron,sans-serif;font-size:11px;font-weight:800;color:#fff;text-transform:uppercase}.skill-info-tooltip__sep{color:#ffffff4d;margin:0 5px}.skill-info-tooltip__desc{font-family:Orbitron,sans-serif;font-size:11px;font-weight:500;color:#fffc}.targeting-overlay{position:fixed;inset:0;z-index:8;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.targeting-overlay__border{position:absolute;inset:0;pointer-events:none}.targeting-overlay--stealth .targeting-overlay__border{box-shadow:inset 0 0 0 2px #a78bfa80,inset 0 0 40px #a78bfa26}.targeting-overlay--shield .targeting-overlay__border{box-shadow:inset 0 0 0 2px #67e8f980,inset 0 0 40px #67e8f926}.targeting-overlay__hint-bg{background:#00000059;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);padding:10px 20px;border-radius:0;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}.targeting-overlay__hint{font-family:Orbitron,sans-serif;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;animation:targetHintPulse 1.1s ease-in-out infinite}.targeting-overlay--stealth .targeting-overlay__hint{color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,.7)}.targeting-overlay--shield .targeting-overlay__hint{color:#22d3ee;text-shadow:0 0 10px rgba(103,232,249,.7)}@keyframes targetHintPulse{0%,to{opacity:.85}50%{opacity:1}}.targeting-overlay__cancel-hint{font-family:Orbitron,sans-serif;font-size:10px;font-weight:500;color:#ffffff8c}@keyframes hudEndedFadeIn{0%{opacity:0}to{opacity:1}}.hud-game-ended-overlay{position:fixed;inset:0;background:#000;z-index:20;pointer-events:none;opacity:0;animation:hudEndedFadeIn .35s ease-out forwards}.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:0;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:0;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:0;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)}}.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}}.cargo-pod-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 20px;background:#ffffff0a;border-radius:0;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-card--full.cargo-pod-card--visible{opacity:.45}.cargo-pod-card--full .cargo-pod-image{filter:grayscale(1) brightness(.7)}.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:Orbitron,sans-serif;font-size:12px;font-weight:700;color:#fff;letter-spacing:.04em}.cargo-pod-slots-full{font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#888}.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:74px;width:auto;flex-shrink:0;margin-right:-39px;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-buttons--row{flex-direction:row;gap:12px}.result-buttons--row .result-btn{flex:1}.result-backdrop{z-index:30}.result-panel{border-radius:0;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-wrap{position:relative;width:clamp(59px,18vw,85px);height:clamp(59px,18vw,85px);flex-shrink:0;margin:8px 0 4px}.elo-runup-badge{width:100%;height:100%;flex-shrink:0;object-fit:contain;position:relative;z-index:1;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:0;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:0;border:1px solid rgba(0,200,255,.15);overflow:hidden}.xp-gained-bar-fill{height:100%;background:linear-gradient(90deg,#00b8d4,#00e5ff);border-radius:0;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:0}.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{width:16px;height:16px;object-fit:contain;vertical-align:middle}.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}.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:0;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{width:16px;height:16px;object-fit:contain;vertical-align:middle}.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:0;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}.mission-cosmetic-banner-preview{width:100%;max-height:50px;border-radius:0;object-fit:cover;margin:6px 0 2px;display:block}.you-badge{position:absolute;transform:translate(-50%,-100%);z-index:100;pointer-events:none;animation:you-badge-lifecycle 5.5s ease-out forwards;opacity:0}.you-badge__inner{background:#fffc;color:#060918;font-family:var(--font-display, "Orbitron", sans-serif);font-weight:900;font-size:12px;letter-spacing:2px;padding:4px 12px;border-radius:6px;box-shadow:0 0 10px #ffffff40,0 3px 6px #0000004d;text-transform:uppercase;position:relative;white-space:nowrap}.you-badge__inner:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgba(255,255,255,.8)}@keyframes you-badge-lifecycle{0%{opacity:0;transform:translate(-50%,-100%) translateY(-20px) scale(.7)}7%{opacity:.75;transform:translate(-50%,-100%) translateY(0) scale(1)}20%{transform:translate(-50%,-100%) translateY(4px)}33%{opacity:.75;transform:translate(-50%,-100%) translateY(0)}45%{transform:translate(-50%,-100%) translateY(4px)}55%{opacity:.75;transform:translate(-50%,-100%) translateY(0) scale(1)}70%{transform:translate(-50%,-100%) translateY(4px)}82%{opacity:.75;transform:translate(-50%,-100%) translateY(0)}91%{opacity:.65;transform:translate(-50%,-100%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-100%) translateY(-8px) scale(.9)}}.cmd-deck{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;pointer-events:none}.cmd-deck>*{pointer-events:auto}.cmd-deck__bg{position:absolute;bottom:0;left:0;right:0;pointer-events:none;z-index:0}.cmd-deck__bg-wing{height:18px;position:relative}.cmd-deck__bg-wing svg{position:absolute;bottom:0;left:0;width:100%;height:18px}.cmd-deck__bg-body{background:linear-gradient(180deg,#080e1cf5,#040812fa);padding-top:27px;padding-bottom:14px;position:relative}.cmd-deck__bg-body:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 3px,rgba(0,180,255,.012) 3px,rgba(0,180,255,.012) 4px);pointer-events:none}.cmd-deck__bg-body:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(0,200,255,.25) 25%,rgba(0,200,255,.45) 50%,rgba(0,200,255,.25) 75%,transparent 95%)}.cmd-deck__body{position:relative;padding:0 10px 14px;display:flex;flex-direction:column;gap:7px}.cmd-row-gauge{display:flex;justify-content:center;position:relative;z-index:2;transform:translateY(3px)}.cmd-row-main{display:flex;flex-direction:row;align-items:stretch;gap:8px;position:relative;z-index:2;transform:translateY(7px)}.emote-trigger{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:0;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-trigger.emote-trigger--mini{width:20px;height:20px;min-width:20px;min-height:20px;border-radius:0}.emote-trigger.emote-trigger--mini svg{width:11px;height:11px}.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:0;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:0;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}}.tut-intro{position:fixed;inset:0;z-index:500;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:center;justify-content:center}.tut-intro__vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#00000040,#000000bf),linear-gradient(180deg,#05081059,#050810a6);pointer-events:none}.tut-intro__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3.5vw,22px);padding:24px;width:100%;max-width:420px}.tut-intro__title{margin:0;font-family:"Orbitron",var(--font-display),sans-serif;font-weight:900;font-size:clamp(22px,6vw,32px);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-align:center;text-shadow:0 0 18px rgba(251,191,36,.5),0 0 36px rgba(251,191,36,.25),0 2px 4px rgba(0,0,0,.5);opacity:0;transform:translateY(12px);animation:tutIntroIn .52s cubic-bezier(.22,1,.36,1) .1s forwards}.tut-intro__subtitle{margin:0;font-family:Rajdhani,sans-serif;font-weight:500;font-size:clamp(14px,3.8vw,18px);color:#ffffffbf;text-align:center;letter-spacing:.02em;line-height:1.4;opacity:0;transform:translateY(12px);animation:tutIntroIn .52s cubic-bezier(.22,1,.36,1) .2s forwards}.tut-intro__play-btn{position:relative;width:clamp(260px,72vw,360px);min-height:64px;margin-top:clamp(20px,6vw,32px);padding:0 24px;border:2px solid rgba(255,220,120,.85);border-radius:0;background:linear-gradient(180deg,oklch(.85 .18 75),oklch(.65 .2 55));color:#050810;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -2px #0003,0 0 24px #fbbf2473;animation:tutIntroIn .52s cubic-bezier(.22,1,.36,1) .4s backwards,tutIntroPulse 3s ease-in-out 1s infinite;transition:transform .12s ease;-webkit-tap-highlight-color:transparent}.tut-intro__play-btn:active{transform:scale(.96)}.tut-intro__play-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:tutIntroShimmer 3.5s ease-in-out infinite;pointer-events:none;z-index:1}.tut-intro__play-label{position:relative;z-index:2;font-family:"Orbitron",var(--font-display),sans-serif;font-weight:900;font-size:clamp(18px,5vw,22px);letter-spacing:.12em;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.35),0 0 20px rgba(251,191,36,.35),0 1px 0 rgba(255,255,255,.2)}.tut-intro__skip-link{margin-top:clamp(8px,2vw,12px);min-height:48px;padding:12px 20px;background:transparent;border:none;color:#ffffff8c;font-family:Rajdhani,sans-serif;font-weight:500;font-size:clamp(13px,3.6vw,16px);letter-spacing:.05em;cursor:pointer;opacity:0;animation:tutIntroIn .52s cubic-bezier(.22,1,.36,1) .6s forwards;transition:color .12s ease;-webkit-tap-highlight-color:transparent}.tut-intro__skip-link:active{color:#fffffff2;text-decoration:underline}.tut-intro__dialog{position:fixed;inset:0;z-index:9600;display:flex;align-items:center;justify-content:center}.tut-intro__dialog-backdrop{position:absolute;inset:0;background:#000000a6}.tut-intro__dialog-panel{position:relative;width:calc(100% - 48px);max-width:340px;padding:24px 20px;background:#0f1423f2;border:1px solid rgba(255,255,255,.1);text-align:center;animation:tutIntroDialogIn .2s ease-out}.tut-intro__dialog-title{margin:0 0 12px;font-family:Orbitron,sans-serif;font-weight:700;font-size:18px;color:#fff}.tut-intro__dialog-body{margin:0 0 20px;font-family:Rajdhani,sans-serif;font-weight:500;font-size:14px;line-height:1.5;color:#ffffffb3}.tut-intro__dialog-actions{display:flex;gap:10px}.tut-intro__dialog-btn{flex:1;min-height:48px;padding:0 16px;border:none;border-radius:0;font-family:Orbitron,sans-serif;font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.tut-intro__dialog-btn:active{transform:scale(.97)}.tut-intro__dialog-btn--primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#050810;box-shadow:0 0 12px #fbbf244d}.tut-intro__dialog-btn--secondary{background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.15)}@keyframes tutIntroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tutIntroPulse{0%,to{filter:drop-shadow(0 0 16px rgba(251,191,36,.5))}50%{filter:drop-shadow(0 0 32px rgba(251,191,36,.85))}}@keyframes tutIntroShimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes tutIntroDialogIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.conn-err{position:fixed;inset:0;z-index:500;background:radial-gradient(ellipse at center,#0a1020,#050810);display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.conn-err__content{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3.5vw,22px);padding:24px;width:100%;max-width:380px;text-align:center}.conn-err__icon{width:64px;height:64px;border-radius:50%;border:2px solid rgba(239,68,68,.8);color:#ef4444;font-family:Orbitron,sans-serif;font-weight:900;font-size:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #ef444459}.conn-err__title{margin:0;font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(20px,5.5vw,26px);color:#fff;letter-spacing:.06em;text-transform:uppercase}.conn-err__body{margin:0;font-family:Rajdhani,sans-serif;font-weight:500;font-size:clamp(14px,3.8vw,16px);color:#ffffffb3;line-height:1.5}.conn-err__retry{margin-top:clamp(8px,2vw,12px);width:clamp(220px,70vw,300px);min-height:56px;padding:0 24px;border:1px solid rgba(255,255,255,.15);border-radius:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#050810;font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(14px,4vw,16px);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 16px #fbbf2459;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.conn-err__retry:active{transform:scale(.97)}.loading-screen{position:fixed;inset:0;background:#050810;overflow:hidden;z-index:10000}.loading-screen--ready{cursor:pointer}.loading-screen__tap{position:absolute;left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom,0px));z-index:3;text-align:center;font-family:Orbitron,sans-serif;font-weight:800;font-size:18px;letter-spacing:.28em;text-transform:uppercase;color:#eaf7ff;text-shadow:0 0 12px rgba(180,235,255,.7),0 0 28px rgba(34,211,238,.45);animation:loading-tap-pulse 1.4s ease-in-out infinite;pointer-events:none;user-select:none}@keyframes loading-tap-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.loading-screen__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;user-select:none}.loading-screen__title{position:absolute;top:calc(16% + env(safe-area-inset-top,0px));left:0;right:0;display:flex;flex-direction:column;align-items:center;z-index:2;font-family:Orbitron,sans-serif;font-weight:900;font-size:56px;line-height:1;letter-spacing:.12em;text-transform:uppercase;text-align:center;filter:drop-shadow(0 0 12px rgba(180,235,255,.55)) drop-shadow(0 0 28px rgba(34,211,238,.35))}.loading-screen__title-top,.loading-screen__title-bot{background:linear-gradient(180deg,#fff,#eaf7ff 45%,#c7e9f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 0 18px rgba(255,255,255,.25)}.loading-screen__tip{position:absolute;left:0;right:0;bottom:80px;padding:0 20px;z-index:2;text-align:center;font-family:Rajdhani,sans-serif;font-weight:500;font-size:13px;color:#ffffff73}.loading-screen__bar{position:absolute;left:0;right:0;bottom:0;height:40px;background:#ffffff0f;border-top:1px solid rgba(180,235,255,.18);border-radius:0;overflow:hidden;z-index:3;box-shadow:0 -6px 24px #22d3ee2e}.loading-screen__bar-fill{height:100%;background:#22d3ee;box-shadow:0 0 14px #b4ebff8c,0 0 32px #22d3ee73;transition:width .3s ease-out}.loading-screen__bar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;font-weight:700;font-size:12px;letter-spacing:.15em;color:#050810;text-transform:uppercase;pointer-events:none}.lobby-preview-backdrop{position:fixed;inset:0;background:#0009;z-index:9500;pointer-events:auto;animation:lobbyPreviewFadeIn .2s ease}.lobby-preview-wrapper{position:fixed;top:calc(env(safe-area-inset-top,0) + 40px);bottom:calc(env(safe-area-inset-bottom,0) + 40px);left:16px;right:16px;z-index:9501;pointer-events:auto;animation:lobbyPreviewSlideIn .25s ease;overflow:hidden}.lobby-preview-panel{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px 16px 16px;background:linear-gradient(170deg,#141e3ce6,#080c18f5 45%,#050810 70%,#1e0f1ee6),#050810;border:1px solid rgba(239,68,68,.22);border-radius:0;overflow-y:auto;overflow-x:hidden}.lobby-preview-close{position:absolute;top:8px;right:10px;width:32px;height:32px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:0;color:#ffffffb3;font-size:16px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .15s;z-index:2}.lobby-preview-close:active{transform:scale(.95);border-color:#ef444480}.lobby-preview-header{display:flex;justify-content:center;margin-bottom:16px}.lobby-preview-title{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fca5a5;padding:6px 16px;border:1px solid rgba(239,68,68,.35);background:#ef44441a;border-radius:0}.lobby-preview-elapsed-block{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px}.lobby-preview-elapsed-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80}.lobby-preview-elapsed-value{font-family:var(--font-mono, ui-monospace, SFMono-Regular, monospace);font-weight:700;font-size:36px;color:#fca5a5;letter-spacing:.05em;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(239,68,68,.35)}.lobby-preview-players-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin-bottom:8px}.lobby-preview-list{display:flex;flex-direction:column;gap:8px}.lobby-preview-row{display:flex;align-items:center;gap:10px;padding:4px 0}.lobby-preview-row-rank{width:32px;height:32px;flex-shrink:0;image-rendering:-webkit-optimize-contrast}.lobby-preview-row-banner{flex:1;min-width:0;overflow:hidden}.lobby-preview-teams{display:flex;flex-direction:column;gap:14px}.lobby-preview-team-header{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-left:3px solid;margin-bottom:6px}.lobby-preview-footer{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.lobby-preview-spectate-btn{width:100%;max-width:240px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff6;font-family:var(--font-display, var(--font-body));font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;border-radius:0;cursor:not-allowed}.lobby-preview-spectate-soon{font-size:10px;font-weight:600;letter-spacing:.08em;color:#fff6}.lobby-preview-status-msg{padding:40px 16px;text-align:center;font-size:14px;color:#ffffffb3}.lobby-preview-ended{color:#fca5a5}.lobby-preview-error{color:#fbbf24;font-size:28px}@keyframes lobbyPreviewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lobbyPreviewSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lobby-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}.lobby-browser-bg-banner{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none;animation:lobbyBrowserBannerDrift 60s ease-in-out infinite alternate}@keyframes lobbyBrowserBannerDrift{0%{object-position:30% center}to{object-position:70% center}}.lobby-browser-bg-banner--gradient{background-size:cover;animation:lobbyBrowserBannerDriftGrad 60s ease-in-out infinite alternate}@keyframes lobbyBrowserBannerDriftGrad{0%{background-position:30% center}to{background-position:70% center}}.lobby-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:lobbyBrowserStarDrift 50s linear infinite}@keyframes lobbyBrowserStarDrift{0%{background-position:0 0}to{background-position:100px 300px}}.lobby-browser-bg-nebula{position:absolute;inset:0;z-index:0;pointer-events:none}.lobby-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%)}.lobby-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%)}.lobby-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}.lobby-browser-header{position:relative;z-index:1;display:flex;align-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 12px;gap:12px;flex-shrink:0;background:#00000073;border-bottom:1px solid rgba(255,255,255,.06)}.lobby-browser-back{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:8px 14px;color:var(--text-muted, rgba(255, 255, 255, .4));font-family:var(--font-display, var(--font-body));font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.lobby-browser-back:active{background:#ffffff14;transform:scale(.95)}.lobby-browser-title{font-family:var(--font-display, var(--font-body));font-size:clamp(18px,5vw,22px);font-weight:900;text-transform:uppercase;letter-spacing:.06em;flex:1;text-align:center}.lobby-browser-header-spacer{width:72px}.lobby-browser-mode-pills{position:relative;z-index:1;display:flex;gap:6px;padding:0 16px 8px;flex-shrink:0}.lobby-browser-mode-pill{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 18px;border-radius:0;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.lobby-browser-mode-pill--active{color:#22d3ee;background:#22d3ee1f;border:1px solid rgba(34,211,238,.4)}.lobby-browser-mode-pill--inactive{color:#ffffff59;background:transparent;border:1px solid rgba(255,255,255,.08)}.lobby-browser-filters{position:relative;z-index:1;display:flex;gap:6px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0}.lobby-browser-filters::-webkit-scrollbar{display:none}.lobby-browser-chip{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:0;white-space:nowrap;flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.lobby-browser-chip--inactive{color:#ffffff59;background:#ffffff05;border:1px solid rgba(255,255,255,.08)}.lobby-browser-chip--active{color:#fbbf24;background:#facc1514;border:1px solid rgba(250,204,21,.4)}.lobby-browser-count{position:relative;z-index:1;padding:0 16px 8px;font-family:var(--font-body);font-weight:600;font-size:12px;color:#ffffff38;letter-spacing:.04em;flex-shrink:0}.lobby-browser-count strong{color:#fff6;font-weight:700}.lobby-browser-list{position:relative;z-index:1;flex:1;overflow-y:auto;padding:0 16px;display:flex;flex-direction:column;gap:10px}.lobby-browser-card{padding:12px;border-radius:0;background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;animation:lobbyBrowserCardIn .35s cubic-bezier(.22,1,.36,1) both}.lobby-browser-card:active{transform:scale(.98);border-color:#22d3ee4d}.lobby-browser-card--full{opacity:.45;cursor:default}.lobby-browser-card--full:active{transform:none;border-color:#ffffff14}.lobby-browser-card--countdown{border-color:#fbbf244d;background:#fbbf240f}.lobby-browser-card--in-game{opacity:.65;filter:saturate(.75);border-color:#ef444440;cursor:pointer}.lobby-browser-card--in-game:hover{opacity:.85}.lobby-browser-in-game-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto}.lobby-browser-in-game-timer{font-family:var(--font-mono, ui-monospace, SFMono-Regular, monospace);font-weight:700;font-size:13px;color:#fca5a5;letter-spacing:.05em;font-variant-numeric:tabular-nums}@keyframes lobbyBrowserCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lobby-browser-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lobby-browser-host-badge{width:30px;height:30px;border-radius:0;object-fit:contain;flex-shrink:0}.lobby-browser-host-info{flex:1;min-width:0}.lobby-browser-host-name{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-browser-host-elo{font-family:var(--font-body);font-weight:600;font-size:11px;color:#fff6;display:inline-flex;align-items:center;gap:4px}.lobby-browser-host-elo-icon{width:13px;height:13px;display:block}.lobby-browser-fill-dots{display:flex;gap:4px;align-items:center;flex-shrink:0}.lobby-browser-fill-dot{width:8px;height:8px;border-radius:50%;transition:all .3s}.lobby-browser-fill-dot.filled{background:#4ade80;box-shadow:0 0 6px #4ade8066}.lobby-browser-fill-dot.empty{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.lobby-browser-card-stats{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lobby-browser-stat-chip{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:0;background:#ffffff08;border:1px solid rgba(255,255,255,.06);font-family:var(--font-body);font-weight:600;font-size:11px;color:#fff6}.lobby-browser-stat-chip .val{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:11px;color:#ffffffb3}.lobby-browser-stat-chip .icon{font-size:11px;opacity:.6}.lobby-browser-stat-chip.elo-low .val{color:#4ade80}.lobby-browser-stat-chip.elo-mid .val{color:#22d3ee}.lobby-browser-stat-chip.elo-high .val{color:#fbbf24}.lobby-browser-status{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:0;margin-left:auto}.lobby-browser-status.open{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.lobby-browser-status.almost-full{color:#fbbf24;background:#fbbf241a;border:1px solid rgba(251,191,36,.2)}.lobby-browser-status.full{color:#fff6;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.lobby-browser-status.in-game{color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.35);margin-left:0}.lobby-browser-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;text-align:center}.lobby-browser-empty-planet{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#6366f14d,#6366f10d);border:1px solid rgba(99,102,241,.15);margin-bottom:20px;animation:lobbyBrowserEmptyFloat 4s ease-in-out infinite;display:flex;align-items:center;justify-content:center;font-size:32px}@keyframes lobbyBrowserEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lobby-browser-empty-title{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin-bottom:8px}.lobby-browser-empty-sub{font-family:var(--font-body);font-weight:500;font-size:14px;color:#ffffff38;line-height:1.4;white-space:pre-line}.lobby-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}.lobby-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:0;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}.lobby-browser-create-btn:after{content:"";position:absolute;inset:3px;border-radius:0;border:1.5px solid rgba(253,230,138,.35);pointer-events:none}.lobby-browser-create-btn:active{transform:scale(.96)}.lobby-browser-create-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.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:10;display:flex;align-items:center;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 12px;gap:12px;flex-shrink:0;background:#00000073;border-bottom:1px solid rgba(255,255,255,.06)}.ffa-lobby-back{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:8px 14px;color:var(--text-muted, rgba(255,255,255,.4));font-family:var(--font-display, var(--font-body));font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.ffa-lobby-back:active{transform:scale(.95);background:#ffffff14}.ffa-lobby-header-title{font-family:var(--font-display, var(--font-body));font-size:clamp(18px,5vw,22px);font-weight:900;text-transform:uppercase;letter-spacing:.06em;flex:1;text-align:center}.ffa-lobby-header-spacer{width:72px}.ffa-lobby-settings{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px 14px;flex-shrink:0}.ffa-lobby-setting-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--text-muted, rgba(255,255,255,.4));letter-spacing:.04em}.ffa-lobby-chip-icon{font-size:14px;opacity:.7}.ffa-lobby-chip-value{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;color:var(--text-primary, #ffffff)}.ffa-lobby-setting-chip--editable{cursor:pointer;border-color:#22d3ee40;background:#22d3ee0f;-webkit-tap-highlight-color:transparent;transition:all .2s;position:relative}.ffa-lobby-setting-chip--editable:active{transform:scale(.96)}.ffa-lobby-setting-chip--editable .ffa-lobby-chip-value{color:var(--text-cyan, #22d3ee)}.ffa-lobby-maxplayers-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(6px);display:flex;flex-direction:column;gap:2px;background:#0a0e1f;border:1px solid rgba(34,211,238,.3);border-radius:0;padding:4px;z-index:100;box-shadow:0 8px 30px #0009}.ffa-lobby-mp-option{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:14px;color:var(--text-muted, rgba(255,255,255,.4));padding:10px 20px;border-radius:0;cursor:pointer;text-align:center;transition:all .15s;border:none;background:transparent;-webkit-tap-highlight-color:transparent}.ffa-lobby-mp-option:active,.ffa-lobby-mp-option--selected{background:#22d3ee1f;color:var(--text-cyan, #22d3ee)}.ffa-lobby-column-headers{display:flex;align-items:center;padding:0 0 4px}.ffa-lobby-col-label{font-family:var(--font-body);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff38}.ffa-lobby-col-player{flex:1;padding-left:4px}.ffa-lobby-col-planet{width:48px;text-align:center;flex-shrink:0}.ffa-lobby-col-status{width:76px;text-align:center;flex-shrink:0;margin-left:8px}.ffa-lobby-players{position:relative;z-index:10;flex:1;min-height:0;overflow-y:auto;padding:0 14px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.ffa-lobby-player{position:relative;display:flex;align-items:center;border-radius:0;border:1.5px dashed rgba(255,255,255,.08);padding:4px 6px;animation:ffa-lobby-cardSlideIn .4s cubic-bezier(.22,1,.36,1) both;transition:border-color .25s,background .25s}.ffa-lobby-player--ready{border:1.5px solid rgba(74,222,128,.35);background:#4ade800f}.ffa-lobby-player:nth-child(2){animation-delay:.05s}.ffa-lobby-player:nth-child(3){animation-delay:.1s}.ffa-lobby-player:nth-child(4){animation-delay:.15s}.ffa-lobby-player:nth-child(5){animation-delay:.2s}.ffa-lobby-player:nth-child(6){animation-delay:.25s}.ffa-lobby-player:nth-child(7){animation-delay:.3s}@keyframes ffa-lobby-cardSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.ffa-lobby-player--long-pressing{border-radius:0;border:1px solid rgba(248,113,113,.3);background:linear-gradient(135deg,#f871710f,#ffffff03);transition:all .15s}.ffa-lobby-player-banner-row{display:flex;align-items:center;justify-content:flex-start;flex:1}.ffa-lobby-player-banner-inner{display:flex;align-items:center;flex:1;min-width:0;transform:scale(var(--lobby-row-scale, .5));transform-origin:left center;margin-right:calc(-1 * (1 - var(--lobby-row-scale, .5)) * 100%);margin-top:calc(-1 * (1 - var(--lobby-row-scale, .5)) * 76px / 2);margin-bottom:calc(-1 * (1 - var(--lobby-row-scale, .5)) * 76px / 2)}.ffa-lobby-player-rank-badge{height:calc(115px * var(--lobby-row-scale, .5));width:auto;object-fit:contain;flex-shrink:0;margin-right:calc(-22px * var(--lobby-row-scale, .5));position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.ffa-lobby-planet-wrap{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ffa-lobby-player-host-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-display, var(--font-body));font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-gold, #fbbf24);background:#fbbf2426;border:1px solid rgba(251,191,36,.3);padding:2px 6px;white-space:nowrap;pointer-events:none;border-radius:0;z-index:2}.ffa-lobby-player .banner-planet,.ffa-lobby-player .banner-planet-glow{display:none!important}.ffa-lobby-player-planet{width:calc(36px * var(--lobby-row-scale, .5) / .5);height:calc(36px * var(--lobby-row-scale, .5) / .5);object-fit:contain;flex-shrink:0;margin:0 calc(6px * var(--lobby-row-scale, .5) / .5);border-radius:50%;filter:drop-shadow(0 0 6px rgba(255,255,255,.15))}.ffa-lobby-ready-btn{flex-shrink:0;margin-left:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:0;background:#ffffff0f;color:#ffffff4d;font-family:var(--font-display, var(--font-body));font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;min-width:68px;text-align:center}.ffa-lobby-ready-btn:active{transform:scale(.95)}.ffa-lobby-ready-check{flex-shrink:0;margin-left:calc(8px * var(--lobby-row-scale, .5) / .5);padding:calc(10px * var(--lobby-row-scale, .5) / .5) calc(14px * var(--lobby-row-scale, .5) / .5);border-radius:0;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;display:flex;align-items:center;justify-content:center;transition:all .2s}.ffa-lobby-ready-check svg{width:calc(16px * var(--lobby-row-scale, .5) / .5);height:calc(16px * var(--lobby-row-scale, .5) / .5);color:#ffffff40;transition:color .2s}.ffa-lobby-ready-check--active{background:#4ade801f;border-color:#4ade804d}.ffa-lobby-ready-check--active svg{color:#4ade80}.ffa-lobby-ready-btn--active{background:#4ade801f;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.ffa-lobby-bottom-ready-btn{--bevel: 22px;--cta-fill: linear-gradient(180deg, #4ade80 0%, #15803d 100%);--cta-glow: rgba(74, 222, 128, .55);position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(60px,14vw,72px);padding:0;border:none;border-radius:0;overflow:hidden;background:var(--cta-fill);box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000038;filter:drop-shadow(0 0 16px var(--cta-glow));clip-path:polygon(0 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)));font-family:"Orbitron",var(--font-display),sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(74,222,128,.35),0 1px 0 rgba(255,255,255,.2);cursor:pointer;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.ffa-lobby-bottom-ready-btn:before{content:"";position:absolute;top:4px;left:24px;right:24px;height:1px;background:#ffffff40;pointer-events:none;z-index:2}.ffa-lobby-bottom-ready-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);animation:ffaLobbyShimmerSweep 3.5s ease-in-out infinite;pointer-events:none;z-index:1}.ffa-lobby-bottom-ready-btn:active{transform:scale(.96)}.ffa-lobby-bottom-ready-btn--active{--cta-fill: transparent;background:transparent;color:#4ade80;box-shadow:inset 0 0 0 2px #4ade80,0 0 14px #4ade8040;filter:none;text-shadow:0 0 12px rgba(74,222,128,.35)}.ffa-lobby-bottom-ready-btn--active:after{display:none}.ffa-lobby-bottom-ready-btn:disabled{opacity:.35;cursor:not-allowed}.ffa-lobby-bottom-ready-btn:disabled:after{animation:none}.ffa-lobby-bottom-ready-btn:disabled:active{transform:none}.ffa-lobby-start-btn.ffa-lobby-start-btn--status,.ffa-lobby-bottom-ready-btn.ffa-lobby-bottom-ready-btn--status{font-family:var(--font-display, var(--font-body));font-size:clamp(9px,2.6vw,12px);font-weight:700;letter-spacing:.02em;padding:0 28px;text-transform:none;white-space:nowrap;animation:none}.ffa-lobby-empty-slot{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:0;border:1.5px dashed rgba(255,255,255,.08);min-height:calc(70px * var(--lobby-row-scale, .5) / .5);animation:ffa-lobby-cardSlideIn .4s cubic-bezier(.22,1,.36,1) both}.ffa-lobby-empty-slot-icon{width:36px;height:36px;border-radius:0;background:#ffffff08;border:1px dashed rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ffa-lobby-empty-slot-icon svg{width:16px;height:16px;color:#ffffff1f}.ffa-lobby-empty-slot-text{flex:1;font-family:var(--font-body);font-weight:500;font-size:13px;color:#ffffff26;letter-spacing:.02em;font-style:italic}.ffa-lobby-invite-btn{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border-radius:0;background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);color:var(--text-cyan, #22d3ee);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;min-width:68px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;animation:ffa-lobby-invitePulse 2.5s ease-in-out infinite}@keyframes ffa-lobby-invitePulse{0%,to{box-shadow:0 0 #22d3ee00}50%{box-shadow:0 0 12px #22d3ee26}}.ffa-lobby-invite-btn:active{transform:scale(.95)}.ffa-lobby-invite-btn svg{width:14px;height:14px}.ffa-lobby-status{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 16px 0;flex-shrink:0;font-size:13px;font-family:var(--font-body);font-weight:600;color:var(--text-muted, rgba(255,255,255,.4))}.ffa-lobby-status-count .ffa-lobby-status-num{font-family:var(--font-display, var(--font-body));font-weight:700;color:var(--text-primary, #ffffff)}.ffa-lobby-status-min{color:#4ade80;font-weight:500}.ffa-lobby-status-min--not-met{color:#f87171;font-weight:500}.ffa-lobby-bottom{position:relative;z-index:10;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px}.ffa-lobby-start-btn{--bevel: 22px;--cta-fill: linear-gradient(180deg, oklch(.85 .18 75), oklch(.65 .2 55));--cta-glow: oklch(.78 .18 65 / .6);position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(60px,14vw,72px);padding:0;border:none;border-radius:0;overflow:hidden;background:var(--cta-fill);box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003;filter:drop-shadow(0 0 16px var(--cta-glow));clip-path:polygon(0 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)));animation:ffaLobbyBattlePulse 3s ease-in-out infinite;font-family:"Orbitron",var(--font-display),sans-serif;font-size:22px;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 20px rgba(251,191,36,.3),0 1px 0 rgba(255,255,255,.2);cursor:pointer;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.ffa-lobby-start-btn:before{content:"";position:absolute;top:4px;left:24px;right:24px;height:1px;background:#ffffff40;pointer-events:none;z-index:2}.ffa-lobby-start-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);animation:ffaLobbyShimmerSweep 3.5s ease-in-out infinite;pointer-events:none;z-index:1}.ffa-lobby-start-btn:active{transform:scale(.96)}.ffa-lobby-start-btn:disabled{opacity:.35;cursor:not-allowed;animation:none;filter:none;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #0003}.ffa-lobby-start-btn:disabled:after{animation:none}.ffa-lobby-start-btn:disabled:active{transform:none}@keyframes ffaLobbyBattlePulse{0%,to{filter:drop-shadow(0 0 16px oklch(.78 .18 65 / .5));box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003,inset 0 0 20px oklch(.78 .18 65 / .15)}50%{filter:drop-shadow(0 0 32px oklch(.78 .18 65 / .85));box-shadow:inset 0 1px #ffffff26,inset 0 -2px #0003,inset 0 0 30px oklch(.78 .18 65 / .25)}}@keyframes ffaLobbyShimmerSweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}.ffa-lobby-cancel-btn{width:100%;font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:0;padding:12px 28px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.ffa-lobby-cancel-btn:active{transform:scale(.95)}.ffa-lobby-countdown-overlay{position:fixed;inset:0;z-index:50;background:#050810d9;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.ffa-lobby-countdown-text{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--text-muted, rgba(255,255,255,.4));letter-spacing:.1em;text-transform:uppercase}.ffa-lobby-countdown-number{font-family:var(--font-display, var(--font-body));font-weight:900;font-size:80px;color:var(--text-cyan, #22d3ee);text-shadow:0 0 40px rgba(34,211,238,.5),0 0 80px rgba(34,211,238,.2);animation:ffa-lobby-countPulse 1s ease-in-out infinite}@keyframes ffa-lobby-countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ffa-lobby-countdown-number--go{color:#4ade80;text-shadow:0 0 40px rgba(74,222,128,.5),0 0 80px rgba(74,222,128,.2)}.ffa-lobby-countdown-cancel{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:0;padding:12px 28px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s;margin-top:20px}.ffa-lobby-countdown-cancel:active{transform:scale(.95)}.ffa-lobby-kick-backdrop{position:fixed;inset:0;z-index:40;background:#00000080;display:flex;align-items:center;justify-content:center}.ffa-lobby-kick-popup{background:#0c1029;border:1px solid rgba(248,113,113,.3);border-radius:0;padding:24px 28px;text-align:center;max-width:300px;box-shadow:0 12px 40px #0009;animation:ffa-lobby-popIn .25s cubic-bezier(.22,1,.36,1)}@keyframes ffa-lobby-popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ffa-lobby-kick-title{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary, #ffffff);margin-bottom:8px}.ffa-lobby-kick-msg{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--text-muted, rgba(255,255,255,.4));margin-bottom:20px;line-height:1.4}.ffa-lobby-kick-actions{display:flex;gap:10px}.ffa-lobby-kick-actions button{flex:1;font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:12px 0;border-radius:0;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent;transition:all .15s}.ffa-lobby-kick-actions button:active{transform:scale(.96)}.ffa-lobby-kick-cancel-btn{background:#ffffff0f;color:var(--text-muted, rgba(255,255,255,.4));border:1px solid rgba(255,255,255,.1)!important}.ffa-lobby-kick-confirm-btn{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)!important}.ffa-lobby-invite-backdrop{position:fixed;inset:0;z-index:40;background:#0009;display:flex;align-items:flex-end;justify-content:center}.ffa-lobby-invite-modal{width:100%;max-height:65%;background:#0a0e1f;border-top-left-radius:0;border-top-right-radius:0;border:1px solid rgba(34,211,238,.15);border-bottom:none;display:flex;flex-direction:column;overflow:hidden;animation:ffa-lobby-slideUp .3s cubic-bezier(.22,1,.36,1)}@keyframes ffa-lobby-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ffa-lobby-invite-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.ffa-lobby-invite-title{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-cyan, #22d3ee);text-shadow:0 0 14px rgba(34,211,238,.3)}.ffa-lobby-invite-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted, rgba(255,255,255,.4));font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.ffa-lobby-invite-list{flex:1;overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:6px}.ffa-lobby-invite-loading,.ffa-lobby-invite-no-friends{text-align:center;padding:30px 20px;color:#ffffff38;font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1.5}.ffa-lobby-friend-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:0;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.ffa-lobby-friend-avatar{width:36px;height:36px;border-radius:0;background:linear-gradient(135deg,#1e293b,#334155);border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ffa-lobby-friend-avatar img{width:24px;height:24px;object-fit:contain}.ffa-lobby-friend-info{flex:1}.ffa-lobby-friend-name{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary, #ffffff)}.ffa-lobby-friend-status{font-family:var(--font-body);font-weight:500;font-size:11px;display:flex;align-items:center;gap:4px;color:#ffffff38}.ffa-lobby-friend-status--online{color:#4ade80}.ffa-lobby-friend-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#fff3}.ffa-lobby-friend-status--online .ffa-lobby-friend-dot{background:#4ade80;box-shadow:0 0 6px #4ade8066}.ffa-lobby-send-invite{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:0;background:#22d3ee1f;border:1px solid rgba(34,211,238,.3);color:var(--text-cyan, #22d3ee);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:all .2s}.ffa-lobby-send-invite:active{transform:scale(.95)}.ffa-lobby-send-invite:disabled{opacity:.35;cursor:default}.ffa-lobby-send-invite--sent{background:#4ade801a;border-color:#4ade804d;color:#4ade80}.team2v2-team-header{display:flex;align-items:center;gap:8px;padding:8px 14px 6px;position:relative}.team-color-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0;transition:all .2s;-webkit-tap-highlight-color:transparent}.team-color-dot:active{transform:scale(.9)}.team-header-label{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, rgba(255,255,255,.5))}.team-color-picker{position:absolute;top:100%;left:14px;margin-top:6px;display:flex;gap:6px;padding:8px 10px;background:#0a0e1f;border:1px solid rgba(255,255,255,.15);border-radius:0;box-shadow:0 8px 30px #0009;z-index:30;animation:teamColorPopIn .2s cubic-bezier(.22,1,.36,1)}@keyframes teamColorPopIn{0%{opacity:0;transform:scale(.9) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.team-color-option{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;padding:0}.team-color-option:active{transform:scale(.9)}.team-color-option.selected{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.team-color-option.disabled{opacity:.2;cursor:not-allowed}.team-vs-divider{display:flex;align-items:center;gap:12px;padding:12px 16px}.team-vs-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.team-vs-text{font-family:var(--font-display, var(--font-body));font-weight:900;font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff59;text-shadow:0 0 20px rgba(255,255,255,.1)}.team-switch-btn{display:block;margin:0 auto 8px;font-family:var(--font-display, var(--font-body));font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-cyan, #22d3ee);background:#22d3ee14;border:1px solid rgba(34,211,238,.25);border-radius:0;padding:8px 20px;cursor:pointer;-webkit-tap-highlight-color:transparent}.team-switch-btn:active{transform:scale(.96)}.team-switch-btn:disabled{opacity:.35;cursor:not-allowed}.btn-lobby-invite{font-family:var(--font-display, var(--font-body));font-weight:700;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-cyan, #22d3ee);background:#22d3ee14;border:1px solid rgba(34,211,238,.25);border-radius:0;padding:4px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-left:auto}.btn-lobby-invite:active{transform:scale(.96)}.lobby-chat{display:flex;flex-direction:column;max-height:35vh;margin:4px 0;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}.lobby-chat__messages{flex:1;overflow-y:auto;padding:6px 12px;display:flex;flex-direction:column;gap:3px;min-height:60px;max-height:22vh}.lobby-chat__empty{font-family:var(--font-body, "Rajdhani", sans-serif);font-size:13px;color:#ffffff40;text-align:center;padding:12px 0}.lobby-chat__msg{font-family:var(--font-body, "Rajdhani", sans-serif);font-weight:500;font-size:13px;line-height:1.3;color:var(--text-primary, #ffffff);word-break:break-word}.lobby-chat__msg-name{font-weight:700;margin-right:5px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lobby-chat__msg--own .lobby-chat__msg-name{color:#22d3ee;cursor:default}.lobby-chat__input-row{display:flex;gap:6px;padding:6px 12px;border-top:1px solid rgba(255,255,255,.06);align-items:center}.lobby-chat__input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:0;padding:7px 10px;font-family:var(--font-body, "Rajdhani", sans-serif);font-weight:500;font-size:13px;color:#fff;outline:none;transition:border-color .2s;min-width:0}.lobby-chat__input:focus{border-color:#22d3ee66}.lobby-chat__input::placeholder{color:#ffffff4d}.lobby-chat__input:disabled{opacity:.4}.lobby-chat__send-btn{width:36px;height:36px;flex-shrink:0;border-radius:0;background:#22d3ee26;border:1px solid rgba(34,211,238,.3);color:#22d3ee;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.lobby-chat__send-btn--disabled{opacity:.3;pointer-events:none}.lobby-chat__send-btn:active:not(.lobby-chat__send-btn--disabled){transform:scale(.93)}.lobby-chat__error{font-family:var(--font-body, "Rajdhani", sans-serif);font-size:11px;color:#f87171;padding:2px 12px 4px;animation:chat-error-fade 3s forwards}@keyframes chat-error-fade{0%,70%{opacity:1}to{opacity:0}}.lobby-chat__muted-btn{flex-shrink:0;font-family:var(--font-body, "Rajdhani", sans-serif);font-size:11px;color:#fff6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:4px 8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lobby-chat__mute-backdrop{position:fixed;inset:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center}.lobby-chat__mute-popup{background:#1a1a3e;border:1px solid rgba(255,255,255,.12);border-radius:0;padding:16px 20px;min-width:220px;max-width:280px}.lobby-chat__mute-title{font-family:var(--font-body, "Rajdhani", sans-serif);font-weight:600;font-size:15px;color:#fff;text-align:center;margin-bottom:12px}.lobby-chat__mute-actions{display:flex;gap:10px;justify-content:center}.lobby-chat__mute-cancel,.lobby-chat__mute-confirm{font-family:var(--font-body, "Rajdhani", sans-serif);font-weight:600;font-size:13px;padding:6px 16px;border-radius:0;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}.lobby-chat__mute-cancel{background:#ffffff1a;color:#fff9}.lobby-chat__mute-confirm{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}.lobby-chat__muted-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-family:var(--font-body, "Rajdhani", sans-serif);font-size:13px;color:#ffffffb3}.lobby-chat__unmute-btn{font-family:var(--font-body, "Rajdhani", sans-serif);font-size:12px;font-weight:600;color:#22d3ee;background:#22d3ee1a;border:1px solid rgba(34,211,238,.2);border-radius:0;padding:3px 10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.lobby-bot-section{padding:8px 12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.lobby-bot-section-title{font-family:var(--font-heading, "Orbitron", sans-serif);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff80;margin-bottom:6px}.lobby-bot-difficulty-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px}.lobby-bot-difficulty-btn{font-family:var(--font-body, "Rajdhani", sans-serif);font-size:12px;font-weight:600;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:0;padding:6px 4px;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.lobby-bot-difficulty-btn:active{background:#22d3ee33;border-color:#22d3ee66}.ffa-lobby-bot-remove-btn{width:calc(28px * var(--lobby-row-scale, .5) / .5);height:calc(28px * var(--lobby-row-scale, .5) / .5);display:flex;align-items:center;justify-content:center;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:50%;color:#ef4444;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .15s}.ffa-lobby-bot-remove-btn svg{width:calc(14px * var(--lobby-row-scale, .5) / .5);height:calc(14px * var(--lobby-row-scale, .5) / .5)}.ffa-lobby-bot-remove-btn:active{background:#ef44444d}.ffa-lobby-bot-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.ffa-lobby-bot-move-btn{width:calc(28px * var(--lobby-row-scale, .5) / .5);height:calc(28px * var(--lobby-row-scale, .5) / .5);display:flex;align-items:center;justify-content:center;background:#22d3ee1a;border:1px solid rgba(34,211,238,.25);border-radius:50%;color:var(--text-cyan, #22d3ee);cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .15s,opacity .15s}.ffa-lobby-bot-move-btn svg{width:calc(14px * var(--lobby-row-scale, .5) / .5);height:calc(14px * var(--lobby-row-scale, .5) / .5)}.ffa-lobby-bot-move-btn:active:not(:disabled){background:#22d3ee40}.ffa-lobby-bot-move-btn:disabled{opacity:.25;pointer-events:none}.ffa-lobby-friendly-indicator{font-family:var(--font-body, "Rajdhani", sans-serif);font-size:12px;color:#ffffff73;text-align:center;padding:2px 0;letter-spacing:.02em}.ffa-vs-root{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;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}.ffa-vs-root.ffa-vs-fade-out{animation:ffa-vsFadeOut .5s ease-in forwards}@keyframes ffa-vsFadeOut{0%{opacity:1}to{opacity:0}}.ffa-vs-rows{position:absolute;inset:0;display:flex;flex-direction:column;z-index:2}.ffa-vs-row{position:relative;flex:1;overflow:hidden;opacity:0;transition:opacity .3s ease}.ffa-vs-row.ffa-vs-row--visible{opacity:1}.ffa-vs-row-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none;animation:ffa-rowDrift 8s linear infinite alternate}.ffa-vs-row-bg--gradient{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center center;opacity:.22;pointer-events:none;animation:ffa-rowDriftGradient 8s linear infinite alternate}@keyframes ffa-rowDrift{0%{object-position:30% center}to{object-position:70% center}}@keyframes ffa-rowDriftGradient{0%{background-position:30% center}to{background-position:70% center}}.ffa-vs-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),rgba(255,215,64,.15),rgba(255,255,255,.1),transparent);z-index:3}.ffa-vs-row-content{position:relative;z-index:2;display:flex;align-items:center;height:100%;padding:0 12px;transform:translate(-110%);will-change:transform}.ffa-vs-row-content.ffa-vs-slide-in{animation:ffa-slideIn .65s cubic-bezier(.34,1.56,.64,1) forwards}.ffa-vs-row-content.ffa-vs-slide-out{animation:ffa-slideOut .4s ease-in forwards}@keyframes ffa-slideIn{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes ffa-slideOut{0%{transform:translate(0)}to{transform:translate(-110%)}}.ffa-vs-badge{flex-shrink:0;width:var(--ffa-badge-size, 48px);height:var(--ffa-badge-size, 48px);object-fit:contain;position:relative;z-index:2;margin-right:-20px;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}.ffa-vs-banner-wrap{flex:1;min-width:0;display:flex;align-items:center}.ffa-vs-speed-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.ffa-vs-speed-line{position:absolute;height:2px;border-radius:1px;opacity:0;left:-100%;background:linear-gradient(90deg,transparent,rgba(255,215,64,.4),transparent);animation:ffa-speedLine .4s ease-out forwards}@keyframes ffa-speedLine{0%{left:-60%;opacity:.8}to{left:120%;opacity:0}}.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:80px;width:auto;flex-shrink:0;margin-right:-40px;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:-40px}.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)}}