:root{--bg-deep:#07070a;--bg-lobby:#0d0e12;--bg-card:#14151ab3;--bg-card-active:#1e2028d9;--crimson:#ff2e54;--crimson-glow:#ff2e5459;--crimson-dim:#aa1732;--amber:#ffb800;--amber-glow:#ffb80059;--amber-dim:#b88500;--cyan:#00f0ff;--cyan-glow:#00f0ff59;--purple:#bf5eff;--purple-glow:#bf5eff59;--green:#10b981;--text-primary:#fff;--text-secondary:#a3a3c2;--text-muted:#62627a;--border-light:#ffffff14;--border-glow:#ff2e5433;--border-amber-glow:#ffb80033;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-glow:0 0 20px var(--crimson-glow);--shadow-amber-glow:0 0 20px var(--amber-glow)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;font-size:14px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--crimson)}#root{background-color:var(--bg-lobby);border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);flex-direction:column;width:100vw;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 50px #000c}.glass-panel{border:1px solid var(--border-light);background:linear-gradient(#20222be0 0%,#12131af2 100%);border-radius:16px;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff0d}.glass-panel-glow{border:1px solid var(--border-glow);background:linear-gradient(#221e24e6 0%,#121014f5 100%);box-shadow:0 6px 26px #00000073,inset 0 1px #ffffff0f,inset 0 0 14px #ff2e540f}.glass-panel-amber-glow{border:1px solid var(--border-amber-glow);background:linear-gradient(#24211ae6 0%,#14120ef5 100%);box-shadow:0 6px 26px #00000073,inset 0 1px #ffffff0f,inset 0 0 14px #ffb8000f}.btn-neon{background:linear-gradient(135deg, var(--crimson), var(--crimson-dim));color:var(--text-primary);font-family:var(--font-title);text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 4px 15px var(--crimson-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff2e5480,0 0 10px #ff2e544d}.btn-neon:active{transform:translateY(1px)}.btn-amber{background:linear-gradient(135deg, var(--amber), var(--amber-dim));color:#000;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 15px var(--amber-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-amber:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffb80080,0 0 10px #ffb8004d}.btn-amber:active{transform:translateY(1px)}.btn-outline{border:1px solid var(--border-light);color:var(--text-secondary);font-family:var(--font-title);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{color:var(--text-primary);background:#ffffff08;border-color:#fff3}@keyframes pulse-crimson{0%,to{border-color:#ff2e5433;box-shadow:0 0 15px #ff2e544d,inset 0 0 10px #ff2e541a}50%{border-color:#ff2e5480;box-shadow:0 0 25px #ff2e5499,inset 0 0 15px #ff2e5433}}.pulse-crimson-border{animation:2s ease-in-out infinite pulse-crimson}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-effect{animation:4s ease-in-out infinite float}.text-glow-crimson{text-shadow:0 0 8px #ff2e5480;color:var(--crimson)}.text-glow-amber{text-shadow:0 0 8px #ffb80080;color:var(--amber)}.text-glow-cyan{text-shadow:0 0 8px #00f0ff80;color:var(--cyan)}.font-title{font-family:var(--font-title)}.flex-center{justify-content:center;align-items:center;display:flex}.gradient-text{background:linear-gradient(135deg,#fff 30%,#a3a3c2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-crimson{background:linear-gradient(135deg, #ff6b8b 0%, var(--crimson) 70%, var(--crimson-dim) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-amber{background:linear-gradient(135deg, #ffdf80 0%, var(--amber) 70%, var(--amber-dim) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.incoming-invite-banner{border:1px solid var(--cyan);width:90%;max-width:440px;box-shadow:0 0 20px var(--cyan-glow);z-index:2500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0e12f2;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;top:76px;left:50%;transform:translate(-50%)}.invite-banner-content{flex-direction:column;display:flex}.invite-title{color:var(--cyan);letter-spacing:1px;font-size:10px;font-weight:800}.invite-desc{color:var(--text-primary);font-size:12px;line-height:1.4}.invite-banner-actions{justify-content:flex-end;gap:10px;display:flex}.animate-slide-down{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slide-down-bounce}@keyframes slide-down-bounce{0%{opacity:0;top:-100px}to{opacity:1;top:76px}}.w-full{width:100%}.flex-1{flex:1}.text-left{text-align:left}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.py-1{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-out mp-fade-in}@keyframes mp-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.btn-neon,.btn-amber{position:relative;overflow:hidden}.btn-neon:after,.btn-amber:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff73,#0000);width:45%;height:100%;transition:none;position:absolute;top:0;left:-60%;transform:skew(-18deg)}.btn-neon:after{animation:4.5s ease-in-out infinite btn-shine}.btn-amber:after{animation:4.5s ease-in-out 1.2s infinite btn-shine}.btn-neon:hover:after,.btn-amber:hover:after{animation:.7s ease-out btn-shine-once}@keyframes btn-shine{0%,65%{left:-60%}80%,to{left:130%}}@keyframes btn-shine-once{0%{left:-60%}to{left:130%}}.btn-neon:active,.btn-amber:active,.btn-outline:active{transform:translateY(1px)scale(.98)}@media (prefers-reduced-motion:reduce){.btn-neon:after,.btn-amber:after{opacity:0;animation:none}}.ip-frame.ip-frame-epic,.ip-frame.ip-frame-legendary,.ip-frame.ip-frame-mythic{box-shadow:0 0 16px var(--frame-color,var(--rarity-glow));position:relative;overflow:hidden;border-color:#0000!important}.ip-frame.ip-frame-epic:before,.ip-frame.ip-frame-legendary:before,.ip-frame.ip-frame-mythic:before{content:"";background:conic-gradient(from 0deg, transparent 0%, var(--frame-color) 25%, transparent 50%, var(--frame-color) 75%, transparent 100%);z-index:1;border-radius:50%;width:200%;height:200%;animation:3s linear infinite frame-spin;position:absolute;top:-50%;left:-50%}.ip-frame-inner{z-index:2;background:#14151a;border-radius:50%;justify-content:center;align-items:center;width:calc(100% - 4px);height:calc(100% - 4px);display:flex;position:relative}@keyframes frame-spin{to{transform:rotate(360deg)}}.profile-avatar-large.ip-frame-epic,.profile-avatar-large.ip-frame-legendary,.profile-avatar-large.ip-frame-mythic{box-shadow:0 0 24px var(--frame-color,var(--rarity-glow));position:relative;overflow:hidden;border-color:#0000!important}.profile-avatar-large.ip-frame-epic:before,.profile-avatar-large.ip-frame-legendary:before,.profile-avatar-large.ip-frame-mythic:before{content:"";background:conic-gradient(from 0deg, transparent 0%, var(--frame-color) 25%, transparent 50%, var(--frame-color) 75%, transparent 100%);z-index:1;border-radius:50%;width:200%;height:200%;animation:3.5s linear infinite frame-spin;position:absolute;top:-50%;left:-50%}.ip-avatar-anim-avatar_34{animation:2.5s ease-in-out infinite avatar-float,1.5s ease-in-out infinite alternate phoenix-fire}.ip-avatar-anim-avatar_32{animation:3s ease-in-out infinite avatar-float,2s ease-in-out infinite alternate devil-glow}.ip-avatar-anim-avatar_33{animation:4s ease-in-out infinite reaper-shake,2s ease-in-out infinite alternate reaper-glow}.ip-avatar-anim-avatar_35{animation:2s steps(4,end) infinite cyber-pulse}.ip-avatar-anim-avatar_29{animation:3s ease-in-out infinite skull-lord-shake}@keyframes avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes phoenix-fire{0%{filter:drop-shadow(0 0 2px #ff4500)drop-shadow(0 0 8px red)}to{filter:drop-shadow(0 0 8px #f80)drop-shadow(0 0 20px #ff4500)}}@keyframes devil-glow{0%{filter:drop-shadow(0 0 2px #ff2e54)}to{filter:drop-shadow(0 0 10px #ff2e54)drop-shadow(0 0 15px #800010)}}@keyframes reaper-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes reaper-glow{0%{filter:drop-shadow(0 0 1px #a855f7)}to{filter:drop-shadow(0 0 8px #a855f7)drop-shadow(0 0 14px #5d2fa8)}}@keyframes cyber-pulse{0%,to{filter:drop-shadow(0 0 2px #00f0ff)opacity()}50%{filter:drop-shadow(0 0 6px #00f0ff) opacity(.85) skewX(2deg)}}@keyframes skull-lord-shake{0%,to{transform:scale(1)}50%{transform:scale(1.08)rotate(2deg)}}.title-rarity-epic{background:linear-gradient(90deg,#bf5eff,#ff5edb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800;box-shadow:0 0 8px #bf5eff40;border-color:#bf5eff66!important}.title-rarity-legendary{background:linear-gradient(90deg,gold,#ffb800,#ff7a00);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;animation:1.5s ease-in-out infinite alternate title-legendary-pulse;box-shadow:0 0 12px #ffb80059;border-color:#ffb80066!important}.title-rarity-mythic{background:linear-gradient(90deg,#ff2e54,#ff5edb,#00f0ff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;animation:3s linear infinite title-mythic-flow;box-shadow:0 0 14px #ff2e5466;border-color:#ff2e5480!important}@keyframes title-legendary-pulse{0%{filter:drop-shadow(0 0 1px #ffb80080)}to{filter:drop-shadow(0 0 5px #ffb800cc)}}@keyframes title-mythic-flow{0%{filter:drop-shadow(0 0 2px #ff2e5480);background-position:0%}50%{filter:drop-shadow(0 0 4px #00f0ff99);background-position:100%}to{filter:drop-shadow(0 0 2px #ff2e5480);background-position:0%}}.ip-bg-anim-bg_13{animation:8s infinite alternate bg-cosmic-flow;background-size:200% 200%!important}.ip-bg-anim-bg_14{animation:6s infinite alternate bg-inferno-flow;background-size:180% 180%!important}.ip-bg-anim-bg_12{animation:4s ease-in-out infinite alternate bg-blood-pulse}@keyframes bg-cosmic-flow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes bg-inferno-flow{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}@keyframes bg-blood-pulse{0%{filter:brightness(.9)contrast()}to{filter:brightness(1.15)contrast(1.1)}}.name-color-anim-name_10{background:linear-gradient(90deg,#ff2e54,#ffb800,#00f0ff,#bf5eff,#ff2e54) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:3.5s linear infinite rainbow-name-flow;filter:drop-shadow(0 0 3px #ff2e5466)!important}.name-color-anim-name_11{animation:1.8s ease-in-out infinite alternate cyber-glow-pulse}.name-color-anim-name_8{background:linear-gradient(90deg,#ffe066,#ffb800,#ffe066) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:3s linear infinite gold-shine}@keyframes rainbow-name-flow{0%{background-position:0%}to{background-position:300%}}@keyframes cyber-glow-pulse{0%{filter:drop-shadow(0 0 1px #00ffe0)}to{filter:drop-shadow(0 0 6px #00ffe0)drop-shadow(0 0 10px #00ffe0)}}@keyframes gold-shine{0%{background-position:0%}to{background-position:200%}}.ip-emote-anim-emote_0{animation:1.5s ease-in-out infinite emote-laugh}.ip-emote-anim-emote_1{animation:2s ease-in-out infinite emote-cry}.ip-emote-anim-emote_7{animation:2.5s ease-in-out infinite emote-mindblown}.ip-emote-anim-emote_10{animation:.8s ease-in-out infinite alternate emote-fire}.ip-emote-anim-emote_9{animation:3s ease-in-out infinite avatar-float}@keyframes emote-laugh{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-6px)rotate(-8deg)}75%{transform:translateY(-6px)rotate(8deg)}}@keyframes emote-cry{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes emote-mindblown{0%,to{filter:blur();transform:scale(1)}50%{filter:blur(.5px);transform:scale(1.15)}}@keyframes emote-fire{0%{filter:drop-shadow(0 0 2px #ff4500);transform:skew(-3deg)scale(.96)}to{filter:drop-shadow(0 0 8px #fa0);transform:skew(3deg)scale(1.04)}}.profile-avatar-large .ip-frame-inner{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-avatar-large.ip-frame-epic .ip-frame-inner,.profile-avatar-large.ip-frame-legendary .ip-frame-inner,.profile-avatar-large.ip-frame-mythic .ip-frame-inner{background:#14151a;width:calc(100% - 6px);height:calc(100% - 6px)}@property --fx-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.fx-flame{transform-origin:bottom;will-change:transform, filter;animation:1.6s ease-in-out infinite fx-flame-flicker}@keyframes fx-flame-flicker{0%,to{filter:drop-shadow(0 0 4px var(--amber-glow,#ffb80088)) brightness(1);transform:scale(1)rotate(-1deg)}25%{filter:drop-shadow(0 0 9px var(--amber-glow,#ffb80088)) brightness(1.25);transform:scale(1.08,1.14)rotate(1.5deg)}50%{filter:drop-shadow(0 0 6px var(--amber-glow,#ffb80088)) brightness(1.1);transform:scale(.95,1.05)rotate(-2deg)}75%{filter:drop-shadow(0 0 11px var(--amber-glow,#ffb80088)) brightness(1.3);transform:scale(1.06,1.1)rotate(2deg)}}.fx-frame{isolation:isolate;position:relative}.fx-frame:before{content:"";border-radius:inherit;background:conic-gradient(from var(--fx-angle), transparent 0%, var(--fx-c1,#ffb800) 12%, transparent 32%, transparent 62%, var(--fx-c2,#00f0ff) 78%, transparent 96%);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:1.5px;animation:8s linear infinite fx-frame-rotate;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes fx-frame-rotate{to{--fx-angle:360deg}}.fx-frame-amber{--fx-c1:#ffb800;--fx-c2:#ff7a1a}.fx-frame-crimson{--fx-c1:#ff2e54;--fx-c2:#ff8aa0}.fx-frame-cyan{--fx-c1:#00f0ff;--fx-c2:#7c9cff}.fx-frame-gold{--fx-c1:#ffd45e;--fx-c2:#ffb800}.fx-frame-fast:before{animation-duration:2.4s}.fx-pulse{will-change:transform, filter;animation:2.2s ease-in-out infinite fx-pulse}@keyframes fx-pulse{0%,to{filter:drop-shadow(0 0 3px);transform:scale(1)}50%{filter:drop-shadow(0 0 8px);transform:scale(1.12)}}.fx-float{animation:3s ease-in-out infinite fx-float}@keyframes fx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.fx-breathe{animation:2.6s ease-in-out infinite fx-breathe}@keyframes fx-breathe{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.fx-spin-slow{animation:9s linear infinite fx-spin-slow}@keyframes fx-spin-slow{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.fx-flame,.fx-pulse,.fx-float,.fx-breathe,.fx-spin-slow,.fx-frame:before{animation:none!important}}.hud-container{z-index:100;background:linear-gradient(#181a22f7 0%,#0d0e12f5 100%);border:none;border-bottom:1.5px solid #ffffff0f;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 6px 30px #00000080,inset 0 1px #ffffff0f}.hud-container:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#ff2e5480,#ffb80073,#0000);border-radius:2px;height:1.5px;position:absolute;bottom:0;left:10%;right:10%}.hud-profile{flex:1;align-items:center;gap:12px;display:flex}.hud-avatar-wrapper{background:radial-gradient(circle at 50% 35%,#ffffff14,#14151ce6);border:2px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:2px;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 1px 2px #ffffff1f,0 3px 8px #00000080}.hud-avatar-wrapper.frame-crimson{border-color:var(--crimson);box-shadow:0 0 10px var(--crimson-glow);background:linear-gradient(135deg, var(--crimson), transparent)}.hud-avatar-wrapper.frame-cyan{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow);background:linear-gradient(135deg, var(--cyan), transparent)}.hud-avatar-wrapper.frame-gold{border-color:var(--amber);box-shadow:0 0 10px var(--amber-glow);background:linear-gradient(135deg, var(--amber), transparent)}.hud-avatar{width:100%;height:100%;color:var(--text-secondary);background:#1c1d24;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.hud-avatar-emoji{font-size:20px;line-height:1}.hud-avatar-photo{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-icon{opacity:.8}.hud-rank-row{align-items:center;display:flex}.hud-rank{letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:800}.hud-level-badge{color:#fff;font-family:var(--font-title);border:1px solid var(--bg-deep);background:#ff2e54;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 5px #00000080}.hud-user-details{flex-direction:column;gap:4px;max-width:130px;display:flex}.hud-username{font-family:var(--font-title);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.hud-xp-container{background:#ffffff0d;border-radius:3px;width:100px;height:6px;position:relative;overflow:visible}.hud-xp-bar{background:linear-gradient(180deg, #ff6b85 0%, var(--crimson) 55%, var(--crimson-dim) 100%);height:100%;box-shadow:0 0 6px var(--crimson-glow), inset 0 1px 0 #fff6;border-radius:3px;transition:width .4s ease-out}.hud-xp-text{color:var(--text-muted);letter-spacing:.3px;font-size:8px;font-weight:600;position:absolute;top:8px;left:0}.hud-currencies{gap:8px;display:flex}.currency-pill{background:linear-gradient(#282a34e6,#12131af2);border:1px solid #ffffff17;border-radius:20px;align-items:center;gap:6px;height:30px;padding:6px 11px;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 2px 6px #00000059}.currency-pill:active{transform:scale(.96)}.currency-pill:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a,#0000);border-radius:20px 20px 50% 50%;height:45%;position:absolute;top:0;left:0;right:0}.icon-coin{color:var(--amber);filter:drop-shadow(0 0 4px var(--amber-glow))}.icon-gem{color:var(--cyan);filter:drop-shadow(0 0 4px var(--cyan-glow))}.currency-value{font-family:var(--font-title);color:var(--text-primary);letter-spacing:.2px;text-shadow:0 1px 2px #00000080;z-index:1;font-size:12px;font-weight:800;position:relative}.currency-bump{animation:.5s cubic-bezier(.16,1,.3,1) currency-bump}@keyframes currency-bump{0%{transform:scale(1)}35%{transform:scale(1.18);box-shadow:0 0 14px #ffb80080}to{transform:scale(1)}}.hud-xp-bar{position:relative;overflow:hidden}.hud-xp-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:2.6s ease-in-out infinite hud-xp-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes hud-xp-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(200%)}}@media (prefers-reduced-motion:reduce){.currency-bump{animation:none}.hud-xp-bar:after{opacity:0;animation:none}}.navbar-container{padding:10px 6px calc(14px + env(safe-area-inset-bottom,10px));z-index:100;background:linear-gradient(#191a22 0%,#101118 100%);border-top:1.5px solid #ffffff14;border-radius:20px 20px 0 0;justify-content:space-around;align-items:flex-end;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px #0000008c,inset 0 2px #ffffff0f}.navbar-container:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#ff2e5499,#ffb80080,#0000);border-radius:2px;height:2px;position:absolute;top:-1.5px;left:12%;right:12%}.nav-item-btn{cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:5px;width:60px;padding:2px 0;display:flex;position:relative}.nav-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:46px;height:36px;transition:background .25s,box-shadow .25s;display:flex;position:relative}.nav-icon-inner{justify-content:center;align-items:center;display:flex}.nav-icon{color:var(--text-muted);transition:color .2s,filter .2s}.nav-label{letter-spacing:.2px;color:var(--text-muted);font-size:10px;font-weight:700;transition:color .2s,text-shadow .2s}.nav-item-btn.active .nav-icon-wrapper{background:linear-gradient(160deg,#ff466b,#d11f3e);animation:.32s cubic-bezier(.34,1.56,.64,1) nav-pill-pop;box-shadow:0 6px 16px #ff2e5480,inset 0 1px #ffffff59,inset 0 -3px 6px #00000040}.nav-item-btn.active .nav-icon{color:#fff;filter:drop-shadow(0 1px 3px #0006)}.nav-item-btn.active .nav-label{color:#fff;text-shadow:0 0 10px #ff2e5499}@keyframes nav-pill-pop{0%{opacity:.4;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.nav-item-btn.active .nav-icon-wrapper{animation:none}}.ach-toaster{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,380px);display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.ach-toast{background:linear-gradient(135deg,#1e1a0af5,#14121af5);border:1px solid #ffb8008c;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 8px 28px #00000080,0 0 20px #ffb80040}.ach-toast-icon{filter:drop-shadow(0 0 8px #ffb80099);font-size:28px;line-height:1}.ach-toast-body{flex-direction:column;flex:1;min-width:0;display:flex}.ach-toast-title{color:#ffb800;letter-spacing:.5px;font-size:12px}.ach-toast-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ach-toast-reward{color:#ffd45e;white-space:nowrap;font-size:13px}.ambient-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,#ff3c5a0f,#0000 55%),radial-gradient(100% 70% at 50% 110%,#00f0ff0d,#0000 55%);width:100%;max-width:480px;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.ambient-spotlight{clip-path:polygon(40% 0%,60% 0%,100% 100%,0% 100%);filter:blur(14px);opacity:.7;transform-origin:50% 0;will-change:transform, opacity;background:linear-gradient(#ffe0c229 0%,#ffd8b814 32%,#ffd2af08 62%,#0000 88%);width:78%;height:78%;animation:15s ease-in-out infinite spotlight-sway;position:absolute;top:-6%;left:50%;transform:translate(-50%)}@keyframes spotlight-sway{0%,to{opacity:.55;transform:translate(-50%)rotate(-3.5deg)}50%{opacity:.85;transform:translate(-50%)rotate(3.5deg)}}.ambient-blob{filter:blur(30px);opacity:.32;will-change:transform;border-radius:50%;position:absolute}.ambient-blob-crimson{background:radial-gradient(circle,#ff2e5499,#0000 70%);width:340px;height:340px;animation:26s ease-in-out infinite ambient-drift-a;top:-90px;left:-70px}.ambient-blob-cyan{background:radial-gradient(circle,#00f0ff6b,#0000 70%);width:300px;height:300px;animation:32s ease-in-out infinite ambient-drift-b;bottom:30px;right:-80px}.ambient-blob-amber{opacity:.2;background:radial-gradient(circle,#ffb8005c,#0000 70%);width:260px;height:260px;animation:38s ease-in-out infinite ambient-drift-c;top:42%;left:28%}@keyframes ambient-drift-a{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,40px)scale(1.12)}66%{transform:translate(20px,90px)scale(.95)}}@keyframes ambient-drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,-60px)scale(1.15)}}@keyframes ambient-drift-c{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-40px,30px)scale(1.1)}75%{transform:translate(40px,-20px)scale(.9)}}.ambient-fog{filter:blur(16px);will-change:transform;background:radial-gradient(60% 100%,#7882a014,#0000 70%);width:160%;height:300px;position:absolute;left:-30%}.ambient-fog-1{animation:40s linear infinite fog-drift-1;bottom:8%}.ambient-fog-2{opacity:.6;animation:55s linear infinite fog-drift-2;top:20%}@keyframes fog-drift-1{0%{transform:translate(-12%)}50%{transform:translate(12%)}to{transform:translate(-12%)}}@keyframes fog-drift-2{0%{transform:translate(10%)}50%{transform:translate(-10%)}to{transform:translate(10%)}}.ambient-particles{position:absolute;inset:0}.ambient-dot{opacity:0;will-change:transform, opacity;border-radius:50%;animation-name:ambient-rise;animation-timing-function:ease-in;animation-iteration-count:infinite;position:absolute;bottom:-10px}.ambient-dot.dot-warm{background:radial-gradient(circle,#ffe1bef2,#ffb80040);box-shadow:0 0 7px #ffc87899}.ambient-dot.dot-cool{background:radial-gradient(circle,#c8faffe6,#00f0ff33);box-shadow:0 0 7px #78e6ff80}@keyframes ambient-rise{0%{opacity:0;transform:translate(0)scale(.6)}10%{opacity:.8}90%{opacity:.55}to{transform:translate(var(--drift,0), -100vh) scale(1.1);opacity:0}}.ambient-vignette{background:radial-gradient(#0000 42%,#00000080 88%,#000000b8 100%);position:absolute;inset:0}.ambient-grain{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:-50%}@media (prefers-reduced-motion:reduce){.ambient-blob,.ambient-dot,.ambient-fog,.ambient-spotlight{animation:none!important}.ambient-dot{opacity:.3}}.onboarding-backdrop{z-index:999998;pointer-events:auto;background:0 0;position:fixed;inset:0}.onboarding-spotlight-overlay{z-index:999999;pointer-events:none;border:2px solid var(--cyan);box-sizing:border-box;filter:drop-shadow(0 0 10px var(--cyan-glow));border-radius:12px;transition:all .35s cubic-bezier(.25,1,.5,1);position:fixed;box-shadow:0 0 0 99999px #040508d1}.onboarding-hand-pointer{z-index:1000001;pointer-events:none;filter:drop-shadow(0 4px 6px #0009)drop-shadow(0 0 10px #00f0ff99);font-size:34px;transition:all .35s cubic-bezier(.25,1,.5,1);animation:.8s ease-in-out infinite alternate onboarding-pointer-bounce;position:fixed}@keyframes onboarding-pointer-bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.05)}}.onboarding-tooltip-card{z-index:1000000;-webkit-backdrop-filter:blur(14px);text-align:left;box-sizing:border-box;background:linear-gradient(#1e2028f2,#0c0d12fa);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:12px;width:min(90vw,330px);padding:18px;transition:all .35s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;box-shadow:0 12px 32px #000c,inset 0 1px #ffffff14,0 0 20px #00f0ff1f}.onboarding-tooltip-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);border-radius:2px;height:2px;position:absolute;top:0;left:20px;right:20px}.onboarding-header{justify-content:space-between;align-items:center;display:flex}.onboarding-title{color:#fff;letter-spacing:.3px;text-shadow:0 2px 4px #00000080;font-size:16px;font-weight:800}.onboarding-progress{color:var(--cyan);letter-spacing:.5px;background:#00f0ff1f;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:800}.onboarding-body{color:var(--text-secondary);font-size:13px;line-height:1.5}.onboarding-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.onboarding-btn-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:color .2s}.onboarding-btn-skip:hover{color:var(--crimson)}.onboarding-btn-next{color:#020b10;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#00a8ff 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 3px 12px #00f0ff4d}.onboarding-btn-next:hover{filter:brightness(1.1);transform:translateY(-1px)}.onboarding-btn-next:active{transform:translateY(0)}.onboarding-tooltip-card-arrow{pointer-events:none;border-style:solid;width:0;height:0;position:absolute}.onboarding-tooltip-card-arrow.arrow-top{border-width:0 8px 8px;border-color:#0000 #0000 #1e2028f2;top:-8px;left:calc(50% - 8px)}.onboarding-tooltip-card-arrow.arrow-bottom{border-width:8px 8px 0;border-color:#0c0d12fa #0000 #0000;bottom:-8px;left:calc(50% - 8px)}