@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f4ff;background-color:#050508;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(255,90,162,.1),transparent 55%),#050508;color:inherit;position:relative}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");opacity:.6;mix-blend-mode:soft-light;z-index:1}::selection{background:#ff5da259;color:#fff}#root{min-height:100vh;position:relative;z-index:2}button,input,textarea{font-family:inherit}._hud_1t53a_1{display:flex;flex-direction:column;gap:1rem}._turnRibbon_1t53a_7{align-self:center;padding:.5rem 1.8rem;border-radius:999px;font-weight:700;letter-spacing:.3em;font-size:.85rem;text-transform:uppercase;animation:_slide-banner_1t53a_1 .4s ease}@keyframes _slide-banner_1t53a_1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}._turnRibbon_1t53a_7._your_1t53a_29{background:#4ecdc426;border:1px solid rgba(78,205,196,.4);color:#4ecdc4}._turnRibbon_1t53a_7._enemy_1t53a_35{background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);color:#ff6b6b}._cardGrid_1t53a_41{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}._skillCard_1t53a_47{border:2px solid rgba(255,255,255,.12);border-radius:1rem;background:#080812cc;padding:1rem;min-height:160px;cursor:pointer;transition:all .25s ease;text-align:left;color:#fff;font-family:Space Grotesk,system-ui,sans-serif;position:relative}._skillCard_1t53a_47:hover:not(:disabled){border-color:#ffffff4d;box-shadow:0 0 20px #ffffff26;transform:translateY(-4px)}._skillCard_1t53a_47._attack_1t53a_67{border-color:#ff4c4cbf}._skillCard_1t53a_47._attack_1t53a_67:hover:not(:disabled){box-shadow:0 0 20px #ff4c4c73}._skillCard_1t53a_47._defend_1t53a_75{border-color:#00e5ffbf}._skillCard_1t53a_47._defend_1t53a_75:hover:not(:disabled){box-shadow:0 0 20px #00e5ff73}._skillCard_1t53a_47._chaos_1t53a_83{border-color:#a855f7bf}._skillCard_1t53a_47._chaos_1t53a_83:hover:not(:disabled){box-shadow:0 0 20px #a855f773}._skillCard_1t53a_47._special_1t53a_91{border-color:#ffd047bf}._skillCard_1t53a_47._special_1t53a_91:hover:not(:disabled){box-shadow:0 0 20px #ffd04773}._skillCard_1t53a_47._disabled_1t53a_99{opacity:.45;cursor:not-allowed;filter:grayscale(1)}._skillCard_1t53a_47._noEnergy_1t53a_105:after{content:attr(data-tooltip);position:absolute;top:-28px;left:50%;transform:translate(-50%);background:#ff6b6b33;border:1px solid rgba(255,107,107,.5);color:#ff6b6b;padding:.35rem .8rem;border-radius:.5rem;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}._skillCard_1t53a_47._noEnergy_1t53a_105:hover:after{opacity:1}._cardHeader_1t53a_127{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}._icon_1t53a_134{font-size:1.5rem}._cardHeader_1t53a_127 strong{font-weight:700;font-size:.95rem}._description_1t53a_143{font-size:.85rem;color:#ffffffb3;margin:.4rem 0;line-height:1.3}._cardFooter_1t53a_150{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}._damage_1t53a_158{font-weight:600;font-size:.85rem}._cost_1t53a_163{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#fff9}@media(max-width:768px){._cardGrid_1t53a_41{grid-template-columns:repeat(2,minmax(0,1fr))}._skillCard_1t53a_47{min-height:170px;padding:.9rem}}@media(max-width:520px){._cardGrid_1t53a_41{grid-template-columns:1fr}}._introShell_ezjjx_1{position:relative;width:100%;min-height:420px;padding:2.5rem 2rem;border-radius:2rem;background:radial-gradient(circle at top,#151533,#05050b 70%);border:1px solid rgba(111,137,255,.35);box-shadow:0 30px 60px #00000080;overflow:hidden;color:#f2f5ff}._lightBeam_ezjjx_14{position:absolute;inset:0;background:radial-gradient(circle,rgba(98,135,255,.35),transparent 60%);filter:blur(40px);animation:_beamPulse_ezjjx_1 3s infinite}@keyframes _beamPulse_ezjjx_1{0%,to{opacity:.35}50%{opacity:.65}}._fightersRow_ezjjx_32{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:center;z-index:1}._fighterCard_ezjjx_41{position:relative;padding:1.4rem;border-radius:1.25rem;background:#0a0d22eb;border:1px solid rgba(255,255,255,.08);text-align:center;overflow:hidden;animation:_zoomIn_ezjjx_1 .7s ease-out both}._fighterAura_ezjjx_52{position:absolute;inset:0;opacity:.65;animation:_auraPulse_ezjjx_1 2.2s ease-in-out infinite}@keyframes _auraPulse_ezjjx_1{0%,to{transform:scale(.9);opacity:.35}50%{transform:scale(1.1);opacity:.8}}._fighterBody_ezjjx_71{position:relative;z-index:1}._fighterPortrait_ezjjx_76{width:110px;height:110px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;font-weight:700;color:#03040c;box-shadow:0 15px 40px #0006}._fighterBody_ezjjx_71 h2{margin:0;font-size:1.4rem;text-transform:uppercase;letter-spacing:.2em}._traitBadge_ezjjx_96{display:inline-flex;align-items:center;justify-content:center;padding:.25rem 1.1rem;border-radius:999px;border:1px solid currentColor;margin:.75rem 0 1rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}._statGrid_ezjjx_109{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;font-size:.9rem;text-transform:uppercase}._statGrid_ezjjx_109 small{display:block;opacity:.65;letter-spacing:.2em}._statGrid_ezjjx_109 strong{font-size:1.1rem}._vsBlock_ezjjx_127{justify-self:center;width:180px;height:180px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:grid;place-items:center;font-size:2.6rem;font-weight:700;letter-spacing:.6em;animation:_spinGlow_ezjjx_1 1.4s linear infinite}@keyframes _spinGlow_ezjjx_1{0%{box-shadow:0 0 #ffffff40}50%{box-shadow:0 0 40px #ffffff59}to{box-shadow:0 0 #ffffff40}}._countdown_ezjjx_153{position:relative;z-index:1;margin-top:2rem;text-align:center;font-size:4rem;font-weight:800;letter-spacing:.3em;animation:_countdownPop_ezjjx_1 .9s ease-in-out infinite}@keyframes _countdownPop_ezjjx_1{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}._skipText_ezjjx_174{position:relative;z-index:1;text-align:center;margin-top:.5rem;font-size:.85rem;opacity:.55}@keyframes _zoomIn_ezjjx_1{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}._victoryShell_jkeh6_1{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,182,71,.15),transparent 60%),radial-gradient(circle at 20% 20%,rgba(255,93,162,.08),transparent 50%),#05050af2}._defeatedShell_jkeh6_14{background:radial-gradient(circle at 50% 50%,rgba(96,122,144,.2),transparent 65%),radial-gradient(circle at 80% 20%,rgba(114,137,218,.12),transparent 55%),#05050af2}._confetti_jkeh6_20{position:fixed;width:8px;height:8px;border-radius:50%;opacity:.8;animation:_confetti-fall_jkeh6_1 linear infinite;will-change:transform,opacity}@keyframes _confetti-fall_jkeh6_1{0%{opacity:1;transform:translateY(-100vh) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}._spotlight_jkeh6_41{position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,211,45,.3),transparent 70%);border-radius:999px;filter:blur(40px);animation:_spotlight-pulse_jkeh6_1 3s ease-in-out infinite}._winnerSpotlight_jkeh6_54{position:absolute;left:14%;top:-30%;width:44%;height:160%;background:linear-gradient(180deg,#ffd32d54,#ffd32d05);clip-path:polygon(38% 0,62% 0,100% 100%,0% 100%);filter:blur(12px)}._loserDim_jkeh6_65{position:absolute;right:0;top:0;width:45%;height:100%;background:#00000073;-webkit-backdrop-filter:grayscale(.8);backdrop-filter:grayscale(.8)}@keyframes _spotlight-pulse_jkeh6_1{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}._victoryContent_jkeh6_87{position:relative;z-index:2;text-align:center;max-width:720px;padding:2rem clamp(1rem,4vw,3rem);animation:_fade-in-up_jkeh6_1 .6s ease}@keyframes _fade-in-up_jkeh6_1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}._avatarCanvas_jkeh6_107{width:240px;height:240px;margin:0 auto 1.5rem;border-radius:2rem;border:2px solid rgba(255,211,45,.3);overflow:hidden;box-shadow:0 0 40px #ffd32d40;animation:_glow-border_jkeh6_1 2s ease-in-out infinite}@keyframes _glow-border_jkeh6_1{0%,to{box-shadow:0 0 40px #ffd32d40}50%{box-shadow:0 0 60px #ffd32d66}}._avatarCanvas_jkeh6_107 canvas{width:100%!important;height:100%!important}._victoryText_jkeh6_133{margin-bottom:2rem}._verdict_jkeh6_137{letter-spacing:.5em;font-size:.95rem;text-transform:uppercase;color:#ffd166;margin:0 0 .75rem}._headline_jkeh6_145{font-size:clamp(2.8rem,8vw,5rem);margin:0 0 .5rem;line-height:.95;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(120deg,#fff,#ffd166,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._defeatedVerdict_jkeh6_157{color:#8db8ff}._defeatedHeadline_jkeh6_161{background:linear-gradient(120deg,#fff,#8db8ff,#6ec6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._subtext_jkeh6_168{font-size:1.2rem;color:#ffffffbf;margin:0}._statusTag_jkeh6_174{margin:.75rem auto 0;width:fit-content;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(255,209,102,.45);color:#ffd166;letter-spacing:.12em;font-size:.75rem;font-weight:700}._statsGrid_jkeh6_186{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}._statBox_jkeh6_193{padding:1.25rem;border-radius:1rem;background:#080812cc;border:1px solid rgba(255,211,45,.2)}._statLabel_jkeh6_200{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9;margin:0 0 .5rem}._statValue_jkeh6_208{font-size:2rem;font-weight:700;color:#ffd166;margin:0}._mvpSection_jkeh6_215{padding:1.5rem;border-radius:1.2rem;background:#ffd32d14;border:1px solid rgba(255,211,45,.2);margin-bottom:1.5rem}._mvpLabel_jkeh6_223{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#ffd32dcc;margin:0 0 .5rem}._mvpSkill_jkeh6_231{font-size:1.8rem;font-weight:700;color:#ffd166;margin:0 0 .4rem}._mvpDamage_jkeh6_238{font-size:.95rem;color:#ffffffb3;margin:0}._shareBtn_jkeh6_244{margin-bottom:1.5rem;padding:.85rem 2rem;border-radius:999px;border:1px solid rgba(255,211,45,.4);background:#ffd32d1a;color:#ffd166;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s ease}._shareBtn_jkeh6_244:hover{background:#ffd32d33;box-shadow:0 0 20px #ffd32d4d}._actions_jkeh6_262{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}._actionBtn_jkeh6_269{padding:.9rem 1.8rem;border-radius:999px;border:none;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .25s ease}._actionBtn_jkeh6_269._primary_jkeh6_281{background:linear-gradient(120deg,#ff5da2,#ffb347);color:#fff;box-shadow:0 10px 30px #ff5da24d}._actionBtn_jkeh6_269._primary_jkeh6_281:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ff5da273}._actionBtn_jkeh6_269._secondary_jkeh6_292{background:#4ecdc426;border:1px solid rgba(78,205,196,.4);color:#4ecdc4}._actionBtn_jkeh6_269._secondary_jkeh6_292:hover{background:#4ecdc440;box-shadow:0 0 20px #4ecdc44d}._actionBtn_jkeh6_269._tertiary_jkeh6_303{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fffc}._actionBtn_jkeh6_269._tertiary_jkeh6_303:hover{background:#ffffff26}._rewardsSection_jkeh6_313{padding:1rem 1.2rem;margin:0 0 1.4rem;border-radius:1rem;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;animation:_fade-in-up_jkeh6_1 .45s ease}._rewardsTitle_jkeh6_322{margin:0;letter-spacing:.3em;font-size:.72rem;color:#ffffffbf}._rewardsXp_jkeh6_329{margin:.35rem 0 .5rem;font-size:1.5rem;font-weight:700;color:#7dffcb;animation:_reward-pop_jkeh6_1 .55s ease}._rewardsBar_jkeh6_337{height:8px;border-radius:999px;background:#ffffff26;overflow:hidden}._rewardsFill_jkeh6_344{height:100%;background:linear-gradient(90deg,#4ecdc4,#29d3ff)}._rewardsMeta_jkeh6_349{margin:.55rem 0 0;font-size:.82rem;color:#ffffffbf}._levelUpText_jkeh6_355{margin:.6rem 0 0;color:#ffd166;font-weight:700;text-shadow:0 0 16px rgba(255,209,102,.55)}@keyframes _reward-pop_jkeh6_1{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:600px){._victoryContent_jkeh6_87{padding:1.5rem 1rem}._headline_jkeh6_145{font-size:2.5rem}._actions_jkeh6_262{flex-direction:column}._actionBtn_jkeh6_269{width:100%}}.bm-overlay{position:fixed;inset:0;z-index:9999;background:#030306eb;display:flex;align-items:center;justify-content:center;animation:bm-fade-in .3s ease}@keyframes bm-fade-in{0%{opacity:0}to{opacity:1}}.bm-cutscene-overlay{background:#030306}.bm-cutscene{position:relative;width:min(1100px,95vw);height:min(420px,70vh);display:grid;align-items:center;grid-template-columns:1fr auto 1fr;overflow:hidden;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 50%),#020204}.bm-cutscene-name{font-size:clamp(2.4rem,7vw,5.8rem);font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--fighter-color);text-shadow:0 0 28px color-mix(in srgb,var(--fighter-color) 70%,#fff)}.bm-cutscene-name.left{animation:bm-slam-left .65s cubic-bezier(.18,.89,.23,1.24) both;text-align:right}.bm-cutscene-name.right{animation:bm-slam-right .65s cubic-bezier(.18,.89,.23,1.24) both;text-align:left}.bm-cutscene-vs{font-size:clamp(3.6rem,12vw,8rem);color:#fff;font-weight:900;margin:0 2rem;text-shadow:0 0 35px #fff;animation:bm-vs-pulse .9s ease-in-out infinite}.bm-cutscene-lightning{position:absolute;left:50%;top:10%;width:3px;height:80%;background:linear-gradient(180deg,transparent,#9be7ff,#fff,transparent);filter:blur(.3px);transform:translate(-50%) rotate(12deg);opacity:.8;animation:bm-zap .35s steps(2) infinite}.bm-cutscene-lightning.second{transform:translate(-50%) rotate(-8deg);animation-delay:.16s;opacity:.5}.bm-cutscene-flash{position:absolute;inset:0;background:#fff;opacity:0}.bm-cutscene.flash-out .bm-cutscene-flash{animation:bm-flash-out .45s ease forwards}@keyframes bm-slam-left{0%{transform:translate(-120%) skew(16deg);opacity:0}to{transform:translate(0) skew(0);opacity:1}}@keyframes bm-slam-right{0%{transform:translate(120%) skew(-16deg);opacity:0}to{transform:translate(0) skew(0);opacity:1}}@keyframes bm-vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}@keyframes bm-zap{0%,to{opacity:.15}50%{opacity:1}}@keyframes bm-flash-out{0%{opacity:0}30%{opacity:1}to{opacity:0}}.bm-select{text-align:center;max-width:900px;width:100%;padding:2rem}.bm-select h2{font-size:2.4rem;margin-bottom:.35rem}.bm-sub{color:#ffffffb3;margin-bottom:2rem}.bm-roster{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.bm-card{background:#0c0c12e6;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem 1rem;width:150px;cursor:pointer;transition:border .25s ease,transform .25s ease,box-shadow .25s ease;position:relative;text-align:center}.bm-card:hover{transform:translateY(-4px);border-color:#ffffff40}.bm-card.selected-1{border-color:#ff6b6b!important;box-shadow:0 0 25px #ff6b6b66}.bm-card.selected-2{border-color:#4ecdc4!important;box-shadow:0 0 25px #4ecdc466}.bm-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto .75rem;display:grid;place-items:center;font-size:1.4rem;font-weight:700}.bm-name{font-weight:600;font-size:1.1rem}.bm-traits{font-size:.8rem;text-transform:capitalize;color:#fff9}.bm-badge{position:absolute;top:-10px;right:-10px;background:#ff6b6b;color:#000;font-weight:700;border-radius:8px;padding:2px 8px;font-size:.7rem}.bm-badge-2{background:#4ecdc4}.bm-actions{display:flex;gap:1rem;justify-content:center}.bm-btn{padding:.85rem 2.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;border:none;text-transform:uppercase}.bm-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.bm-btn.primary:disabled{opacity:.4;cursor:not-allowed}.bm-btn.secondary{background:#ffffff14;color:#fffc}.bm-fight{width:min(1200px,95vw);min-height:60vh;padding:2rem;background:linear-gradient(110deg,color-mix(in srgb,#ff2e8a calc(var(--battle-flow, .5) * 40%),#0b0f24),#05050e 45%,color-mix(in srgb,#22d3ee calc((1 - var(--battle-flow, .5)) * 40%),#0b1022));border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;position:relative;overflow:hidden}.bm-fight.danger:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,56,56,.2),transparent 65%);animation:bm-danger .95s ease-in-out infinite;pointer-events:none}@keyframes bm-danger{0%,to{opacity:.2}50%{opacity:.8}}.bm-environment{position:absolute;inset:0;pointer-events:none}.bm-ember{position:absolute;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,#fff 40%,#ffd166);left:calc((var(--i) * 3.8%) + 2%);top:110%;opacity:0;animation:bm-ember-drift calc(8s + (var(--i) * .2s)) linear infinite;animation-delay:calc(var(--i) * -.28s)}@keyframes bm-ember-drift{0%{transform:translateY(0) translate(0) scale(.6);opacity:0}10%{opacity:.5}to{transform:translateY(-120vh) translate(28px) scale(1.2);opacity:0}}.bm-fight.shake{animation:shake var(--shake-duration, .3s) ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.bm-close{position:absolute;top:1.25rem;right:1.5rem;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;z-index:6}.bm-impact-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.bm-damage-number{position:absolute;font-size:2.4rem;font-weight:800;text-shadow:0 4px 16px rgba(0,0,0,.6);transform:translate(-50%,-50%);animation:bm-float-number 1.5s ease forwards}.bm-damage-number.heal{color:#2ed573}.bm-damage-number.dmg{color:#ff6b6b}.bm-damage-number.critical{font-size:7.2rem;line-height:.95}.bm-critical-text{position:absolute;top:-1.5rem;left:50%;transform:translate(-50%);font-size:1.2rem;letter-spacing:.15em;color:#fff5c2}@keyframes bm-float-number{0%{opacity:1;transform:translate(-50%,-50%) translateY(0)}to{opacity:0;transform:translate(-50%,-50%) translateY(-60px)}}.bm-combo-broken{position:absolute;left:50%;top:24px;transform:translate(-50%);z-index:7;color:#ff4747;letter-spacing:.18em;font-weight:800;animation:bm-combo-break .9s ease forwards}@keyframes bm-combo-break{0%{opacity:0;transform:translate(-50%) scale(.8)}15%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-16px)}}.bm-hit-particle{position:absolute;width:10px;height:10px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 12px #fff9;animation:bm-hit-pop .45s ease-out forwards;transform:translate(-50%,-50%)}@keyframes bm-hit-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,calc(-50% - 20px)) scale(1.2)}}.bm-critical-flash{position:absolute;inset:0;border:5px solid color-mix(in srgb,var(--critical-color, #fff) 75%,#fff);box-shadow:inset 0 0 80px color-mix(in srgb,var(--critical-color, #fff) 65%,transparent);animation:bm-critical .35s ease;pointer-events:none;z-index:5}@keyframes bm-critical{0%{opacity:.95}to{opacity:0}}.bm-skill-vfx{position:absolute;top:18%;bottom:24%;width:36%;z-index:5}.bm-skill-vfx.left{left:8%}.bm-skill-vfx.right{right:8%}.bm-skill-vfx.slash .slash{position:absolute;left:15%;right:15%;height:5px;border-radius:99px;background:linear-gradient(90deg,transparent,#ff5858,#ff1f1f,transparent);transform:rotate(-18deg);animation:bm-slash .55s ease forwards}.bm-skill-vfx.slash .slash.two{top:42%;animation-delay:.08s}.bm-skill-vfx.slash .slash.one{top:28%}.bm-skill-vfx.slash .slash.three{top:56%;animation-delay:.12s}@keyframes bm-slash{0%{opacity:0;transform:rotate(-20deg) translate(-35px)}to{opacity:0;transform:rotate(-20deg) translate(35px)}}.bm-skill-vfx.shield .shield{position:absolute;inset:8% 16%;border-radius:50%;border:2px solid rgba(78,205,255,.88);background:radial-gradient(circle,rgba(78,205,255,.25),transparent 65%);animation:bm-shimmer .75s ease forwards}@keyframes bm-shimmer{0%{opacity:0;transform:scale(.78)}40%{opacity:1}to{opacity:0;transform:scale(1.15)}}.bm-skill-vfx.chaos .vortex{position:absolute;inset:8% 22%;border-radius:50%;border:2px dashed #b084ff;box-shadow:0 0 30px #b084ff99;animation:bm-vortex .75s linear forwards}@keyframes bm-vortex{0%{opacity:.9;transform:rotate(0) scale(.7)}to{opacity:0;transform:rotate(360deg) scale(1.25)}}.bm-skill-vfx.sparkle{overflow:hidden}.bm-skill-vfx.sparkle .spark{position:absolute;width:5px;height:12px;border-radius:99px;background:linear-gradient(180deg,#fff5ac,#ffd166,transparent);left:calc(8% + (var(--n, 1) * 5%));top:-10%;animation:bm-sparkle .75s ease-in forwards}.bm-skill-vfx.sparkle .spark:nth-child(odd){left:calc(10% + (var(--n, 1) * 4%))}.bm-skill-vfx.sparkle .spark:nth-child(1){left:12%}.bm-skill-vfx.sparkle .spark:nth-child(2){left:20%}.bm-skill-vfx.sparkle .spark:nth-child(3){left:30%}.bm-skill-vfx.sparkle .spark:nth-child(4){left:40%}.bm-skill-vfx.sparkle .spark:nth-child(5){left:50%}.bm-skill-vfx.sparkle .spark:nth-child(6){left:60%}.bm-skill-vfx.sparkle .spark:nth-child(7){left:70%}.bm-skill-vfx.sparkle .spark:nth-child(8){left:80%}.bm-skill-vfx.sparkle .spark:nth-child(n+9){top:-25%}@keyframes bm-sparkle{0%{opacity:0;transform:translateY(0)}12%{opacity:1}to{opacity:0;transform:translateY(240px)}}.bm-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:center;position:relative;z-index:2}.bm-fighter-stage{display:flex;flex-direction:column;gap:.75rem}.bm-fighter-stage.left{align-items:flex-start}.bm-fighter-stage.right{align-items:flex-end}.bm-fighter-stage.lunging .bm-avatar-wrap{transform:translate(18px)}.bm-fighter-stage.left.lunging .bm-avatar-wrap{transform:translate(-18px)}.bm-avatar-wrap{width:100%;max-width:360px;min-height:200px;aspect-ratio:16 / 10;border-radius:1.2rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 25px 45px #00000059}.bm-avatar-wrap canvas{width:100%!important;height:100%!important}.bm-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--avatar-primary) 55%,#ffffff),transparent 48%),linear-gradient(135deg,color-mix(in srgb,var(--avatar-primary) 72%,#080818),#06060f 70%);border:1px solid color-mix(in srgb,var(--avatar-primary) 45%,#ffffff)}.bm-avatar-fallback span{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:2.5rem;font-weight:800;color:#fff;background:#00000038;box-shadow:0 0 30px color-mix(in srgb,var(--avatar-primary) 55%,#ffffff)}.bm-avatar-fallback.active span{transform:scale(1.06)}.bm-avatar-wrap.active{box-shadow:0 25px 45px #ff6b6b59}.bm-bars{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.5rem}.bm-health-bar,.bm-energy-bar{position:relative;height:22px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.bm-health-fill{height:100%;background:linear-gradient(90deg,#2ed573,#ffd166,#ff6b6b);transition:width .4s ease}.bm-energy-fill{height:100%;background:linear-gradient(90deg,#00c6ff,#0072ff);transition:width .4s ease}.bm-health-bar span,.bm-energy-bar span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.bm-combo{align-self:flex-start;padding:.2rem .75rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);letter-spacing:.15em;font-size:.75rem;text-transform:uppercase;transform:scale(var(--combo-scale, 1));color:var(--combo-color, #fff);position:relative}.bm-combo.flame{box-shadow:0 0 20px #ff814166}.bm-combo.charged{animation:bm-combo-shake .15s linear infinite}@keyframes bm-combo-shake{0%{transform:scale(var(--combo-scale, 1)) translate(0)}25%{transform:scale(var(--combo-scale, 1)) translate(-1px)}75%{transform:scale(var(--combo-scale, 1)) translate(1px)}to{transform:scale(var(--combo-scale, 1)) translate(0)}}.bm-combo-flames{position:absolute;inset:-8px -2px auto;display:flex;justify-content:space-between;pointer-events:none}.flame-dot{width:6px;height:10px;border-radius:60% 60% 45% 45%;background:linear-gradient(180deg,#fff1ab,#ff8f3f,transparent);animation:bm-flame .55s ease-in-out infinite alternate}@keyframes bm-flame{0%{transform:translateY(0) scale(.9)}to{transform:translateY(-4px) scale(1.1)}}.bm-fighter-stage.right .bm-combo{align-self:flex-end}.bm-fighter-name{font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;color:#ffffff8c}.bm-center-log{grid-column:span 2;margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.bm-center-log.pulse{animation:bm-card-pulse .6s ease}@keyframes bm-card-pulse{0%{box-shadow:0 0 #fff3}to{box-shadow:0 0 0 30px #fff0}}.bm-turn-banner{align-self:center;padding:.35rem 1.6rem;border-radius:999px;letter-spacing:.35em;font-size:.8rem;text-transform:uppercase}.bm-turn-banner.your{background:#4ecdc433;color:#4ecdc4}.bm-turn-banner.enemy{background:#ff6b6b33;color:#ff6b6b}.bm-log{background:#06060ce6;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.bm-log-entry{padding-left:.75rem;border-left:3px solid rgba(255,255,255,.08);font-size:.85rem}.bm-log-entry.latest{color:#fff}.bm-log-entry.attack{border-left-color:#ff6b6b}.bm-log-entry.defense{border-left-color:#4ecdc4}.bm-log-entry.chaos{border-left-color:#b084ff}.bm-log-entry.healing{border-left-color:#2ed573}.bm-log-entry.special{border-left-color:#ffd166}.bm-log-line{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.bm-log-name{font-weight:600}.bm-log-dmg-tag{margin-left:auto;font-weight:700;color:#ff6b6b}.bm-log-message{font-size:.8rem;color:#ffffffb3}.bm-thinking{font-style:italic;color:#ffffff80}.bm-spectate-controls{align-self:center;display:flex;gap:.75rem;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.4rem .9rem;border-radius:999px}.bm-spectate-controls button{border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffd1;border-radius:999px;padding:.2rem .9rem;cursor:pointer}.bm-spectate-controls button.active{background:linear-gradient(120deg,#ff5da2,#ffb347);color:#fff;border-color:transparent}.bm-skill-panel{margin-top:1.5rem;position:relative;z-index:2}.bm-skill-panel.switching{animation:bm-panel-slide .3s ease}@keyframes bm-panel-slide{0%{transform:translate(0);opacity:1}40%{transform:translate(-40px);opacity:0}60%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:900px){.bm-stage{grid-template-columns:1fr}.bm-center-log{grid-column:span 1}.bm-avatar-wrap{max-width:none;min-height:170px}}.onboard-overlay{position:fixed;inset:0;z-index:9999;background:#020205eb;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2rem);animation:onboard-fade .35s ease}@keyframes onboard-fade{0%{opacity:0}to{opacity:1}}.onboard-panel{position:relative;width:min(620px,100%);border-radius:24px;padding:clamp(1.75rem,4vw,2.5rem);background:#08080efa;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 120px #0009;overflow:hidden}.onboard-panel:before,.onboard-panel:after{content:"";position:absolute;inset:0;pointer-events:none}.onboard-panel:before{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.4;animation:grid-shift 24s linear infinite;clip-path:inset(12px round 20px)}.onboard-panel:after{background:radial-gradient(circle,rgba(255,111,144,.08),transparent 55%),radial-gradient(circle at 80% 20%,rgba(78,205,196,.1),transparent 45%);mix-blend-mode:screen;opacity:.7;animation:aurora 18s ease-in-out infinite}@keyframes grid-shift{0%{transform:translateZ(0)}to{transform:translate3d(-50px,-50px,0)}}@keyframes aurora{0%{transform:translateZ(0)}50%{transform:translate3d(15px,-10px,0)}to{transform:translateZ(0)}}.onboard-close{position:absolute;top:1rem;right:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;color:#bbb;font-size:1rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease;z-index:2}.onboard-close:hover{transform:rotate(6deg) scale(1.05);border-color:#fff6}.onboard-steps{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;z-index:1}.onboard-step{display:flex;align-items:center;gap:.4rem;color:#ffffff59;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;transition:color .3s ease}.onboard-step .step-num{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-weight:700;font-size:.75rem;transition:background .3s ease,border .3s ease,color .3s ease}.onboard-step.active{color:#fff}.onboard-step.active .step-num{background:linear-gradient(135deg,#ff5da2,#ffb347);border-color:transparent;color:#0a0a0f;box-shadow:0 0 14px #ff5da280}.onboard-step.done{color:#8bffc9}.onboard-step.done .step-num{background:linear-gradient(135deg,#4ecdc4,#7fffe1);border-color:transparent;color:#031312}.step-line{flex:0 0 56px;height:2px;border-radius:999px;background:#ffffff14;position:relative;overflow:hidden}.step-line.active:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff5da2,#ffb347,#4ecdc4);animation:flow-line 1.6s linear infinite}@keyframes flow-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}.onboard-content{position:relative;z-index:1;text-align:center}.onboard-content h2{margin:0 0 .35rem;font-size:clamp(1.4rem,4vw,1.8rem)}.onboard-desc{color:#ffffffa6;font-size:.92rem;margin:0 0 1.1rem;line-height:1.6}.agent-silhouette{position:relative;width:100%;height:140px;border-radius:18px;margin-bottom:1.25rem;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 60%),#ffffff05;border:1px solid rgba(255,255,255,.08);overflow:hidden}.silhouette-outline,.silhouette-core{position:absolute;inset:12px;border-radius:40% 40% 60% 60%/45% 45% 55% 55%}.silhouette-outline{border:2px solid transparent;background:linear-gradient(135deg,#ff5da2,#4ecdc4) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pulse-outline 3s ease-in-out infinite}.silhouette-core{inset:24px;background:radial-gradient(circle,rgba(255,93,162,.15),transparent 70%);filter:blur(8px);animation:pulse-core 3s ease-in-out infinite}@keyframes pulse-outline{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.9;transform:scale(1.02)}}@keyframes pulse-core{0%,to{opacity:.45}50%{opacity:.85}}.transmission-feed{display:flex;align-items:flex-start;gap:.85rem;text-align:left;margin-bottom:1.25rem}.signal-avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#ff5da259,#4ecdc459);border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-weight:700;letter-spacing:.08em}.signal-bubble{position:relative;flex:1;padding:1rem 1.2rem;border-radius:18px;background:#090c14f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0006}.signal-bubble .bubble-tail{position:absolute;left:-18px;bottom:18px;width:18px;height:18px;background:inherit;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);border-bottom-left-radius:14px;transform:rotate(45deg)}.signal-bubble pre{margin:0;font-family:Space Grotesk,Space Mono,monospace;font-size:.85rem;white-space:pre-wrap;line-height:1.55;color:#ffffffd9}.onboard-btn{display:block;width:100%;padding:.95rem 1.1rem;border-radius:14px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;border:none;margin-bottom:.65rem;position:relative;overflow:hidden}.onboard-btn.primary{background:linear-gradient(120deg,#ff5da2,#ff8c42);color:#fff;box-shadow:0 18px 40px #ff5da259}.onboard-btn.primary:hover{transform:translateY(-1px) scale(1.01)}.onboard-btn.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.onboard-btn.primary.pulse{animation:button-pulse 2.4s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 0 #ff5da266}50%{box-shadow:0 0 25px 8px #ff5da226}}.onboard-btn.ghost{background:none;color:#fff9;font-size:.85rem}.onboard-btn.ghost:hover{color:#fff;transform:translateY(-1px)}.onboard-btn.arena-launch{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15),transparent 60%),linear-gradient(120deg,#4ac6ff,#9f6bff 40%,#ff5da2);color:#fff;text-transform:uppercase;letter-spacing:.2em;font-size:1.05rem;padding:1.15rem;box-shadow:0 25px 60px #4f85ff73}.onboard-btn.arena-launch:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%);opacity:0;transition:opacity .3s ease}.onboard-btn.arena-launch:hover{transform:translateY(-2px) scale(1.02)}.onboard-btn.arena-launch:hover:after{opacity:1}.paste-box{width:100%;background:#0a0c14f2;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem 1.1rem;color:#f7f7ff;font-family:Space Grotesk,Space Mono,monospace;font-size:.9rem;resize:vertical;line-height:1.5;transition:border .2s ease,box-shadow .2s ease}.paste-box::placeholder{color:#ffffff40;font-weight:500}.paste-box:focus{outline:none;border-color:#4ac6ffcc;box-shadow:0 0 0 1px #4ac6ff66,0 0 25px #4ac6ff40;animation:border-glow 2.2s ease-in-out infinite}@keyframes border-glow{0%,to{box-shadow:0 0 0 1px #4ac6ff66,0 0 20px #4ac6ff26}50%{box-shadow:0 0 0 1px #4ac6ffb3,0 0 35px #4ac6ff59}}.example-toggle-row{display:flex;justify-content:flex-end;margin-bottom:.25rem}.example-toggle{background:none;border:none;color:#ffffff8c;font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:color .2s ease}.example-toggle.active,.example-toggle:hover{color:#4ecdc4}.example-panel{text-align:left;background:#ffffff08;border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:.85rem 1rem;margin-bottom:.85rem;font-family:Space Grotesk,Space Mono,monospace;font-size:.85rem;color:#fffc}.onboard-error{color:#ff6b6b;font-size:.8rem;margin:.5rem 0 .75rem;text-align:left}.preview-stats{background:#0c0c14e6;border-radius:18px;padding:1.25rem;text-align:left;margin:1.5rem 0;border:1px solid rgba(255,255,255,.05);overflow:hidden}.stat-row{transform:translate(-16px);opacity:0}.stats-live .stat-row{animation:slide-in .6s forwards}.stats-live .stat-row:nth-child(2){animation-delay:.1s}.stats-live .stat-row:nth-child(3){animation-delay:.2s}.stats-live .stat-row:nth-child(4){animation-delay:.3s}.stats-live .stat-row:nth-child(5){animation-delay:.4s}@keyframes slide-in{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}.preview-row{display:flex;align-items:center;gap:.85rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.preview-row:last-child{border:none}.preview-label{width:120px;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff73}.preview-value{color:#fff;font-size:.95rem;text-transform:capitalize}.preview-num{color:#fff9;font-size:.85rem}.preview-bar-track{flex:1;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.preview-bar{height:100%;border-radius:999px;transform-origin:left;transition:width .6s ease}.preview-bar.energy{background:linear-gradient(90deg,#4ac6ff,#9f6bff)}.preview-bar.aggro{background:linear-gradient(90deg,#ff8c42,#ff4b4b)}.catchphrase{justify-content:center;padding-top:1.2rem}.catchphrase span{font-size:1.05rem;font-style:italic;color:#ff8ac2}.typewriter span{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(255,255,255,.35);animation:typing 3.2s steps(32,end) infinite alternate,caret 1.1s steps(1,end) infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes caret{0%,to{border-color:transparent}50%{border-color:#ffffff59}}.avatar-preview-3d{width:100%;height:240px;border-radius:18px;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 65%),#04040af2;border:1px solid rgba(255,255,255,.05);overflow:hidden}@media(max-width:540px){.onboard-overlay{align-items:flex-start;overflow-y:auto}.onboard-panel{margin-top:.5rem;margin-bottom:.8rem;max-height:calc(100vh - 1rem);overflow-y:auto;padding:1.5rem}.preview-row{flex-wrap:wrap}.preview-label{width:100%}}.landing-hero{position:fixed;inset:0;background:#05050c;z-index:999;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#f7f9ff;font-family:Space Grotesk,system-ui,sans-serif;transition:opacity .6s ease}.landing-hero.is-leaving{opacity:0;pointer-events:none}.landing-bg{position:absolute;inset:0;overflow:hidden}.landing-gradient{position:absolute;inset:-20% -15% -10%;background:radial-gradient(circle at 25% 15%,rgba(255,93,162,.8),transparent 55%),radial-gradient(circle at 80% 0%,rgba(70,198,255,.7),transparent 60%),radial-gradient(circle at 20% 80%,rgba(176,132,255,.4),transparent 55%);filter:blur(40px);opacity:.4}.hero-star{position:absolute;background:#ffffffe6;border-radius:999px;opacity:.35;animation:hero-star-fade ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(255,255,255,.6))}@keyframes hero-star-fade{0%,to{opacity:.1;transform:scale(.7)}50%{opacity:.85;transform:scale(1.5)}}.landing-content{position:relative;text-align:center;padding:2rem clamp(1rem,8vw,4rem);z-index:2;max-width:960px}.landing-kicker{letter-spacing:.4em;text-transform:uppercase;font-size:.85rem;margin-bottom:1rem;color:#ffffffbf}.landing-title{margin:0;font-size:clamp(3rem,12vw,7rem);line-height:.85;letter-spacing:.14em;text-transform:uppercase;color:#fff7fb;text-shadow:0 0 8px rgba(255,135,190,.4),0 4px 20px rgba(69,226,255,.2)}.landing-title span{display:inline-block;margin-left:.35em;color:#7df9ff}.landing-subtitle{margin:1.5rem auto 2.5rem;max-width:640px;font-size:1.25rem;color:#ffffffe6}.landing-cta-row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.landing-cta{border:none;border-radius:999px;padding:1rem 3rem;font-size:1rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,opacity .25s ease}.landing-cta.primary{background:linear-gradient(120deg,#ff5da2,#ffb347);color:#fff;box-shadow:0 18px 45px #ff5da28c}.landing-cta.secondary{background:#ffffff14;color:#f5f9ff;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 30px #00000073}.landing-cta:hover{transform:translateY(-4px)}.landing-pill-row{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#fffc}.landing-pill-row span{padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#07070f99;box-shadow:inset 0 0 30px #ffffff0d}.landing-stats{position:absolute;bottom:clamp(1rem,5vw,2.5rem);width:min(760px,92vw);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;border-radius:1.5rem;background:#05050ae6;border:1px solid rgba(255,255,255,.2);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 25px 60px #000000b3}.stat-label{margin:0;text-transform:uppercase;letter-spacing:.25em;font-size:.75rem;color:#ffffffa6}.stat-value{margin:.5rem 0 0;font-size:2rem;font-weight:700;color:#fefefe;text-shadow:0 0 6px rgba(118,247,255,.25)}@media(max-width:768px){.landing-hero{padding:2rem 1rem 5rem}.landing-cta{width:100%}.landing-stats{grid-template-columns:1fr;gap:.75rem}}._overlay_he9b3_1{position:fixed;inset:0;z-index:9000;background:#04040aeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;padding:2rem}._panel_he9b3_12{flex:1;background:#080812f2;border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:1.5rem;max-width:1000px;width:100%;margin:0 auto;box-shadow:0 30px 80px #000000a6;display:flex;flex-direction:column}._header_he9b3_26{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}._titleGroup_he9b3_34 h2{margin:0;text-transform:uppercase;letter-spacing:.15em}._sortTabs_he9b3_40{display:inline-flex;gap:.4rem;background:#ffffff0a;padding:.3rem;border-radius:999px}._sortButton_he9b3_48{border:none;background:transparent;color:#cfd7ff;padding:.4rem 1rem;border-radius:999px;cursor:pointer;font-weight:600}._sortActive_he9b3_58{background:#ffffff1f;color:#050508}._list_he9b3_63{margin-top:1.5rem;flex:1;overflow-y:auto}._row_he9b3_69{display:grid;grid-template-columns:60px 1.4fr 1fr 1fr 1fr 1fr;align-items:center;padding:.75rem 1rem;border-radius:.9rem;margin-bottom:.6rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:transform .2s ease}._row_he9b3_69:hover{transform:translateY(-3px)}._rank_he9b3_85{font-size:1.1rem;font-weight:700}._avatar_he9b3_90{display:flex;align-items:center;gap:.6rem}._avatarCircle_he9b3_96{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.12)}._metrics_he9b3_103{text-align:right;font-weight:600}._winRate_he9b3_108{color:#7fffe1}._damage_he9b3_112{color:#ff9ddf}._favorite_he9b3_116{font-size:.9rem;opacity:.8}._crown_he9b3_121{margin-left:.35rem}._rankUp_he9b3_125{animation:_rankUp_he9b3_125 .7s ease}._rankDown_he9b3_129{animation:_rankDown_he9b3_129 .7s ease}@keyframes _rankUp_he9b3_125{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _rankDown_he9b3_129{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}._closeBtn_he9b3_155{border:none;background:#ffffff14;color:#fff;border-radius:999px;padding:.5rem 1.2rem;cursor:pointer}._overlay_2c06c_1{position:fixed;inset:0;background:#04040ce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;padding:2rem;z-index:9200}._panel_2c06c_13{width:min(1100px,100%);background:#080810f2;border-radius:1.5rem;border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:280px 1fr;gap:1.5rem;padding:1.5rem;color:#f5f7ff}._replayList_2c06c_25{border-right:1px solid rgba(255,255,255,.08);padding-right:1rem;display:flex;flex-direction:column;gap:.7rem}._listItem_2c06c_33{border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.8rem;background:#ffffff05;cursor:pointer}._listItemActive_2c06c_41{border-color:#7df7ff}._viewer_2c06c_45{display:flex;flex-direction:column;gap:1rem}._fighterRow_2c06c_51{display:flex;justify-content:space-between;gap:1.2rem}._fighterCard_2c06c_57{flex:1;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.9rem;background:#ffffff05}._healthBar_2c06c_65,._energyBar_2c06c_66{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-top:.4rem}._healthFill_2c06c_74{height:100%;background:linear-gradient(90deg,#ff7a9e,#ffd6a5)}._energyFill_2c06c_79{height:100%;background:linear-gradient(90deg,#54a0ff,#9effff)}._log_2c06c_84{flex:1;max-height:220px;overflow-y:auto;border:1px solid rgba(255,255,255,.05);border-radius:1rem;padding:1rem;background:#ffffff05}._controls_2c06c_94{display:flex;gap:.5rem;align-items:center}._controlButton_2c06c_100{border:none;border-radius:999px;padding:.5rem 1.4rem;background:#ffffff14;color:#fff;cursor:pointer}._speedToggle_2c06c_109{display:inline-flex;border:1px solid rgba(255,255,255,.1);border-radius:999px;overflow:hidden}._speedButton_2c06c_116{border:none;background:transparent;color:#fff;padding:.4rem .9rem;cursor:pointer}._speedActive_2c06c_124{background:#ffffff26}._overlay_6gsss_1{position:fixed;inset:0;background:#030308e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:2rem;z-index:9100}._panel_6gsss_13{width:min(520px,100%);background:#080810f2;border-radius:1.5rem;border:1px solid rgba(255,255,255,.08);padding:1.5rem;color:#f2f6ff}._field_6gsss_22{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}._field_6gsss_22 input,._field_6gsss_22 select{padding:.8rem;border-radius:.8rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:inherit}._actions_6gsss_38{display:flex;justify-content:flex-end;gap:.6rem}._primary_6gsss_44{border:none;border-radius:999px;padding:.8rem 1.6rem;background:linear-gradient(120deg,#ff5da2,#ffb347);color:#050507;text-transform:uppercase;letter-spacing:.2em;font-weight:600;cursor:pointer}._ghost_6gsss_56{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.8rem 1.4rem;background:transparent;color:inherit;cursor:pointer}._panel_836rc_1{position:absolute;top:3.5rem;right:0;background:#080810f2;border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:1rem;width:220px;box-shadow:0 20px 55px #00000080;z-index:50}._toggleRow_836rc_14{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}._slider_836rc_21{width:100%}._overlay_doprk_1{position:fixed;inset:0;background:#05050af2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:2rem;z-index:9500;overflow-y:auto}._panel_doprk_11{max-width:1100px;margin:0 auto;background:#07070ee6;border-radius:1.5rem;border:1px solid rgba(255,255,255,.06);padding:2rem;color:#f6f7ff}._header_doprk_21{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}._roster_doprk_29{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin-top:1.5rem}._agentCard_doprk_36{border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.9rem;cursor:pointer;background:#ffffff05;display:flex;flex-direction:column;gap:.4rem}._agentSelected_doprk_47{border-color:#ff8ed1;background:#ff8ed11a}._bracket_doprk_52{margin-top:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}._roundColumn_doprk_59{display:flex;flex-direction:column;gap:1rem}._finalColumn_doprk_65{position:relative}._matchCard_doprk_69{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.8rem;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;background:#ffffff05}._matchCard_doprk_69:after{content:"";position:absolute;top:50%;right:-1.5rem;width:1.5rem;height:1px;background:#fff3}._finalColumn_doprk_65 ._matchCard_doprk_69:after{display:none}._participant_doprk_95{display:flex;justify-content:space-between;font-weight:600}._nextMatch_doprk_101{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;border-radius:1rem;padding:1.2rem;background:#ffffff08}._cta_doprk_111{border:none;border-radius:999px;padding:.9rem 1.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:linear-gradient(120deg,#48c6ef,#6f86d6);color:#05050c}._championBadge_doprk_123{margin-top:1.5rem;padding:1rem;border-radius:1rem;background:#ffffff0d;border:1px dashed rgba(255,255,255,.12)}._closeBtn_doprk_131{border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:999px;padding:.6rem 1.4rem;cursor:pointer}.quest-log-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.quest-log-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #4a9eff;border-radius:12px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #4a9eff4d;animation:slideUp .3s ease-out}.quest-log-panel header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(74,158,255,.3)}.quest-log-panel header h2{margin:0;font-size:1.8rem;color:#4a9eff;text-shadow:0 0 10px rgba(74,158,255,.5)}.close-btn{background:transparent;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:color .2s}.close-btn:hover{color:#fff}.quest-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:1px solid rgba(74,158,255,.2)}.quest-tabs button{background:transparent;border:none;color:#aaa;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.quest-tabs button:hover{color:#fff}.quest-tabs button.active{color:#4a9eff;border-bottom-color:#4a9eff}.quest-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.quest-list::-webkit-scrollbar{width:8px}.quest-list::-webkit-scrollbar-track{background:#0003}.quest-list::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}.empty-message{text-align:center;color:#888;padding:2rem;font-style:italic}.quest-entry{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;transition:all .2s;position:relative}.quest-entry:hover{background:#ffffff14;border-color:#4a9eff66}.quest-entry.story{border-left:4px solid #ff9800}.quest-entry.side{border-left:4px solid #4a9eff}.quest-entry.turned-in{opacity:.7}.quest-header{display:flex;gap:1rem;margin-bottom:1rem}.quest-type-badge{font-size:1.5rem;flex-shrink:0}.quest-header h4{margin:0 0 .25rem;color:#fff;font-size:1.2rem}.quest-description{margin:0;color:#aaa;font-size:.9rem;line-height:1.4}.quest-objectives{margin:1rem 0;display:flex;flex-direction:column;gap:.75rem}.objective{display:flex;flex-direction:column;gap:.25rem}.objective-text{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#ddd}.objective-text span.complete{color:#4caf50;font-weight:500}.objective-progress{color:#888;font-size:.85rem}.objective-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.objective-bar-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#0f8);transition:width .3s ease-out}.quest-rewards{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}.quest-rewards strong{color:#fff}.reward-xp{background:#ffd70033;color:gold;padding:.25rem .75rem;border-radius:12px;font-weight:500}.reward-title{background:#8a2be233;color:#b388ff;padding:.25rem .75rem;border-radius:12px}.reward-cosmetic{background:#4a9eff33;color:#4a9eff;padding:.25rem .75rem;border-radius:12px}.quest-complete-stamp{position:absolute;top:1rem;right:1rem;background:#4caf5033;color:#4caf50;padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.85rem;border:1px solid #4caf50}.quest-log-panel footer{padding:1rem 1.5rem;border-top:1px solid rgba(74,158,255,.2);text-align:center}.hint{margin:0;color:#888;font-size:.85rem}.hint kbd{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);font-family:monospace;color:#4a9eff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.inventory-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.inventory-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #00ff88;border-radius:12px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00ff884d;animation:slideUp .3s ease-out}.inventory-panel header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,255,136,.3)}.inventory-panel header h2{margin:0;font-size:1.8rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.equipped-section{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.equipped-section h3{margin:0 0 1rem;font-size:1.2rem;color:#0f8}.equipped-items{display:flex;flex-direction:column;gap:.75rem}.equipped-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:6px}.equipped-label{font-weight:600;color:#aaa;min-width:60px}.equipped-value{flex:1;color:#fff;font-weight:500}.unequip-btn{background:#f003;border:1px solid rgba(255,0,0,.4);color:#ff5252;padding:.25rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.85rem}.unequip-btn:hover{background:#ff00004d;border-color:#ff5252}.inventory-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:1px solid rgba(0,255,136,.2)}.inventory-tabs button{background:transparent;border:none;color:#aaa;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.inventory-tabs button:hover{color:#fff}.inventory-tabs button.active{color:#0f8;border-bottom-color:#0f8}.cosmetics-grid{flex:1;overflow-y:auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;align-content:start}.cosmetics-grid::-webkit-scrollbar{width:8px}.cosmetics-grid::-webkit-scrollbar-track{background:#0003}.cosmetics-grid::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px}.cosmetic-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;position:relative}.cosmetic-card.owned:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0f83}.cosmetic-card.equipped{background:#00ff881a;border-color:#0f8}.cosmetic-card.locked{opacity:.5}.locked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;z-index:1}.cosmetic-icon{font-size:2.5rem;margin-bottom:.5rem}.cosmetic-card h4{margin:0;font-size:1rem;text-align:center}.cosmetic-description{margin:0;font-size:.85rem;color:#aaa;text-align:center;line-height:1.3;flex:1}.cosmetic-rarity{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:12px;background:#ffffff1a}.equip-cosmetic-btn,.unequip-cosmetic-btn{width:100%;padding:.5rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.equip-cosmetic-btn{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.equip-cosmetic-btn:hover{background:#00ff884d;border-color:#0f8}.unequip-cosmetic-btn{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.4)}.unequip-cosmetic-btn:hover{background:#ff98004d;border-color:#ff9800}.inventory-panel footer{padding:1rem 1.5rem;border-top:1px solid rgba(0,255,136,.2);text-align:center}.stats-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.stats-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd700;border-radius:12px;width:90%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #ffd7004d;animation:slideUp .3s ease-out}.stats-panel header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,215,0,.3)}.stats-panel header h2{margin:0;font-size:1.8rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.stats-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.stats-content::-webkit-scrollbar{width:8px}.stats-content::-webkit-scrollbar-track{background:#0003}.stats-content::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.stats-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.25rem}.stats-section h3{margin:0 0 1rem;color:gold;font-size:1.2rem;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:.5rem}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.stat-row.large{padding:1rem 0}.stat-label{color:#aaa;font-size:.95rem}.stat-value{color:#fff;font-size:1.1rem;font-weight:600}.level-value{font-size:2rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.stat-value.wins{color:#4caf50}.stat-value.losses{color:#f44336}.xp-bar-container{margin-top:.5rem}.xp-bar{height:24px;background:#0000004d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,215,0,.3);margin-bottom:.5rem}.xp-bar-fill{height:100%;background:linear-gradient(90deg,gold,#ff9800);transition:width .3s ease-out;box-shadow:0 0 10px #ffd70080}.xp-text{text-align:center;color:gold;font-size:.85rem;font-weight:500}.stat-grid{display:flex;flex-direction:column;gap:.5rem}.stat-grid .stat-row{border-bottom:1px solid rgba(255,255,255,.05)}.stat-grid .stat-row:last-child{border-bottom:none}.equipped-display{display:flex;flex-direction:column;gap:1rem}.equipped-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.equipped-icon{font-size:2rem;width:50px;text-align:center}.equipped-type{color:#888;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.equipped-name{color:#fff;font-size:1rem;font-weight:500}.stats-panel footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,215,0,.2);text-align:center}.stats-panel .hint{margin:0;color:#888;font-size:.85rem}.stats-panel .hint kbd{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);font-family:monospace;color:gold}.world-shell{position:relative;width:100%;min-height:clamp(480px,70vh,900px);border-radius:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 0%,rgba(255,93,162,.16),transparent 50%),#04040a;box-shadow:0 30px 70px #000000a6}.world-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:#04040abf;z-index:12;color:#ffffffe6;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.world-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#ff5da2;animation:worldSpin .8s linear infinite}@keyframes worldSpin{to{transform:rotate(360deg)}}.world-shell canvas{width:100%!important;height:100%!important;display:block}.world-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;color:#fff;font-family:Space Grotesk,system-ui,sans-serif}.world-hud .hud-top,.world-hud .hud-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hud-agent-card{pointer-events:auto;display:flex;gap:1rem;align-items:center;background:#05050cd9;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;padding:1rem 1.25rem;box-shadow:0 10px 30px #00000059}.hud-agent-meta h3{margin:0;font-size:1.2rem}.label{text-transform:uppercase;letter-spacing:.3em;font-size:.65rem;color:#fff9}.subtext{margin:.15rem 0 0;color:#fff9;font-size:.82rem}.hud-agent-bars{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.hud-agent-bars label{display:flex;justify-content:space-between;width:100%;font-size:.7rem;letter-spacing:.2em}.hud-bar{position:relative;width:100%;height:6px;border-radius:999px;background:#ffffff1f;overflow:hidden}.hud-bar-fill{position:absolute;inset:0;background:linear-gradient(90deg,#ff5da2,#ffb347);border-radius:inherit}.hud-bar.alt .hud-bar-fill{background:linear-gradient(90deg,#4ecdc4,#29d3ff)}.hud-bar.thin{height:4px}.hud-quick-stats{margin:.35rem 0 0;font-size:.72rem;color:#ffffffb8}.hud-top .ghost{pointer-events:auto}.hud-top-actions{display:flex;gap:.5rem}.hud-zone-chip{pointer-events:auto;padding:.85rem 1.25rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);background:#05050cd1;box-shadow:0 10px 25px #0006}.hud-zone-chip strong{display:block;margin-top:.2rem;font-size:1rem}.hud-shortcuts{margin:.45rem 0 0;font-size:.72rem;color:#ffffffb8;letter-spacing:.08em}.hud-prompt{pointer-events:none;display:flex;align-items:center;gap:.75rem;padding:1rem 1.4rem;border-radius:1.25rem;background:#04040ad9;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #00000073;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}.hud-prompt.visible{opacity:1;transform:translateY(0)}.hud-prompt.pulse{animation:promptPulse .5s ease}@keyframes promptPulse{0%{box-shadow:0 0 #fff0}45%{box-shadow:0 0 30px #ffdf8880}to{box-shadow:0 0 #fff0}}.prompt-key{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font-weight:600;font-size:.95rem;letter-spacing:.15em}.hud-message{pointer-events:none;align-self:center;margin-top:auto;background:#05050ce6;border:1px solid rgba(255,255,255,.15);padding:.85rem 1.5rem;border-radius:999px;animation:hudFade 3s forwards;font-size:.9rem}@keyframes hudFade{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.minimap{position:absolute;top:7.7rem;left:1.2rem;width:200px;height:200px;border-radius:1rem;background:#04040ad1;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;overflow:hidden;z-index:9}.minimap canvas{width:100%;height:100%;cursor:crosshair}@media(max-width:800px){.world-hud{padding:.8rem;gap:.75rem}.world-hud .hud-top,.world-hud .hud-bottom{flex-direction:column;align-items:stretch}.hud-agent-card,.hud-zone-chip,.hud-prompt{width:100%}.hud-agent-card{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.8rem .95rem}.hud-agent-bars{min-width:100%}.hud-prompt{font-size:.9rem;padding:.8rem 1rem}.prompt-key{width:28px;height:28px;font-size:.82rem}.minimap{top:auto;bottom:.8rem;left:.8rem;width:132px;height:132px;border-radius:.75rem}.hud-shortcuts{font-size:.66rem}}.nameplate-chip{background:#050508db;border:1px solid rgba(255,255,255,.15);padding:.35rem .85rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#fff;box-shadow:0 0 18px #ff6f9059}.nameplate-chip.small{font-size:.65rem;letter-spacing:.2em}.zone-entry-fx{position:absolute;inset:0;pointer-events:none;z-index:10;background:radial-gradient(circle at center,rgba(255,255,255,.18),color-mix(in oklab,var(--zone-color, #ff5da2) 24%,transparent),transparent 68%),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.45) 100%);animation:zoneFlash .75s ease-out}@keyframes zoneFlash{0%{opacity:0;transform:scale(.96)}30%{opacity:.95}to{opacity:0;transform:scale(1.05)}}.hud-zone-announce{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:clamp(1.3rem,3.6vw,2.7rem);letter-spacing:.18em;text-transform:uppercase;color:#e6eeff;text-shadow:0 0 22px rgba(80,161,255,.7),0 0 40px rgba(180,102,255,.4);animation:zoneNameFade 2s ease forwards;pointer-events:none}@keyframes zoneNameFade{0%{opacity:0;transform:translate(-50%,-38%)}15%{opacity:1;transform:translate(-50%,-50%)}78%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-62%)}}.touch-joystick{position:absolute;left:1rem;bottom:1rem;width:124px;height:124px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle,#ffffff1a,#060810e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:14;touch-action:none}.touch-joystick-thumb{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff5da2f2,#ffb347f2);box-shadow:0 8px 20px #00000073}.touch-interact{position:absolute;right:1rem;bottom:1.2rem;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:radial-gradient(circle at 30% 20%,#ffffff47,#141626f2);color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:.06em;z-index:14}.touch-emote{position:absolute;right:1.8rem;bottom:6.5rem;width:62px;height:62px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:radial-gradient(circle at 30% 20%,#ffffff40,#1d162af2);color:#fff;font-size:1.4rem;z-index:14}.tavern-chat-panel{position:absolute;left:1.2rem;bottom:5.4rem;width:min(320px,42vw);max-height:220px;overflow:hidden;pointer-events:none;border-radius:1rem;padding:.9rem 1rem;background:#080610d6;border:1px solid rgba(255,209,102,.35);box-shadow:0 14px 28px #00000061}.tavern-chat-panel ul{margin:.55rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.tavern-chat-panel li{background:#ffffff0d;border-radius:.7rem;padding:.45rem .6rem}.tavern-chat-panel .speaker{display:block;font-size:.66rem;color:#ffebbee0;letter-spacing:.1em;text-transform:uppercase}.tavern-chat-panel p{margin:.2rem 0 0;font-size:.8rem;color:#ffffffe0}.workshop-preview-panel{position:absolute;right:1.2rem;bottom:5.2rem;width:min(340px,48vw);pointer-events:auto;border-radius:1rem;background:#07060ee0;border:1px solid rgba(255,140,66,.45);box-shadow:0 16px 34px #0000006b;overflow:hidden}.workshop-preview-panel header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem .55rem}.workshop-preview-panel header button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#00000040;color:#fff}.preview-canvas-wrap{width:100%;height:230px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at center,rgba(255,140,66,.2),transparent 65%),#070812}.workshop-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .9rem .8rem}.workshop-preview-panel .help{margin:0;font-size:.75rem;color:#fff5dcd9}.workshop-preview-actions button{border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#ff8c4233;color:#ffe0c6;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.38rem .7rem}.emote-wheel-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto;z-index:18;background:#02030859}.emote-wheel{position:relative;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#101424f0,#070912f5);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px #0000008c}.emote-item{position:absolute;width:66px;height:66px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#ffffff14;color:#fff;display:grid;place-items:center;font-size:1.45rem}.emote-item small{display:block;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;margin-top:-.2rem}.emote-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:linear-gradient(135deg,#ff5da2b3,#7bceffb3);color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}.world-float-emoji{font-size:1.9rem;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45));animation:floatEmoji 2s ease forwards}.world-float-emoji.npc{font-size:1.6rem;animation-duration:1.8s}@keyframes floatEmoji{0%{transform:translateY(0);opacity:1}to{transform:translateY(-52px);opacity:0}}.world-thought-bubble{padding:.35rem .65rem;border-radius:.8rem;background:#080c18e0;border:1px solid rgba(255,255,255,.2);color:#e7f1ff;font-size:.72rem;white-space:nowrap}@media(max-width:800px){.tavern-chat-panel{width:min(260px,70vw);bottom:4.5rem;left:.8rem}.workshop-preview-panel{width:min(300px,84vw);right:.8rem;bottom:4.6rem}.preview-canvas-wrap{height:180px}.emote-wheel{width:244px;height:244px}}@media(min-width:900px){.touch-joystick,.touch-interact,.touch-emote{display:none}}.world-color-grade{position:absolute;inset:0;pointer-events:none;z-index:8;background:color-mix(in oklab,var(--zone-tint, rgba(255, 255, 255, .04)) 65%,transparent);mix-blend-mode:soft-light;transition:background .5s ease}.world-chromatic{position:absolute;inset:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.34) 100%),linear-gradient(90deg,rgba(255,80,80,.03),transparent 32%,transparent 68%,rgba(90,170,255,.03));mix-blend-mode:screen}.world-page{min-height:100vh;padding:1rem;background:radial-gradient(circle at 20% 10%,rgba(255,70,109,.16),transparent 40%),radial-gradient(circle at 80% 10%,rgba(95,167,255,.16),transparent 35%),#05050c}.world-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;padding:.9rem 1.2rem;border-radius:1rem;background:#080812d9;border:1px solid rgba(255,255,255,.1)}.world-actions{display:flex;gap:.4rem;flex-wrap:wrap}.world-actions button{border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff0f;color:#fff;padding:.45rem .8rem;cursor:pointer}.world-roster-overlay,.pause-overlay,.lore-popup{position:fixed;inset:0;background:#030308cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:60}.world-roster-panel,.achievement-panel,.lore-popup-card{width:min(780px,92%);max-height:82vh;overflow:auto;border-radius:1rem;background:#090912f2;border:1px solid rgba(255,255,255,.12);padding:1rem;color:#fff}.world-roster-panel header,.achievement-panel header{display:flex;justify-content:space-between;align-items:center}.world-roster-panel ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem}.world-roster-panel li{display:flex;justify-content:space-between;padding:.7rem;border-radius:.8rem;background:#ffffff0a}.roster-actions button{border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;padding:.35rem .8rem}.achievement-toast{position:fixed;right:1rem;top:1rem;z-index:80;display:flex;gap:.8rem;align-items:center;background:#120c03f2;border:1px solid #ffd166;border-radius:.8rem;padding:.7rem .9rem;animation:toastIn 3s ease forwards;color:#fff}.achievement-toast .icon{font-size:1.5rem}.achievement-toast p{margin:.15rem 0 0;font-size:.85rem;opacity:.9}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}10%,85%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}.achievement-card{padding:.7rem;border-radius:.7rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0a}.achievement-card.unlocked{border-color:#ffd166;box-shadow:0 0 16px #ffd16640}.achievement-card.locked{opacity:.55}.achievement-card h4{margin:.35rem 0 .2rem}.achievement-card p{margin:0;font-size:.8rem}.progress{height:5px;background:#ffffff26;border-radius:99px;margin-top:.4rem;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#ffd166,#ff8c42)}.lore-popup-card{max-width:620px}.lore-popup-card button{margin-top:.7rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;padding:.35rem .8rem}