.battle-screen{min-height:calc(100vh - 76px);padding:.5rem 0 .75rem}.battle-shell .battle-screen{grid-template-rows:auto auto minmax(210px,1fr) auto;gap:.45rem;height:100dvh;min-height:620px;display:grid;overflow:hidden}.battle-shell .page-shell{width:min(1560px,100% - 1rem)}.battle-topline{border:1px solid var(--line);background:#0d1127d1;border-radius:16px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.7rem;min-height:52px;margin-bottom:0;padding:.4rem .6rem;display:grid}.battle-topline>strong{text-align:center;font-size:.8rem}.battle-topline>span:not(.status-chip){color:var(--muted);font-size:.7rem;font-weight:800}.battle-hud{border:1px solid var(--line);background:#0b0e22e0;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem;margin-bottom:0;padding:.65rem 1rem;display:grid}.health-block{align-items:center;gap:.75rem;min-width:0;display:flex}.health-block.opponent{flex-direction:row-reverse}.health-main{flex:1;min-width:0}.health-label{justify-content:space-between;gap:1rem;margin-bottom:.35rem;font-size:.7rem;display:flex}.health-label strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.health-label span{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.health-track{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;height:19px;overflow:hidden}.health-track span{border-radius:inherit;background:linear-gradient(90deg, #3cd7aa, var(--cyan));height:100%;transition:width .5s;display:block;box-shadow:0 0 15px #6fffe959}.health-block.opponent .health-track span{background:linear-gradient(90deg, var(--pink), #ffbd7a);margin-left:auto}.combo-line{justify-content:space-between;margin-top:.3rem;font-size:.62rem;display:flex}.combo-line>span{color:var(--muted-2);font-weight:850}.combo-line>span.active{color:var(--gold)}.combo-line small{color:var(--muted-2);letter-spacing:.12em}.round-badge{aspect-ratio:1;background:#8f6dff1a;border:1px solid #8f6dff6b;border-radius:50%;place-items:center;width:54px;display:grid}.round-badge span{color:var(--muted);letter-spacing:.1em;align-self:end;font-size:.45rem;font-weight:900}.round-badge strong{color:var(--violet-2);align-self:start;font-size:1.25rem}.battle-screen .arena-stage{background:radial-gradient(circle at 50% 44%,#ff759733,#0000 16%),radial-gradient(at 50% 55%,#8f6dff4d,#0000 44%),linear-gradient(#151a48,#090d25);border-color:#6fffe93d;height:100%;min-height:0;box-shadow:inset 0 0 70px #6fffe90d}.battle-screen .fighter-slot .avatar{width:clamp(170px,22vw,300px);height:clamp(200px,27vw,345px)}.battle-screen .player-fighter{left:8%}.battle-screen .opponent-fighter{right:8%}.question-dock{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d1ff7;border:1px solid #6fffe93b;border-radius:24px;grid-template-columns:minmax(330px,.85fr) minmax(520px,1.15fr);width:min(1120px,100% - 1rem);margin:-10px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 -12px 50px #00000061,0 12px 50px #00000040}.timer-line{background:#ffffff0f;grid-column:1/-1;height:8px;position:relative}.timer-line>span{background:linear-gradient(90deg, var(--pink), var(--gold), var(--cyan));height:100%;transition:width .1s linear;display:block}.timer-line output{color:var(--ink);font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:8px;padding:.25rem .45rem;font-size:.7rem;font-weight:900;position:absolute;top:.8rem;right:.8rem}.problem-panel{text-align:center;align-content:center;min-height:168px;padding:1.2rem 1.5rem;display:grid}.problem-panel h1{font-variant-numeric:tabular-nums;margin:.25rem 0 .35rem;font-size:clamp(2.5rem,5vw,4.4rem)}.problem-panel h1 b{color:var(--muted)}.problem-panel h1 output{min-width:1.1em;color:var(--cyan);display:inline-block}.problem-panel h1 .empty-answer{color:var(--muted-2)}.answer-status{min-height:35px;color:var(--muted);font-size:.72rem}.feedback{justify-content:center;align-items:center;gap:.65rem;display:flex}.feedback strong{color:var(--green)}.feedback.incorrect strong,.feedback.timeout strong{color:var(--gold)}.feedback small{color:var(--muted)}.answer-error{color:#ffb6c2;margin:0;font-size:.72rem}.numeric-controls{border-top:0;border-left:1px solid var(--line);background:#ffffff05;grid-template-columns:1fr 185px;align-content:center;gap:.65rem;padding:.8rem;display:grid}.number-pad{grid-template-columns:repeat(6,1fr);gap:.45rem;display:grid}.number-pad button,.choice-keypad button{border:1px solid var(--line);min-height:52px;color:var(--ink);cursor:pointer;background:linear-gradient(145deg,#262c52eb,#161a37f5);border-radius:13px;font-size:1.1rem;font-weight:850;transition:border-color .15s,transform .15s,background .15s}.number-pad button:hover:not(:disabled),.choice-keypad button:hover:not(:disabled){border-color:var(--cyan);background:#6fffe917;transform:translateY(-2px)}.number-pad button:active:not(:disabled),.choice-keypad button:active:not(:disabled){transform:translateY(1px)}.number-pad button:disabled,.choice-keypad button:disabled{opacity:.4}.submit-stack{grid-template-columns:1fr;gap:.45rem;display:grid}.submit-stack .button{min-width:0;padding:.65rem}.choice-keypad{border-top:0;border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);align-content:center;gap:.65rem;padding:.8rem;display:grid}.choice-keypad button{min-height:68px;font-size:1.4rem}.choice-keypad button.selected{border-color:var(--cyan);background:linear-gradient(145deg,#6fffe933,#8f6dff33);box-shadow:0 0 0 3px #6fffe914,0 0 22px #6fffe91f}.choice-keypad .choice-strike{color:#12091a;background:linear-gradient(135deg, var(--gold), var(--pink));letter-spacing:.08em;border-color:#ff7597a6;grid-column:1/-1;min-height:56px;font-size:1rem;box-shadow:0 10px 30px #ff759738}.submit-stack .button.primary{color:#10081c;background:linear-gradient(135deg, var(--gold), var(--pink));letter-spacing:.06em;box-shadow:0 10px 28px #ff759738}.left-handed .numeric-controls{grid-template-columns:185px 1fr}.left-handed .number-pad{grid-column:2}.left-handed .submit-stack{grid-area:1/1}.network-finished{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.battle-shell .battle-screen.network-finished{grid-template-rows:auto;height:auto;min-height:100dvh;overflow:visible}.network-result{text-align:center;border-color:#6fffe94d;width:min(920px,100%);padding:clamp(1.2rem,3vw,2.2rem);box-shadow:0 22px 80px #00000061}.network-result.victory{background:radial-gradient(circle at top, #6fffe926, transparent 45%), var(--surface)}.network-result.defeat{background:radial-gradient(circle at top, #ff759721, transparent 45%), var(--surface)}.network-result>.avatar{margin:0 auto .5rem}.network-result h1{color:var(--cyan);letter-spacing:-.06em;text-shadow:0 0 35px #6fffe94d;margin:.2rem 0;font-size:clamp(3.4rem,10vw,7rem);line-height:.95}.network-result.defeat h1{color:var(--pink);text-shadow:0 0 35px #ff759740}.match-comparison{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.25rem 0;display:grid}.player-stats{border:1px solid var(--line);background:#06091ab8;border-radius:18px;padding:.85rem}.player-stats.you{border-color:#6fffe973}.player-stats header,.player-stats dl div,.level-copy{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.player-stats header{border-bottom:1px solid var(--line);padding-bottom:.55rem}.player-stats header span{color:var(--cyan);letter-spacing:.13em;font-size:.6rem;font-weight:900}.player-stats dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .8rem;margin:.65rem 0 0;display:grid}.player-stats dl div{margin:0}.player-stats dt{color:var(--muted);font-size:.65rem}.player-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:1rem;font-weight:900}.level-reveal{text-align:left;background:linear-gradient(120deg,#755cff2e,#6fffe914);border:1px solid #a55cff66;border-radius:18px;margin:0 auto 1.25rem;padding:.9rem 1rem}.level-copy span{color:var(--violet-2);letter-spacing:.08em;font-size:1.1rem;font-weight:950}.level-copy strong{color:var(--gold);font-size:1.2rem}.level-jump{color:var(--ink);text-align:center;margin:.35rem 0;font-size:clamp(1.6rem,5vw,3rem);font-weight:950;animation:.7s cubic-bezier(.2,1.4,.4,1) both level-pop}.level-jump span{color:var(--cyan)}.result-xp-track{background:#ffffff14;border-radius:999px;height:14px;margin:.55rem 0 .35rem;overflow:hidden}.result-xp-track span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));transform-origin:0;height:100%;animation:1.1s ease-out both xp-fill;display:block}.level-reveal small{color:var(--muted)}@keyframes xp-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes level-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@media (max-width:1000px){.battle-shell .battle-screen{grid-template-rows:auto auto 260px auto;height:auto;min-height:100dvh;overflow:visible}.question-dock{grid-template-columns:1fr;margin-top:-12px}.timer-line{grid-column:1}.numeric-controls,.choice-keypad{border-top:1px solid var(--line);border-left:0}}@media (max-width:720px){.battle-screen{padding:.25rem 0}.battle-topline{grid-template-columns:auto 1fr auto}.battle-topline .status-chip,.battle-topline>span:not(.status-chip){display:none}.battle-hud{gap:.45rem;padding:.45rem}.health-block .avatar{display:none}.health-block .brand-avatar{--brand-avatar-size:2.35rem}.health-label{gap:.25rem}.health-label span{font-size:.6rem}.round-badge{width:44px}.question-dock{border-radius:20px;width:100%;margin-top:-10px}.battle-shell .battle-screen{grid-template-rows:auto auto clamp(176px,22.5dvh,190px) auto;gap:.35rem}.battle-screen .fighter-slot .avatar{width:140px;height:160px}.problem-panel{min-height:132px;padding:.85rem .8rem .5rem}.problem-panel h1{margin-top:.55rem}.feedback{flex-direction:column;gap:.18rem}.numeric-controls,.left-handed .numeric-controls{grid-template-columns:1fr}.number-pad{grid-template-columns:repeat(3,1fr)}.submit-stack{grid-template-columns:.7fr 1.3fr}.left-handed .number-pad,.left-handed .submit-stack{grid-column:1}.left-handed .submit-stack{grid-row:auto}.choice-keypad{grid-template-columns:repeat(2,1fr)}.timer-line output{top:.55rem;right:.5rem}.match-comparison{grid-template-columns:1fr}.player-stats dl{grid-template-columns:1fr 1fr}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:calc(16px * var(--text-scale,1));--ink:#f7f8ff;--muted:#aab2d5;--muted-2:#7f88ad;--bg:#070918;--surface:#10142b;--surface-2:#171c39;--surface-3:#20264a;--line:#a4b2ec2b;--line-bright:#6fffe959;--violet:#8f6dff;--violet-2:#b7a2ff;--cyan:#6fffe9;--cyan-2:#2dcfdb;--pink:#ff7597;--gold:#ffd36f;--green:#77efb0;--lime:#a5ff7a;--danger:#ff7185;--shadow:0 24px 80px #00000052;--shadow-game:0 18px 50px #301b7d47;--glow-soft:0 0 28px #6fffe933;--motion-fast:.16s;--motion-game:.42s;--radius:24px;--radius-sm:15px}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 85% -10%, #7757ff3d, transparent 33rem), radial-gradient(circle at -5% 65%, #2dcfdb17, transparent 30rem), var(--bg);margin:0}body:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(2.1rem,5vw,4.25rem);line-height:1.02}h2{font-size:clamp(1.25rem,2.3vw,1.75rem)}h3{font-size:1.3rem}em{color:var(--cyan);font-style:normal}::selection{background:var(--violet);color:#fff}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;color:#070918;background:var(--cyan);border-radius:10px;padding:.7rem 1rem;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-shell{min-height:100vh;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.app-shell.battle-shell{padding-bottom:0}.topbar{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070918c2;border-bottom:1px solid #abb9ef1c;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand-link{border-radius:12px;display:inline-flex}.logo{align-items:center;display:inline-flex}.logo-image{filter:drop-shadow(0 6px 16px #29bcff33);width:clamp(150px,14vw,190px);height:auto;display:block}.logo.compact .logo-image{border-radius:12px;width:42px}.topbar-actions{align-items:center;gap:.7rem;display:flex}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:#ffffff08;border-radius:13px;place-items:center;display:grid}.icon-button:hover{color:#fff;border-color:var(--line-bright);background:#6fffe912}.profile-pill{border:1px solid var(--line);background:#ffffff09;border-radius:999px;align-items:center;gap:.75rem;padding:.43rem .5rem .43rem .85rem;font-size:.84rem;display:flex}.profile-pill span{color:var(--muted)}.profile-pill b{color:var(--cyan);background:#6fffe91a;border-radius:999px;padding:.3rem .55rem}.status-chip{border:1px solid var(--line);min-height:29px;color:var(--muted);letter-spacing:.02em;background:#ffffff09;border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-chip.success{color:var(--green);background:#77efb014;border-color:#77efb040}.status-chip.warning{color:var(--gold);background:#ffd36f14;border-color:#ffd36f40}.page-shell{outline:none;width:min(1240px,100% - 2rem);margin:0 auto}.screen{min-height:calc(100vh - 160px);padding:clamp(2rem,5vw,4.5rem) 0;animation:.42s both screen-in}.page-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.page-header h1{margin:.35rem 0 .75rem;font-size:clamp(2.25rem,5vw,4rem)}.page-header p{max-width:46rem;margin:0}.eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:900;line-height:1.2;display:block}.bottom-nav{z-index:50;padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0f22eb;border:1px solid #aebdf029;border-bottom:0;border-radius:22px 22px 0 0;grid-template-columns:repeat(5,minmax(72px,120px));gap:.25rem;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 50px #00000047}.bottom-nav a{min-width:0;min-height:58px;color:var(--muted-2);text-overflow:ellipsis;white-space:nowrap;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;font-size:.7rem;font-weight:800;display:flex;overflow:hidden}.bottom-nav a span{font-size:1.05rem}.bottom-nav a:hover,.bottom-nav a.active{color:var(--cyan);background:#6fffe914}.bottom-nav a:focus-visible{outline-offset:-2px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#181d3df0,#0d1126f0);box-shadow:0 14px 45px #00000024}.button{color:#fff;background:var(--surface-3);cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.75rem 1.15rem;font-weight:850;line-height:1.1;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(1px)scale(.985)}.button:disabled{opacity:.48;cursor:not-allowed}.button.primary{color:#090b1a;background:linear-gradient(135deg, var(--cyan), #8af2ff 48%, var(--violet-2));box-shadow:0 10px 30px #6fffe92e}.button.primary:hover:not(:disabled){box-shadow:0 14px 36px #6fffe94d}.button.secondary{background:#8f6dff1f;border-color:#8f6dff80}.button.secondary:hover:not(:disabled){border-color:var(--violet-2);background:#8f6dff38}.button.tertiary{border-color:var(--line);color:var(--cyan);background:#ffffff06}.button.danger{color:#ffb5c1;background:#ff718514;border-color:#ff718566}.button.xl{border-radius:17px;min-height:57px;padding:.9rem 1.45rem;font-size:1rem}.button.full{width:100%}.info-note{color:#b6c6dd;background:#6fffe90b;border:1px solid #6fffe924;border-radius:12px;padding:.8rem 1rem;font-size:.78rem;line-height:1.5}.info-note.centered{text-align:center}.onboarding{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);min-height:100vh;display:grid;overflow:hidden}.onboarding-copy{z-index:2;background:radial-gradient(circle at 35% 35%,#8f6dff1f,#0000 36rem);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,7vw,8rem);display:flex}.onboarding-copy>.logo{margin-bottom:clamp(3rem,9vh,7rem)}.onboarding-copy .logo-image{width:clamp(230px,28vw,360px)}.onboarding-copy h1{max-width:42rem;margin:.65rem 0 1rem;font-size:clamp(3.25rem,6.8vw,6.6rem)}.onboarding-copy p{max-width:41rem;font-size:1.05rem}.guest-form{width:min(100%,42rem);margin-top:1.4rem}.guest-form label{margin-bottom:.55rem;font-size:.78rem;font-weight:850;display:block}.input-row{gap:.65rem;display:flex}.input-row input,.code-input,.guest-form input{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:15px;flex:1;min-width:0;height:58px;padding:0 1rem}.input-row input:hover,.code-input:hover{border-color:#6fffe94d}.input-row input:focus,.code-input:focus{border-color:var(--cyan);outline:3px solid #6fffe91f}.guest-form small{color:var(--muted-2);margin-top:.65rem;display:block}.trust-row{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-top:2rem;font-size:.74rem;font-weight:700;display:flex}.trust-row span:first-letter{color:var(--green)}.onboarding-art{isolation:isolate;background:linear-gradient(155deg,#15133a,#0a1634 55%,#07101c);justify-content:center;align-items:center;gap:clamp(0,2vw,2rem);display:flex;position:relative}.onboarding-art:before{content:"";z-index:-1;transform-origin:bottom;background:repeating-linear-gradient(0deg,#0000 0 48px,#6fffe90b 49px 50px),repeating-linear-gradient(90deg,#0000 0 48px,#6fffe90b 49px 50px);position:absolute;inset:0;transform:perspective(500px)rotateX(55deg)scale(1.6)}.arena-rings{aspect-ratio:1.8;border:2px solid #6fffe94d;border-radius:50%;width:85%;position:absolute;transform:rotateX(62deg);box-shadow:0 0 0 35px #8f6dff12,0 0 0 70px #6fffe909,inset 0 0 60px #6fffe91f}.onboarding-art .avatar{z-index:2}.onboarding-art .avatar-nova{transform:translateY(25px)scale(1.1)}.onboarding-art .avatar-lumi{transform:translateY(-45px)scale(.94)}.energy-equation{z-index:5;color:#fff;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d22bd;border:1px solid #ffffff2e;border-radius:13px;padding:.8rem 1.15rem;font-size:1.25rem;font-weight:800;position:absolute;top:14%;left:50%;transform:translate(-50%)rotate(-2deg)}.energy-equation strong{color:var(--cyan)}.avatar{--avatar-main:#7bf3ff;--avatar-deep:#4864d9;filter:drop-shadow(0 20px 18px #0000005c);transform-origin:bottom;flex-shrink:0;justify-content:center;align-items:center;width:132px;height:154px;display:inline-flex;position:relative}.avatar-small{width:54px;height:64px}.avatar-medium{width:102px;height:120px}.avatar-large{width:clamp(142px,18vw,224px);height:clamp(170px,22vw,262px)}.avatar-aura{background:radial-gradient(circle, color-mix(in srgb, var(--avatar-main) 30%, transparent), transparent 68%);border-radius:50%;animation:2.5s ease-in-out infinite aura-pulse;position:absolute;inset:12% -8% 0}.avatar-body{background:linear-gradient(145deg, color-mix(in srgb, var(--avatar-main) 88%, white), var(--avatar-deep) 75%);width:72%;height:66%;box-shadow:inset 0 10px 18px #ffffff38, inset 0 -20px 28px #05081e33, 0 0 28px color-mix(in srgb, var(--avatar-main) 18%, transparent);border:max(2px,.022em) solid #ffffff8c;animation:2.8s ease-in-out infinite avatar-float;display:block;position:relative}.avatar-eye{aspect-ratio:.58;background:#fff;border-radius:50%;width:9%;position:absolute;top:34%;transform:rotate(-7deg);box-shadow:0 0 8px #fff}.avatar-eye.left{left:30%}.avatar-eye.right{right:30%;transform:rotate(7deg)}.avatar-emblem{aspect-ratio:1;border:2px solid #ffffffb3;width:28%;position:absolute;bottom:18%;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:inset 0 0 12px #ffffff59}.avatar-label{z-index:4;border:1px solid var(--line);background:#070918d1;border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:850;position:absolute;bottom:-1.3rem;left:50%;transform:translate(-50%)}.avatar-nova{--avatar-main:#70ffe8;--avatar-deep:#4365e9}.avatar-nova .avatar-body{clip-path:polygon(50% 0,66% 17%,91% 13%,88% 39%,100% 59%,79% 72%,72% 100%,50% 87%,28% 100%,21% 72%,0 59%,12% 39%,9% 13%,34% 17%)}.avatar-nova .avatar-emblem{background:#ffffff2e;border-radius:2px}.avatar.is-attack .avatar-body{animation:.5s cubic-bezier(.2,.8,.2,1) infinite alternate avatar-attack}.avatar.is-hit .avatar-body{filter:brightness(1.7);animation:.35s both avatar-hit}.avatar.is-victory .avatar-body{animation:.8s ease-in-out infinite alternate avatar-victory}.avatar.is-defeat .avatar-body{filter:grayscale(.35)brightness(.65);animation:none;transform:translateY(10%)rotate(8deg)scale(.9)}.avatar{--hero-skin:#9a563d;--hero-hair:#241739;--hero-accent:#ffd36f}.avatar-body,.avatar-nova .avatar-body{clip-path:none;width:78%;height:86%;box-shadow:none;background:0 0;border:0;overflow:visible}.avatar-energy{border:2px solid color-mix(in srgb, var(--avatar-main) 70%, white);background:radial-gradient(ellipse, color-mix(in srgb, var(--avatar-main) 25%, transparent), transparent 68%);width:82%;height:18%;box-shadow:0 0 24px color-mix(in srgb, var(--avatar-main) 40%, transparent);border-radius:50%;animation:2s ease-in-out infinite energy-ring;position:absolute;bottom:4%;transform:rotateX(67deg)}.avatar-face{z-index:3;aspect-ratio:.92;background:linear-gradient(145deg, color-mix(in srgb, var(--hero-skin) 82%, white), var(--hero-skin));border:2px solid #ffffff8c;border-radius:45% 45% 48% 48%;width:55%;position:absolute;top:19%;left:50%;transform:translate(-50%);box-shadow:inset 0 8px 12px #ffffff29,0 8px 18px #00000038}.avatar-hair{z-index:4;background:linear-gradient(145deg, color-mix(in srgb, var(--hero-hair) 78%, white), var(--hero-hair));width:65%;height:27%;box-shadow:0 5px 0 color-mix(in srgb, var(--hero-hair) 80%, black);border-radius:48% 52% 28% 30%;position:absolute;top:9%;left:50%;transform:translate(-50%)rotate(-3deg)}.avatar-outfit{z-index:2;background:linear-gradient(145deg, color-mix(in srgb, var(--avatar-main) 80%, white), var(--avatar-deep));border:2px solid #ffffff7a;border-radius:42% 42% 24% 24%;width:70%;height:42%;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:inset 0 9px 16px #ffffff2e,0 12px 22px #00000047}.avatar-eye{aspect-ratio:.72;background:#fff;width:12%;top:42%;box-shadow:0 0 5px #ffffffe6}.avatar-smile{border-bottom:3px solid #522d3f;border-radius:50%;width:24%;height:10%;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.avatar-emblem{z-index:3;background:color-mix(in srgb, var(--hero-accent) 50%, transparent);border-color:#ffffffe6;width:24%;bottom:24%}.avatar-accessory{z-index:5;position:absolute}.avatar-particle{z-index:6;color:var(--hero-accent);opacity:0;text-shadow:0 0 9px;pointer-events:none;font-size:.14em;font-weight:950;position:absolute}.avatar-particle.one{top:18%;left:3%}.avatar-particle.two{top:5%;right:8%}.avatar-particle.three{bottom:24%;right:0}.avatar.is-attack .avatar-particle,.avatar.is-victory .avatar-particle,.avatar.is-combo .avatar-particle{animation:.9s ease-out infinite hero-particle}.avatar.is-attack .avatar-particle.two{animation-delay:.2s}.avatar.is-attack .avatar-particle.three{animation-delay:.4s}.avatar.is-thinking .avatar-energy{animation-duration:.7s}.avatar.is-wrong .avatar-body{animation:.3s avatar-hit}.avatar-lumi{--avatar-main:#c679ff;--avatar-deep:#ff668f;--hero-skin:#8f4d38;--hero-hair:#301b4a;--hero-accent:#ffd36f}.avatar-lumi .avatar-hair{border-radius:50% 50% 42% 42%;height:33%}.avatar-lumi .avatar-hair:before,.avatar-lumi .avatar-hair:after{content:"";aspect-ratio:1;background:inherit;border-radius:50%;width:35%;position:absolute;top:-28%}.avatar-lumi .avatar-hair:before{left:4%}.avatar-lumi .avatar-hair:after{right:4%}.avatar-lumi .avatar-accessory{aspect-ratio:1;background:var(--hero-accent);clip-path:polygon(50% 0,62% 35%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 36%);width:22%;top:8%;right:15%}.avatar-nova{--avatar-main:#55e9ff;--avatar-deep:#3976f6;--hero-skin:#d28a61;--hero-hair:#3b241d;--hero-accent:#8effd7}.avatar-nova .avatar-hair{border-radius:55% 55% 20% 35%;transform:translate(-50%)skew(-8deg)}.avatar-nova .avatar-accessory{background:#2578e7;border-radius:70% 70% 28% 22%;width:61%;height:14%;top:7%;left:19%;transform:rotate(-6deg);box-shadow:-8px 7px #55e9ff}.avatar-pixel{--avatar-main:#7cf4ff;--avatar-deep:#5f52df;--hero-skin:#d8fbff;--hero-hair:#293b74;--hero-accent:#b7ff78}.avatar-pixel .avatar-face{background:linear-gradient(145deg,#eaffff,#9ac5ec);border-radius:28%;width:62%}.avatar-pixel .avatar-hair{display:none}.avatar-pixel .avatar-eye{aspect-ratio:2;height:8%;box-shadow:0 0 8px var(--avatar-main);background:#173873;border-radius:3px}.avatar-pixel .avatar-smile{border-bottom-color:#31548c}.avatar-pixel .avatar-accessory{background:var(--hero-accent);width:5%;height:17%;box-shadow:0 -6px 0 2px var(--avatar-main);top:8%;left:50%}.avatar-bloom{--avatar-main:#7cf0ad;--avatar-deep:#28a87f;--hero-skin:#6d3f2f;--hero-hair:#3a211c;--hero-accent:#ff85c8}.avatar-bloom .avatar-hair{border-radius:48% 48% 38% 38%;height:34%}.avatar-bloom .avatar-accessory{aspect-ratio:1;background:radial-gradient(circle,#ffd36f 0 20%,#ff85c8 22% 48%,#0000 50%);border-radius:50%;width:25%;top:6%;right:14%;box-shadow:7px 0 #ff85c8,-7px 0 #ff85c8,0 7px #ff85c8,0 -7px #ff85c8}.avatar-zenith{--avatar-main:#a889ff;--avatar-deep:#4938a6;--hero-skin:#a889ff;--hero-hair:#20184a;--hero-accent:#62f4ff}.avatar-zenith .avatar-face{background:linear-gradient(145deg,#c8aaff,#6858bf);border-radius:48% 48% 38% 38%}.avatar-zenith .avatar-hair{clip-path:polygon(0 100%,12% 10%,38% 56%,50% 0,64% 56%,91% 8%,100% 100%);background:linear-gradient(140deg, var(--avatar-main), var(--hero-hair));height:30%;top:5%}.avatar-zenith .avatar-smile{border-bottom-color:#e5d8ff}@keyframes hero-particle{0%{opacity:0;transform:translateY(12px)scale(.6)rotate(0)}35%{opacity:1}to{opacity:0;transform:translateY(-28px)scale(1.2)rotate(25deg)}}@keyframes energy-ring{50%{opacity:.65;transform:rotateX(67deg)scale(1.1)}}.home-screen{padding-top:2rem}.home-hero{min-height:480px;box-shadow:var(--shadow);isolation:isolate;background:radial-gradient(circle at 82% 42%,#6fffe933,#0000 18rem),linear-gradient(125deg,#1b1846f7,#0b1128fa);border:1px solid #8f6dff38;border-radius:34px;grid-template-columns:1.15fr .85fr;align-items:center;padding:clamp(2rem,5vw,4.5rem);display:grid;position:relative;overflow:hidden}.home-hero:before{content:"";z-index:-1;opacity:.35;background:linear-gradient(90deg,#0000 50%,#6fffe912),repeating-radial-gradient(circle at 82% 54%,#0000 0 42px,#6fffe91c 44px 46px);position:absolute;inset:0}.hero-copy h1{margin:.6rem 0 1rem;font-size:clamp(3rem,6vw,5.5rem)}.hero-copy h1>span{color:var(--violet-2)}.hero-copy p{max-width:36rem;font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.8rem;display:flex}.hero-fighter{place-items:center;min-height:350px;display:grid;position:relative}.hero-message{max-width:210px;color:var(--ink);box-shadow:var(--glow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1330d1;border:1px solid #ffffff26;border-radius:14px 14px 2px;margin:0;padding:.65rem .8rem;font-size:.72rem;font-weight:750;position:absolute;bottom:3%;right:2%}.hero-fighter .avatar{transform:scale(1.18)}.level-badge{aspect-ratio:1;background:#090c20d9;border:2px solid #6fffe966;border-radius:50%;place-items:center;width:75px;display:grid;position:absolute;bottom:5%;right:4%;box-shadow:0 0 35px #6fffe92e}.level-badge span{color:var(--muted);letter-spacing:.12em;align-self:end;font-size:.55rem;font-weight:900}.level-badge strong{color:var(--cyan);align-self:start;font-size:1.7rem}.floating-symbol{color:#ffffff52;font-size:2.8rem;font-weight:200;position:absolute}.floating-symbol.one{top:10%;left:10%;transform:rotate(18deg)}.floating-symbol.two{top:28%;right:8%;transform:rotate(-15deg)}.home-grid{grid-template-columns:1.25fr 1fr;gap:1rem;margin:1rem 0 3.5rem;display:grid}.daily-panel,.xp-panel{padding:1.5rem}.daily-panel{grid-row:span 2}.panel-heading{justify-content:space-between;gap:1rem;display:flex}.panel-heading h2,.xp-panel h2{margin:.35rem 0 1.2rem}.goal-gem{width:48px;height:48px;color:var(--gold);background:#ffd36f1a;border-radius:15px;place-items:center;font-size:1.5rem;display:grid}.daily-panel p{margin:1rem 0 0;font-size:.82rem}.stats-strip{grid-template-columns:repeat(3,1fr);padding:1.25rem;display:grid}.stats-strip div{border-right:1px solid var(--line);padding:0 1rem}.stats-strip div:last-child{border:0}.stats-strip span{color:var(--muted);margin-bottom:.25rem;font-size:.7rem;display:block}.stats-strip strong{font-size:1.6rem}.stats-strip small{color:var(--cyan);font-size:.7em}.progress-wrap{width:100%}.progress-label{color:var(--muted);justify-content:space-between;margin-bottom:.42rem;font-size:.68rem;display:flex}.progress-label strong{color:var(--ink)}.progress-track{background:#ffffff12;border-radius:999px;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--violet), var(--cyan));height:100%;transition:width .6s;display:block;box-shadow:0 0 15px #6fffe940}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:1.2rem;display:flex}.section-heading h2{margin:.35rem 0 0}.section-heading a{color:var(--cyan);font-size:.8rem;font-weight:800}.mode-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;display:grid}.mode-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#181d3deb,#0b0e21f5);flex-direction:column;align-items:flex-start;min-height:290px;padding:1.5rem;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.mode-card:after{content:"";aspect-ratio:1;border:1px solid #6fffe921;border-radius:50%;width:190px;position:absolute;bottom:-80px;right:-70px;box-shadow:0 0 0 28px #8f6dff09,0 0 0 55px #6fffe905}.mode-card:hover{border-color:#6fffe959;transform:translateY(-5px);box-shadow:0 18px 50px #0000003d}.mode-card h3{margin:.45rem 0 .55rem;font-size:1.55rem}.mode-card p{margin:0;font-size:.85rem}.mode-icon{width:54px;height:54px;color:var(--cyan);background:#6fffe914;border:1px solid #6fffe933;border-radius:17px;place-items:center;margin-bottom:1.5rem;font-size:1.35rem;display:grid}.mode-tag{color:var(--violet-2);text-transform:uppercase;letter-spacing:.05em;background:#8f6dff1c;border-radius:999px;margin-top:auto;padding:.3rem .55rem;font-size:.66rem;font-weight:900}.card-arrow{color:var(--cyan);font-size:1.25rem;position:absolute;bottom:1.25rem;right:1.4rem}.mode-bot .mode-icon{color:var(--gold);background:#ffd36f14;border-color:#ffd36f33}.mode-friend .mode-icon{color:var(--pink)}.mode-ranked .mode-icon{color:var(--gold)}.mode-rush .mode-icon{color:var(--lime);background:#a5ff7a14;border-color:#a5ff7a38}.mode-boss .mode-icon{color:var(--violet-2);background:#8f6dff1f;border-color:#c68fff40}.disabled-card{opacity:.68;cursor:default}.disabled-card:hover{border-color:var(--line);box-shadow:none;transform:none}.compact-cards{grid-template-columns:repeat(4,1fr)}.compact-cards .mode-card{min-height:250px}.setup-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:start;gap:1rem;display:grid}.setup-form{padding:clamp(1.2rem,3vw,2rem)}.choice-field{border:0;border-bottom:1px solid var(--line);margin:0 0 1.7rem;padding:0 0 1.7rem}.choice-field legend{margin-bottom:.8rem;font-size:.78rem;font-weight:900}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.65rem;display:grid}.choice-grid label{border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:14px;align-items:center;gap:.7rem;min-height:70px;padding:.75rem;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.choice-grid label:hover{border-color:#6fffe952;transform:translateY(-2px)}.choice-grid label.selected{border-color:var(--cyan);background:#6fffe916;box-shadow:inset 0 0 0 1px #6fffe929}.choice-grid input{opacity:0;pointer-events:none;position:absolute}.choice-grid label:has(input:focus-visible){outline:3px solid var(--cyan);outline-offset:3px}.choice-grid b{width:36px;height:36px;color:var(--cyan);background:#6fffe914;border-radius:10px;flex-shrink:0;place-items:center;font-size:1.3rem;display:grid}.choice-grid span{font-size:.78rem;font-weight:800}.choice-grid small{color:var(--muted-2);margin-top:.2rem;font-size:.65rem;font-weight:600;display:block}.choice-grid.operations,.choice-grid.tiers{grid-template-columns:repeat(5,1fr)}.choice-grid.tiers label{flex-direction:column;align-items:flex-start;min-height:148px}.choice-grid .choice-meta{color:var(--muted);line-height:1.35}.difficulty-dots{gap:.22rem;margin-top:auto;display:flex!important}.difficulty-dots i{background:#ffffff1a;border-radius:999px;width:14px;height:5px}.difficulty-dots i.active{background:linear-gradient(90deg, var(--cyan), var(--violet));box-shadow:0 0 8px #6fffe947}.setup-preview{padding:1.5rem;position:sticky;top:92px}.setup-preview-hero{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;margin:-.7rem 0 .8rem;padding-bottom:.8rem;display:flex}.setup-preview-hero .avatar{margin:-1.3rem -.4rem -1.4rem -.8rem;transform:scale(.72)}.setup-preview-hero strong{margin-top:.2rem;font-size:1.15rem;display:block}.preview-equation{background:radial-gradient(circle,#6fffe91a,#0000 70%);border:1px solid #6fffe926;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;margin:1rem 0;font-size:clamp(2rem,4vw,3rem);font-weight:900;display:flex}.preview-equation span{color:var(--cyan)}.setup-preview dl{margin:0 0 1rem}.setup-preview dl div{border-bottom:1px solid var(--line);justify-content:space-between;padding:.65rem 0;font-size:.78rem;display:flex}.setup-preview dt{color:var(--muted)}.setup-preview dd{margin:0;font-weight:800}.character-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.character-card{border:1px solid var(--line);border-radius:var(--radius);color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 37%,#6fffe91c,#0000 42%),linear-gradient(145deg,#191e3ef2,#0b0e20f7);flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:390px;padding:1.5rem;transition:transform .2s,border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.character-card:first-child{--card-glow:#c679ff30}.character-card:nth-child(2){--card-glow:#55e9ff2e}.character-card:nth-child(3){--card-glow:#7cf4ff29}.character-card:nth-child(4){--card-glow:#7cf0ad2b}.character-card:nth-child(5){--card-glow:#a889ff33}.character-card{background:radial-gradient(circle at 50% 34%, var(--card-glow,#6fffe91c), transparent 43%), linear-gradient(145deg, #191e3ef2, #0b0e20f7)}.save-progress-card{background:linear-gradient(135deg,#8f6dff1f,#6fffe90f);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-top:1rem;padding:1.2rem;display:grid}.save-progress-card h2,.save-progress-card p{margin:.15rem 0}.save-progress-icon{aspect-ratio:1;width:52px;color:var(--cyan);background:#6fffe91a;border-radius:16px;place-items:center;font-size:1.4rem;display:grid}.character-card:hover{border-color:#6fffe959;transform:translateY(-5px)}.character-card.selected{border-color:var(--cyan);box-shadow:inset 0 0 0 1px #6fffe940,0 20px 50px #0000002e}.character-card .avatar{margin:auto 0}.character-card h2{margin:.35rem 0 .25rem}.character-card p{margin:0;font-size:.8rem}.selected-check{z-index:4;color:#06111a;background:var(--cyan);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:none;position:absolute;top:1rem;right:1rem}.character-card.selected .selected-check{display:grid}.sticky-action{z-index:20;pointer-events:none;justify-content:center;margin-top:2rem;display:flex;position:sticky;bottom:85px}.sticky-action .button{pointer-events:auto;box-shadow:0 15px 45px #0000006b}.result-hero{border:1px solid var(--line);background:radial-gradient(circle at 35% 55%,#6fffe92b,#0000 18rem),linear-gradient(130deg,#171949,#0b132c);border-radius:32px;justify-content:center;align-items:center;gap:clamp(1rem,5vw,4rem);min-height:380px;display:flex;position:relative;overflow:hidden}.result-hero h1{margin:.45rem 0 .8rem}.result-hero p{max-width:30rem}.result-rays{opacity:.12;background:repeating-conic-gradient(from 0deg, var(--cyan) 0deg 7deg, transparent 7deg 22deg);animation:30s linear infinite slow-spin;position:absolute;inset:-80%}.result-hero>:not(.result-rays){z-index:1}.outcome-loss{background:radial-gradient(circle at 35% 55%,#ff75971f,#0000 18rem),linear-gradient(130deg,#27173d,#0b132c)}.result-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0;display:grid}.result-stat{flex-direction:column;justify-content:center;min-height:150px;padding:1.4rem;display:flex}.result-stat>span{color:var(--muted);font-size:.72rem}.result-stat strong{margin:.3rem 0;font-size:2rem}.result-stat small{color:var(--cyan)}.result-actions{justify-content:center;gap:.7rem;margin-top:2rem;display:flex}.profile-banner{grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem;display:grid}.profile-avatar-preview{justify-items:center;gap:.35rem;display:grid}.profile-avatar-preview .avatar-label{display:none}.rank-medallion{aspect-ratio:1;width:72px;color:var(--cyan);background:#6fffe914;border:2px solid #6fffe966;border-radius:50%;place-items:center;font-size:1.7rem;font-weight:900;display:grid;box-shadow:0 0 25px #6fffe91a}.rank-medallion span{letter-spacing:.1em;align-self:end;font-size:.45rem;display:block}.rank-medallion.large{width:110px;color:var(--gold);background:#ffd36f14;border-color:#ffd36f66;font-size:3rem}.profile-banner h2{margin:0 0 .65rem}.local-chip{color:var(--muted);font-size:.72rem}.stat-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0;display:grid}.link-list{gap:.65rem;display:grid}.link-list a{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff06;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background .18s,border-color .18s;display:grid}.link-list a:hover{background:#6fffe90d;border-color:#6fffe94d}.link-list a>span{width:42px;height:42px;color:var(--cyan);background:#6fffe914;border-radius:12px;place-items:center;display:grid}.link-list small{color:var(--muted);margin-top:.18rem;display:block}.link-list b{color:var(--cyan)}.mastery-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.mastery-card{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.4rem;display:grid;position:relative}.mastery-card .progress-wrap,.mastery-card>a{grid-column:1/-1}.operation-orb{width:54px;height:54px;color:var(--cyan);background:#6fffe914;border-radius:16px;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.mastery-card h2{margin:.3rem 0 0}.mastery-score{font-size:2rem}.mastery-score small{color:var(--muted);font-size:.5em}.mastery-card>a{color:var(--cyan);font-size:.78rem;font-weight:800}.empty-state{border-radius:var(--radius);text-align:center;background:#6fffe906;border:1px dashed #6fffe93d;align-content:center;place-items:center;min-height:390px;padding:2rem;display:grid}.empty-state h2{margin:1rem 0 .3rem}.empty-state p{max-width:30rem}.empty-orbit{aspect-ratio:1;width:72px;color:var(--cyan);border:1px solid #6fffe94d;border-radius:50%;place-items:center;font-size:1.5rem;display:grid;box-shadow:0 0 0 12px #6fffe908,0 0 0 24px #8f6dff05}.history-list{gap:.65rem;display:grid}.history-row{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid}.outcome-mark{width:46px;height:46px;color:var(--green);background:#77efb01a;border-radius:14px;place-items:center;font-weight:900;display:grid}.outcome-mark.loss{color:var(--pink);background:#ff75971a}.outcome-mark.draw{color:var(--gold);background:#ffd36f1a}.history-row h2{margin:.2rem 0;font-size:1rem}.history-row small{color:var(--muted-2)}.history-row dl{gap:2rem;margin:0;display:flex}.history-row dl div{text-align:right}.history-row dt{color:var(--muted);font-size:.65rem}.history-row dd{margin:.2rem 0 0;font-weight:900}.cosmetics-grid .character-card{cursor:default}.swatches{gap:.4rem;margin-top:.8rem;display:flex}.swatches span{background:var(--cyan);border:2px solid #fff6;border-radius:50%;width:22px;height:22px}.swatches span:nth-child(2){background:var(--violet)}.swatches span:nth-child(3){background:var(--pink)}.cosmetic-note{color:var(--muted-2);margin-top:.65rem;font-size:.68rem}.coming-soon{align-items:center;gap:1rem;margin-top:1rem;padding:1.3rem;display:flex}.coming-soon>span:first-child{width:48px;height:48px;color:var(--gold);background:#ffd36f1a;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.coming-soon h2{margin:0 0 .3rem}.coming-soon p{margin:0}.coming-soon .mode-tag{margin:0 0 0 auto}.settings-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;display:grid}.settings-group{padding:1.5rem}.settings-group h2{margin-bottom:1rem}.toggle-row{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:78px;padding:.9rem 0;display:flex}.toggle-row strong,.toggle-row small{display:block}.toggle-row small{max-width:29rem;color:var(--muted);margin-top:.2rem;font-size:.7rem;line-height:1.45}.toggle-row input{opacity:0;position:absolute}.toggle-row i{border:1px solid var(--line);background:#ffffff12;border-radius:999px;flex-shrink:0;width:48px;height:27px;transition:background .2s;position:relative}.toggle-row i:after{content:"";background:var(--muted);border-radius:50%;width:19px;height:19px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i{border-color:var(--cyan);background:#6fffe92e}.toggle-row input:checked+i:after{background:var(--cyan);transform:translate(21px)}.toggle-row input:focus-visible+i{outline:3px solid var(--cyan);outline-offset:3px}.slider-row{border-top:1px solid var(--line);padding:1rem 0;display:block}.slider-row>span{justify-content:space-between;display:flex}.slider-row output{color:var(--cyan);font-size:.75rem}.slider-row input{width:100%;accent-color:var(--cyan);margin-top:.85rem}.danger-zone{grid-column:1/-1}.danger-zone .button{margin-right:.5rem}.safety-hero{align-items:center;gap:1.4rem;margin-bottom:1rem;padding:1.7rem;display:flex}.safety-hero>span{width:70px;height:70px;color:var(--cyan);background:#6fffe917;border-radius:20px;flex-shrink:0;place-items:center;font-size:2rem;display:grid}.safety-hero h2{margin:0 0 .4rem}.safety-hero p{margin:0}.safety-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.safety-grid article{padding:1.4rem}.check-list{color:var(--muted);gap:.7rem;padding:0;list-style:none;display:grid}.check-list li:before{content:"✓";color:var(--green);margin-right:.55rem;font-weight:900}.friend-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.friend-card{flex-direction:column;align-items:flex-start;min-height:330px;padding:1.7rem;display:flex}.friend-card p{flex:1}.friend-card label{margin:.5rem 0;font-size:.75rem;font-weight:800}.friend-card .code-input{letter-spacing:.24em;text-align:center;text-transform:uppercase;flex:none;width:100%;margin-bottom:.75rem;font-size:1.35rem;font-weight:900}.inline-error{color:#ffd0d7;background:#ff718514;border:1px solid #ff718559;border-radius:14px;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.inline-error span{color:var(--muted)}.waiting-room{text-align:center;padding:clamp(1.4rem,4vw,3rem)}.room-code{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.room-code>span{color:var(--muted);letter-spacing:.12em;font-size:.7rem;font-weight:900}.room-code>strong{color:var(--cyan);letter-spacing:.18em;font-size:2rem}.versus-lobby{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:260px;display:grid}.versus-lobby>div{flex-direction:column;align-items:center;gap:.6rem;display:flex}.versus-lobby>b{color:var(--violet-2);font-size:1.8rem;font-style:italic}.empty-player>span:first-child{aspect-ratio:1;border:2px dashed var(--line);width:100px;color:var(--muted);border-radius:50%;place-items:center;font-size:2rem;display:grid}.preset-emotes{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:.5rem;padding-top:1rem;display:flex}.preset-emotes>span{color:var(--muted);align-self:center;font-size:.7rem}.preset-emotes button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:.5rem .7rem}.queue-screen{text-align:center}.queue-screen .page-header{text-align:center;justify-content:center}.queue-orb{align-content:center;place-items:center;min-height:470px;padding:2rem;display:grid}.queue-orb p{max-width:36rem}.search-rings{aspect-ratio:1;border:1px solid #6fffe966;border-radius:50%;place-items:center;width:140px;margin-bottom:1.5rem;display:grid;box-shadow:0 0 0 22px #6fffe90b,0 0 0 45px #8f6dff09}.search-rings span{color:var(--cyan);font-size:3rem}.search-rings.active{animation:1.5s ease-in-out infinite search-pulse}.ranked-hero{align-items:center;gap:1.4rem;padding:1.6rem;display:flex}.ranked-hero .status-chip{margin-left:auto}.ranked-hero h2{margin:.35rem 0}.ranked-hero p{margin:0}.rank-ladder{grid-template-columns:repeat(6,1fr);gap:.6rem;margin:1rem 0;display:grid}.rank-ladder article{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:170px;color:var(--muted);text-align:center;background:#ffffff06;flex-direction:column;justify-content:center;align-items:center;padding:.8rem;display:flex}.rank-ladder article.current{color:var(--gold);background:#ffd36f0f;border-color:#ffd36f73}.rank-ladder article>span{margin-bottom:.6rem;font-size:2rem}.rank-ladder article strong{color:var(--ink)}.rank-ladder article small{color:var(--muted-2);margin-top:.3rem;font-size:.62rem}.fair-play{padding:1.4rem}.fair-play h2{margin:0 0 .4rem}.fair-play p{margin:0}.diagnostic-grid{grid-template-columns:repeat(2,1fr);padding:0;display:grid;overflow:hidden}.diagnostic-grid div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:1rem 1.2rem;display:flex}.diagnostic-grid div:nth-child(odd){border-right:1px solid var(--line)}.diagnostic-grid dt{color:var(--muted)}.diagnostic-grid dd{margin:0;font-weight:800}.arena-stage{isolation:isolate;background:radial-gradient(at 50% 42%,#8f6dff38,#0000 36%),linear-gradient(#12183b,#080c20);border:1px solid #6fffe929;border-radius:26px;width:100%;min-height:clamp(250px,34vw,420px);position:relative;overflow:hidden}.phaser-layer{z-index:1;position:absolute;inset:0}.phaser-layer canvas{object-fit:contain;width:100%!important;height:100%!important}.arena-ambient{z-index:0;background:repeating-linear-gradient(0deg,#0000 0 42px,#6fffe906 43px 44px);position:absolute;inset:0}.arena-ambient span{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 15px var(--cyan);border-radius:50%;position:absolute}.arena-ambient span:first-child{top:25%;left:18%}.arena-ambient span:nth-child(2){top:15%;left:53%}.arena-ambient span:nth-child(3){top:32%;right:14%}.fighter-slot{z-index:4;position:absolute;bottom:7%}.player-fighter{left:11%}.opponent-fighter{right:11%;transform:scaleX(-1)}.opponent-fighter .avatar-label,.opponent-fighter .sr-only{transform:scaleX(-1)}.damage-number{z-index:8;color:#fff;text-shadow:0 0 18px var(--pink);font-size:clamp(2rem,5vw,4rem);font-weight:950;animation:.8s both damage-pop;position:absolute;top:28%}.damage-number.on-opponent{right:20%}.damage-number.on-player{left:20%}.splash,.center-stage{background:radial-gradient(circle, #6fffe91f, transparent 24rem), var(--bg);text-align:center;align-content:center;place-items:center;gap:1rem;min-height:100vh;display:grid}.splash-mark{aspect-ratio:1;color:#070918;background:linear-gradient(145deg, var(--cyan), var(--violet-2));border-radius:25px;place-items:center;width:88px;font-size:1.6rem;font-weight:950;animation:1.1s ease-in-out infinite alternate splash-pulse;display:grid}.splash strong{font-size:1.6rem}.splash>span:last-child{color:var(--muted);font-size:.8rem}.error-card{border-radius:var(--radius);background:var(--surface);border:1px solid #ff71854d;max-width:35rem;padding:2rem}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}@keyframes avatar-float{50%{transform:translateY(-5%)}}@keyframes aura-pulse{50%{opacity:.55;transform:scale(1.12)}}@keyframes avatar-attack{to{transform:translate(10%,-4%)rotate(3deg)scale(1.06)}}@keyframes avatar-hit{25%{transform:translate(-10%)rotate(-5deg)}55%{transform:translate(7%)rotate(4deg)}}@keyframes avatar-victory{to{transform:translateY(-9%)rotate(-2deg)scale(1.05)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes search-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 35px #6fffe906,0 0 0 65px #8f6dff05}}@keyframes damage-pop{0%{opacity:0;transform:scale(.4)translateY(20px)}30%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(.9)translateY(-50px)}}@keyframes splash-pulse{to{transform:scale(1.06)rotate(2deg);box-shadow:0 0 45px #6fffe952}}@media (max-width:1000px){.onboarding{grid-template-columns:1fr}.onboarding-art{min-height:430px}.onboarding-copy>.logo{margin-bottom:3rem}.compact-cards{grid-template-columns:repeat(2,1fr)}.setup-layout{grid-template-columns:minmax(0,1fr)}.choice-grid.operations,.choice-grid.tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-preview{position:static}.character-grid,.result-stats,.stat-grid{grid-template-columns:repeat(2,1fr)}.rank-ladder{grid-template-columns:repeat(3,1fr)}.safety-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.topbar{height:65px;padding:0 .8rem}.profile-pill span,.topbar .status-chip{display:none}.topbar .logo-image{width:124px}.profile-pill{padding-left:.5rem}.page-shell{width:min(100% - 1rem,1240px)}.screen{min-height:calc(100vh - 140px);padding:1.8rem 0 2.5rem}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:1.7rem}.page-header h1{font-size:2.5rem}.bottom-nav{border-radius:18px 18px 0 0;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.bottom-nav a{min-height:56px;padding-inline:.1rem;font-size:clamp(.6rem,2.8vw,.7rem)}.onboarding-copy{padding:2rem 1.2rem 3rem}.onboarding-copy h1{font-size:clamp(3.1rem,16vw,5rem)}.onboarding-art{min-height:380px}.input-row{flex-direction:column}.guest-form .button{width:100%}.trust-row{gap:.6rem}.home-hero{grid-template-columns:1fr;min-height:600px;padding:1.5rem}.hero-fighter{grid-row:1;min-height:250px}.hero-fighter .avatar{transform:scale(.92)}.hero-copy h1{font-size:clamp(2.7rem,13vw,4rem)}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.hero-actions .button{width:100%;min-width:0;padding-inline:.75rem;font-size:.9rem}.home-grid{grid-template-columns:1fr}.daily-panel{grid-row:auto}.stats-strip div{padding:0 .55rem}.compact-cards{grid-template-columns:1fr}.compact-cards .mode-card{min-height:230px}.choice-grid.operations,.choice-grid.tiers{grid-template-columns:repeat(2,1fr)}.choice-grid.operations label:last-child,.choice-grid.tiers label:last-child{grid-column:span 2}.character-grid{grid-template-columns:1fr}.character-card{min-height:360px}.sticky-action{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.result-hero{text-align:center;flex-direction:column;gap:.5rem;min-height:520px;padding:1.4rem}.result-stats,.stat-grid{grid-template-columns:1fr 1fr}.result-actions{flex-direction:column}.result-actions .button{width:100%}.profile-banner{grid-template-columns:auto 1fr}.local-chip{grid-column:1/-1}.history-row{grid-template-columns:auto 1fr}.history-row dl{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;padding-top:.8rem}.settings-layout,.friend-grid,.safety-grid{grid-template-columns:1fr}.danger-zone{grid-column:auto}.danger-zone .button{width:100%;margin:.35rem 0}.safety-hero{align-items:flex-start}.room-code{flex-wrap:wrap}.versus-lobby{gap:.4rem}.ranked-hero{flex-wrap:wrap}.ranked-hero .status-chip{margin-left:0}.rank-ladder{grid-template-columns:repeat(2,1fr)}.diagnostic-grid{grid-template-columns:1fr}.diagnostic-grid div:nth-child(odd){border-right:0}.arena-stage{min-height:280px}.fighter-slot .avatar{transform:scale(.75)}.player-fighter{left:2%}.opponent-fighter{right:2%;transform:scaleX(-1)}}@media (max-width:410px){.result-stats,.stat-grid{grid-template-columns:1fr}.stats-strip{padding:1rem .4rem}.stats-strip strong{font-size:1.25rem}.versus-lobby .avatar{transform:scale(.75)}.preset-emotes button{font-size:.7rem}.rank-ladder{grid-template-columns:1fr 1fr}.rank-ladder article{min-height:135px}}:root[data-contrast=high]{--muted:#d0d5ef;--muted-2:#bac3e5;--line:#dce4ff5c}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.brand-logo,.brand-mark,.brand-avatar{vertical-align:middle;flex:none;place-items:center;display:inline-grid;position:relative}.brand-logo img,.brand-mark img,.brand-avatar img{z-index:1;object-fit:contain;width:100%;height:100%;display:block;position:relative}.brand-logo-primary{aspect-ratio:600/306}.brand-logo-tagline{aspect-ratio:900/414}.brand-logo-compact,.brand-logo-mark{aspect-ratio:1}.brand-logo-header{aspect-ratio:600/306}.brand-logo picture{width:100%;height:100%;display:block}.brand-mark-small{width:2.75rem;height:2.75rem}.brand-mark-medium{width:5rem;height:5rem}.brand-mark-large{width:8rem;height:8rem}.brand-avatar{width:var(--brand-avatar-size,4.5rem);height:var(--brand-avatar-size,4.5rem);border:2px solid color-mix(in srgb, var(--avatar-frame,var(--cyan)) 78%, white 22%);box-shadow:0 0 0 4px #070918b8, 0 0 28px color-mix(in srgb, var(--avatar-frame,var(--cyan)) 30%, transparent);isolation:isolate;background:#070918b8;border-radius:50%}.brand-avatar-small{--brand-avatar-size:2.25rem}.brand-avatar-medium{--brand-avatar-size:4.5rem}.brand-avatar-large{--brand-avatar-size:7rem}.brand-avatar-hero{--brand-avatar-size:clamp(10rem, 17vw, 14rem)}.brand-avatar-leaderboard{--brand-avatar-size:3rem}.brand-avatar-battle{--brand-avatar-size:clamp(4.25rem, 8vw, 6.5rem)}.brand-avatar.frame-aqua{--avatar-frame:var(--cyan)}.brand-avatar.frame-violet{--avatar-frame:var(--violet-2)}.brand-avatar.frame-coral{--avatar-frame:var(--pink)}.brand-avatar.frame-gold{--avatar-frame:var(--gold)}.brand-avatar-opponent{background:#260b30c7}.brand-avatar-guide{background:#092130cc}.brand-avatar img{border-radius:inherit;overflow:hidden}.brand-avatar-aura{z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--avatar-frame,var(--cyan)) 28%, transparent), transparent 68%);border-radius:50%;animation:2.6s ease-in-out infinite brand-aura;position:absolute;inset:-13%}.brand-avatar-level,.brand-avatar-status{z-index:3;border:2px solid var(--bg);border-radius:999px;place-items:center;display:grid;position:absolute}.brand-avatar-level{color:#07101c;background:var(--cyan);min-width:1.7rem;height:1.7rem;padding-inline:.3rem;font-size:.68rem;font-weight:950;bottom:-.35rem;right:-.35rem}.brand-avatar-status{background:var(--muted-2);width:.8rem;height:.8rem;bottom:0;right:0}.brand-avatar-status.is-online{background:var(--green)}.topbar-brand-logo{filter:drop-shadow(0 6px 16px #29bcff38);width:auto;max-width:7rem;height:3.5rem}.topbar-brand-logo img{width:auto;max-width:100%}.bottom-nav .brand-mark{width:1.35rem;height:1.35rem}.branded-profile-pill{gap:.6rem;padding:.25rem .55rem .25rem .3rem}.profile-pill.branded-profile-pill .profile-pill-avatar{display:inline-grid}.profile-pill-copy{align-items:center;gap:.65rem;display:flex}.profile-pill.branded-profile-pill .profile-pill-copy>span{color:var(--muted)}.onboarding-brand-logo{filter:drop-shadow(0 16px 32px #29bcff33);width:clamp(16rem,30vw,27rem);max-width:88vw;margin-bottom:clamp(2.5rem,7vh,5rem)}.onboarding-brand-scene{z-index:2;aspect-ratio:1;width:min(86%,34rem);position:relative}.onboarding-player-avatar,.onboarding-star-mascot,.onboarding-lightning{position:absolute}.onboarding-player-avatar{z-index:3;animation:3.4s ease-in-out infinite brand-float;bottom:5%;right:2%}.onboarding-star-mascot{z-index:2;aspect-ratio:1;filter:drop-shadow(0 18px 45px #8f6dff5c);width:clamp(12rem,22vw,19rem);height:auto;animation:4s ease-in-out -1.1s infinite brand-float;top:3%;left:0}.onboarding-lightning{z-index:4;aspect-ratio:1;filter:drop-shadow(0 0 22px #6fffe98c);width:clamp(4rem,7vw,6.5rem);height:auto;animation:1.8s ease-in-out infinite brand-charge;top:45%;left:44%;transform:rotate(9deg)}.brand-splash{padding:2rem;position:relative;overflow:hidden}.brand-splash-visual{width:min(86vw,31rem);margin-bottom:.25rem;padding:1rem 3.25rem 1.75rem 1rem;position:relative}.brand-splash-logo{filter:drop-shadow(0 16px 34px #29bcff3d);width:100%}.brand-splash-mascot{filter:drop-shadow(0 10px 26px #8f6dff6b);width:6.5rem;height:6.5rem;animation:2.8s ease-in-out infinite brand-float;position:absolute;bottom:-.2rem;right:-.25rem}.brand-splash-lightning{filter:drop-shadow(0 0 18px #6fffe98c);animation:1.6s ease-in-out infinite brand-charge;position:absolute;top:-.2rem;left:-.4rem}.brand-splash>strong{font-size:clamp(1.35rem,4vw,1.85rem)}.brand-splash>span:last-child{color:var(--muted);font-size:.86rem}.error-card{text-align:center}.error-card-mascot{filter:drop-shadow(0 12px 30px #8f6dff57);width:7rem;height:7rem;margin:-.75rem auto .5rem}.error-card .eyebrow{display:block}.empty-state-mascot{filter:drop-shadow(0 12px 28px #6fffe93d);width:6rem;height:6rem}@keyframes brand-float{50%{transform:translateY(-.55rem)}}@keyframes brand-charge{50%{opacity:.82;transform:rotate(4deg)scale(1.08)}}@keyframes brand-aura{50%{opacity:.55;transform:scale(1.08)}}@media (max-width:1000px){.onboarding-brand-logo{margin-bottom:2.75rem}.onboarding-brand-scene{width:min(82%,28rem)}}@media (max-width:1100px){.topbar .status-chip{display:none}}@media (max-width:720px){.topbar-brand-logo{max-width:5.6rem;height:2.8rem}.brand-logo-header{aspect-ratio:1;width:2.8rem}.profile-pill.branded-profile-pill{padding:.2rem}.profile-pill.branded-profile-pill .profile-pill-copy{display:none}.profile-pill.branded-profile-pill .brand-avatar,.profile-pill.branded-profile-pill .brand-avatar-aura{display:inline-grid}.onboarding-brand-logo{width:min(22rem,88vw);margin-bottom:2.5rem}.onboarding-star-mascot{width:clamp(10rem,44vw,15rem)}.onboarding-player-avatar{--brand-avatar-size:clamp(8rem, 34vw, 11rem)}.brand-splash-visual{padding-right:2.25rem}.brand-splash-mascot{width:5rem;height:5rem}}@media (max-width:390px){.topbar-brand-logo{max-width:4.9rem;height:2.45rem}.brand-logo-header{width:2.45rem}.topbar-actions{gap:.4rem}}[data-motion=reduced] .brand-avatar-aura,[data-motion=reduced] .onboarding-player-avatar,[data-motion=reduced] .onboarding-star-mascot,[data-motion=reduced] .onboarding-lightning,[data-motion=reduced] .brand-splash-mascot,[data-motion=reduced] .brand-splash-lightning{animation:none}@media (prefers-reduced-motion:reduce){.brand-avatar-aura,.onboarding-player-avatar,.onboarding-star-mascot,.onboarding-lightning,.brand-splash-mascot,.brand-splash-lightning{animation:none}}.brand-glow-aqua{filter:drop-shadow(0 0 22px #6fffe957)}.brand-glow-violet{filter:drop-shadow(0 0 22px #8f6dff57)}.brand-glow-coral{filter:drop-shadow(0 0 22px #ff75974d)}.hero-actions .brand-mark,.mode-icon .brand-mark,.button .brand-mark{width:1.55rem;height:1.55rem}.home-brand-mascot{filter:drop-shadow(0 22px 48px #29bcff47);width:clamp(15rem,27vw,23rem);height:clamp(15rem,27vw,23rem);animation:3.8s ease-in-out infinite brand-float}.home-brand-mascot+.level-badge{top:1.25rem;bottom:auto;right:4%}.home-brand-mascot~.hero-message{bottom:2%;right:4%}.page-guide-mascot{filter:drop-shadow(0 12px 28px #8f6dff47);width:clamp(5rem,8vw,7rem);height:clamp(5rem,8vw,7rem)}.setup-player-identity{color:var(--muted-2);text-align:center;place-items:center;gap:.2rem;margin-left:auto;display:grid}.setup-player-identity .brand-avatar{--brand-avatar-size:2.75rem}.setup-player-identity small{font-size:.6rem}.result-hero>.brand-avatar{flex:none}.result-brand-burst{opacity:.72;filter:drop-shadow(0 0 28px #6fffe980);pointer-events:none;width:clamp(4rem,8vw,7rem);height:clamp(4rem,8vw,7rem);animation:1.8s ease-in-out infinite brand-charge;position:absolute;top:8%;left:8%}.player-stats header>.brand-avatar{--brand-avatar-size:2.75rem}.player-stats header>div{flex:1;min-width:0;display:grid}.player-stats header>div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-avatar-preview small{color:var(--muted-2);font-size:.64rem}.save-progress-card .save-progress-icon{background:0 0;width:3.25rem;height:3.25rem;padding:0}.history-row{grid-template-columns:auto auto 1fr auto}.history-row>.brand-avatar{--brand-avatar-size:2.8rem}.collection-section{margin-bottom:clamp(1.5rem,4vw,2.75rem)}.brand-identity-grid,.brand-cosmetic-grid{gap:1rem;display:grid}.brand-identity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-identity-card,.brand-cosmetic-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;min-height:260px;color:var(--ink);background:radial-gradient(circle at 50% 36%, #6fffe91a, transparent 42%), var(--surface);box-shadow:var(--shadow);text-align:center;align-content:center;place-items:center;gap:.65rem;padding:1.4rem;display:grid}button.brand-identity-card{cursor:pointer;width:100%}.brand-identity-card:hover,.brand-identity-card.selected{border-color:#6fffe99e;transform:translateY(-3px)}.brand-identity-card.selected{box-shadow:inset 0 0 0 1px #6fffe938,0 18px 48px #0000003d}.brand-identity-card h3,.brand-cosmetic-card h3,.brand-identity-card p{margin:0}.brand-identity-card p{max-width:28rem;color:var(--muted);font-size:.78rem}.brand-cosmetic-card .brand-mark{width:8.5rem;height:8.5rem}.brand-cosmetic-card .brand-mark-lightning{width:6.5rem;height:6.5rem}.collection-heroes-heading{margin-top:.5rem}.ranked-hero>.brand-avatar{--brand-avatar-size:5.5rem}.versus-lobby .brand-avatar{--brand-avatar-size:6.25rem}.empty-player>.brand-mark{width:6.25rem;height:6.25rem;padding:.5rem}.safety-hero .brand-mark{width:4.5rem;height:4.5rem}.health-block>.brand-avatar{--brand-avatar-size:3.2rem}.combo-brand-mark,.strike-brand-mark{width:1.2rem;height:1.2rem;display:inline-grid}.choice-strike .strike-brand-mark,.submit-stack .strike-brand-mark{filter:drop-shadow(0 0 8px #ffffff70);width:1.55rem;height:1.55rem}.arena-brand-core,.arena-brand-coach,.arena-strike-spark{z-index:2;pointer-events:none;position:absolute}.arena-brand-core{opacity:.32;filter:drop-shadow(0 0 30px #6fffe9a6);width:clamp(3.5rem,7vw,6rem);height:clamp(3.5rem,7vw,6rem);top:19%;left:50%;transform:translate(-50%)}.arena-brand-coach{filter:drop-shadow(0 10px 24px #8f6dff5c);width:clamp(4.5rem,9vw,7rem);height:clamp(4.5rem,9vw,7rem);animation:3.4s ease-in-out infinite brand-float;top:8%;right:2.5%}.arena-strike-spark{filter:drop-shadow(0 0 28px #6fffe9b3);width:4.5rem;height:4.5rem;animation:.55s ease-out both arena-brand-strike;top:42%;left:50%}.network-result>.brand-avatar{margin:0 auto .7rem}.network-result{position:relative;overflow:hidden}.network-result>:not(.result-brand-burst){z-index:1;position:relative}@keyframes arena-brand-strike{0%{opacity:0;transform:translate(-50%,15%)scale(.35)}45%{opacity:1}to{opacity:0;transform:translate(-50%,-30%)scale(1.35)}}@media (max-width:720px){.home-brand-mascot{width:clamp(12rem,54vw,17rem);height:clamp(12rem,54vw,17rem)}.home-brand-mascot+.level-badge{top:.25rem;right:.25rem}.home-brand-mascot~.hero-message{bottom:.25rem;right:.5rem}.brand-avatar-hero{--brand-avatar-size:clamp(8rem, 38vw, 11rem)}.result-brand-burst{top:3%;left:3%}.brand-identity-grid,.brand-cosmetic-grid{grid-template-columns:1fr}.brand-identity-card,.brand-cosmetic-card{min-height:230px}.history-row{grid-template-columns:auto auto 1fr}.history-row dl{grid-column:1/-1}.arena-brand-coach{display:none}.health-block>.brand-avatar{--brand-avatar-size:2.35rem}}[data-motion=reduced] .home-brand-mascot,[data-motion=reduced] .result-brand-burst,[data-motion=reduced] .arena-brand-coach,[data-motion=reduced] .arena-strike-spark{animation:none}@media (prefers-reduced-motion:reduce){.home-brand-mascot,.result-brand-burst,.arena-brand-coach,.arena-strike-spark{animation:none}}