.onboarding{min-height:100dvh;color:var(--ink);background:var(--canvas-warm);grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)}.onboarding-copy{padding:max(clamp(2rem, 6vw, 6rem), var(--safe-top)) max(clamp(2rem, 7vw, 7rem), var(--safe-right)) max(clamp(2rem, 6vw, 6rem), var(--safe-bottom)) max(clamp(2rem, 7vw, 7rem), var(--safe-left));background:radial-gradient(circle at 16% 12%,#ffca3a57,#0000 16rem),linear-gradient(145deg,#fffdf6,#fff5d7)}.onboarding-copy h1{max-width:10ch;color:var(--ink);font-size:clamp(3.25rem,7vw,6.8rem);line-height:.9}.onboarding-copy h1 em{color:var(--accent-strong)}.onboarding-copy p{color:var(--ink-soft);font-size:clamp(1rem,1.4vw,1.15rem)}.guest-form label{color:var(--ink)}.guest-form small{color:var(--muted)}.trust-row{gap:var(--space-3) var(--space-5);color:var(--ink-soft)}.trust-row span{align-items:center;gap:var(--space-1);display:inline-flex}.trust-row svg{color:var(--success)}.onboarding-art{color:var(--surface);background:radial-gradient(circle at 50% 40%, #ffffff52, transparent 16rem), linear-gradient(145deg, #33c8da, #428adf 58%, var(--indigo))}.onboarding-art:before{background:repeating-linear-gradient(0deg,#0000 0 48px,#ffffff1a 49px 50px),repeating-linear-gradient(90deg,#0000 0 48px,#ffffff1a 49px 50px)}.arena-rings{border-color:#ffffff8c;box-shadow:0 0 0 35px #ffca3a1a,0 0 0 70px #ffffff12,inset 0 0 60px #ffffff2e}.energy-equation{border:2px solid var(--surface);color:var(--ink);background:var(--secondary);box-shadow:6px 6px 0 var(--indigo-deep);-webkit-backdrop-filter:none;backdrop-filter:none}@media (max-width:1000px){.onboarding{grid-template-columns:1fr}.onboarding-art{min-height:420px}}@media (max-width:720px){.onboarding-copy{min-height:100dvh;padding:max(var(--space-6), var(--safe-top)) max(var(--space-5), var(--safe-right)) max(var(--space-8), var(--safe-bottom)) max(var(--space-5), var(--safe-left));justify-content:flex-start}.onboarding-copy>.logo{margin-bottom:var(--space-10)}.onboarding-copy h1{font-size:clamp(3rem,16vw,4.7rem)}.onboarding-art{min-height:360px}.input-row{flex-direction:column;align-items:stretch}.trust-row{flex-direction:column;align-items:flex-start}}@media (max-height:500px) and (min-width:600px){.onboarding{grid-template-columns:1.2fr .8fr}.onboarding-copy{min-height:100dvh;padding-block:var(--space-4)}.onboarding-copy>.logo{margin-bottom:var(--space-3)}.onboarding-copy h1{margin-block:var(--space-2);font-size:clamp(2.5rem,8vw,4rem)}.onboarding-copy p,.guest-form,.trust-row{margin-block:var(--space-2)}.onboarding-art{min-height:100dvh}}: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.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}.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 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.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-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{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.manual-invite-link{text-align:center;flex-basis:100%;width:min(100%,34rem);padding:.65rem .8rem}.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}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:ui-rounded, "Avenir Next Rounded", "Trebuchet MS", "Segoe UI", sans-serif;--font-body:"Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Aptos", "Segoe UI", sans-serif;--canvas:#f4f8ff;--canvas-warm:#fff8e7;--canvas-cool:#eaf9ff;--ink:#111a3a;--ink-soft:#2c3762;--muted:#566184;--muted-2:#707a9c;--text-disabled:#8790aa;--surface:#fff;--surface-2:#f0f5ff;--surface-3:#dfe9ff;--surface-ink:#121a39;--line:#cbd7ef;--line-strong:#18244f;--line-bright:#007f93;--primary:#00a7c2;--primary-strong:#007f93;--primary-soft:#d9f8ff;--secondary:#ffca3a;--secondary-strong:#9a6200;--accent:#ff6b5f;--accent-strong:#ba342d;--lime:#77c943;--lime-strong:#2f711c;--sky:#5cbcf6;--indigo:#3048a2;--indigo-deep:#172457;--violet:#5368d9;--violet-2:#7588e8;--cyan:#00a7c2;--cyan-2:#007f93;--pink:#ff6b5f;--gold:#d88900;--green:#27834f;--danger:#c73543;--health-player:#0d9f79;--health-opponent:#e64f5f;--damage:#c73543;--shield:#246fd3;--combo:#aa5b00;--xp:#634ec5;--success:#27834f;--warning:#9a6200;--ranked:#5368d9;--success-soft:#e7f8ee;--warning-soft:#fff4ce;--danger-soft:#fff0f1;--accent-soft:#fff0ed;--lime-soft:#eefbdd;--sky-soft:#e5f6ff;--indigo-soft:#eef0ff;--shadow-xs:0 2px 0 #17245714;--shadow-sm:0 8px 24px #1e37681a;--shadow:0 18px 54px #1e376824;--shadow-game:0 18px 0 #17245714;--glow-soft:0 0 30px #00a7c22e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--type-xs:.75rem;--type-sm:.875rem;--type-base:1rem;--type-lg:1.125rem;--type-xl:1.5rem;--type-display-sm:clamp(2.25rem, 5vw, 4.5rem);--type-display-lg:clamp(3.25rem, 7vw, 6.8rem);--radius-xs:.5rem;--radius-sm:.75rem;--radius-md:1rem;--radius:1.25rem;--radius-lg:1.75rem;--radius-round:999px;--motion-instant:.1s;--motion-fast:.16s;--motion-standard:.24s;--motion-game:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-standard:cubic-bezier(.2, .8, .2, 1);--z-canvas:0;--z-content:10;--z-sticky:30;--z-navigation:50;--z-dialog:100;--z-skip:1000;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html{background:var(--canvas)}body{color:var(--ink);background:radial-gradient(circle at 8% 2%, #ffca3a33, transparent 21rem), radial-gradient(circle at 92% 8%, #5cbcf63d, transparent 26rem), linear-gradient(180deg, #f8fbff 0%, var(--canvas) 58%, #eef5ff 100%);font-family:var(--font-body)}body:before{opacity:.55;background-image:radial-gradient(circle,#3048a21f 1px,#0000 1.5px),linear-gradient(115deg,#0000 0 48%,#00a7c209 49% 51%,#0000 52%);background-size:30px 30px,190px 190px;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}h1,h2,h3{color:var(--ink);font-family:var(--font-display);letter-spacing:-.025em}p{color:var(--muted)}::selection{color:var(--ink);background:var(--secondary)}:focus-visible{outline-color:var(--primary-strong)}button,a,label,input,select{touch-action:manipulation}svg{flex:none}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important}[data-contrast=high]{--canvas:#fff;--canvas-warm:#fff;--canvas-cool:#fff;--ink:#000;--ink-soft:#101010;--muted:#252525;--muted-2:#363636;--surface:#fff;--surface-2:#fff;--surface-3:#e9e9e9;--line:#111;--line-strong:#000;--primary:#00687c;--primary-strong:#004b5b;--accent:#a92820;--secondary-strong:#694100;--shadow-xs:none;--shadow-sm:none;--shadow:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.app-shell{min-height:100dvh;padding-bottom:0}.app-shell.battle-shell{padding:0}.splash,.center-stage{min-height:100vh;min-height:100dvh;padding:var(--space-8);color:var(--ink);background:radial-gradient(circle at 18% 18%, #ffca3a3d, transparent 24rem), radial-gradient(circle at 82% 78%, #5cbcf640, transparent 28rem), var(--canvas)}.brand-splash{isolation:isolate}.brand-splash:before{z-index:-1;aspect-ratio:1;content:"";border:2px dashed #007f9340;border-radius:50%;width:min(80vw,42rem);position:absolute;transform:rotate(-8deg)}.brand-splash>strong{color:var(--ink)}.brand-splash>span:last-child{color:var(--muted)}.center-stage .error-card{border:3px solid var(--line-strong);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-game)}.skip-link{z-index:var(--z-skip);border:2px solid var(--line-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--surface);background:var(--indigo-deep);box-shadow:4px 4px 0 var(--secondary);align-items:center;display:inline-flex;inset-block-start:calc(var(--safe-top) + var(--space-2));inset-inline-start:calc(var(--safe-left) + var(--space-2))}.topbar{min-height:calc(78px + var(--safe-top));align-items:center;gap:clamp(var(--space-3), 2vw, var(--space-8));height:auto;padding:calc(var(--space-2) + var(--safe-top)) max(var(--space-4), var(--safe-right)) var(--space-2) max(var(--space-4), var(--safe-left));border-bottom:2px solid var(--line);box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.brand-link{align-items:center;min-width:158px;min-height:44px}.topbar-brand-logo img{filter:drop-shadow(0 4px 8px #1724571f)}.primary-nav{justify-self:center;gap:var(--space-1);width:-moz-fit-content;width:fit-content;max-width:100%;padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:none;display:flex;position:static;transform:none}.primary-nav a{justify-content:center;align-items:center;gap:var(--space-2);min-width:82px;min-height:48px;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--muted);letter-spacing:0;transition:color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);flex-direction:row;font-size:.78rem;font-weight:800;display:inline-flex}.primary-nav a>span{min-width:0;font-size:inherit;text-overflow:ellipsis;overflow:hidden}.primary-nav a:hover,.primary-nav a.active{color:var(--surface);background:var(--indigo-deep)}.primary-nav a.active{box-shadow:inset 0 -3px 0 var(--secondary)}.primary-nav a:focus-visible{outline-offset:2px}.topbar-actions{gap:var(--space-2)}.icon-button{border:2px solid var(--line);border-radius:var(--radius-sm);width:46px;height:46px;color:var(--ink-soft);background:var(--surface);cursor:pointer;transition:color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard)}.icon-button:hover{color:var(--surface);border-color:var(--indigo-deep);background:var(--indigo-deep)}.icon-button:active{transform:scale(.96)}.profile-pill{gap:var(--space-2);min-height:50px;padding:var(--space-1) var(--space-2);border:2px solid var(--line);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-xs)}.profile-pill span{color:var(--ink-soft)}.profile-pill b{color:var(--primary-strong);background:var(--primary-soft)}.status-chip{gap:var(--space-2);min-height:32px;color:var(--muted);background:var(--surface);border:1px solid}.status-chip.success{color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, white);background:color-mix(in srgb, var(--success) 10%, white)}.status-chip.warning{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 45%, white);background:color-mix(in srgb, var(--secondary) 18%, white)}.page-shell{width:min(1240px,100% - clamp(2rem,6vw,6rem))}.screen{min-height:calc(100dvh - 78px);padding-block:clamp(var(--space-8), 5vw, var(--space-16));animation:screen-in var(--motion-standard) var(--ease-out) both}.page-header{align-items:center;gap:var(--space-8);margin-bottom:clamp(var(--space-8), 4vw, var(--space-12));border-inline-start:6px solid var(--primary);padding-inline-start:var(--space-5)}.page-header>div{max-width:48rem}.page-header h1{max-width:18ch;margin-block:var(--space-2);font-size:clamp(2.25rem,5vw,4.5rem);line-height:.98}.page-header p{color:var(--muted);margin:0;font-size:clamp(1rem,1.4vw,1.12rem)}.eyebrow{color:var(--primary-strong);letter-spacing:.12em;font-size:.76rem}.panel{border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.button{gap:var(--space-2);min-height:48px;padding:var(--space-3) var(--space-5);border:2px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--surface);background:var(--indigo-deep);box-shadow:0 3px 0 var(--line-strong);font-family:var(--font-display);transition:transform var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);font-weight:750}.button:hover:not(:disabled){box-shadow:0 5px 0 var(--line-strong);transform:translateY(-1px)}.button:active:not(:disabled){box-shadow:0 1px 0 var(--line-strong);transform:translateY(2px)}.button.primary{color:var(--ink);border-color:var(--line-strong);background:var(--secondary);box-shadow:0 4px 0 var(--line-strong)}.button.primary:hover:not(:disabled){box-shadow:0 6px 0 var(--line-strong);background:#ffd968}.button.secondary{color:var(--surface);border-color:var(--indigo-deep);background:var(--indigo)}.button.tertiary{color:var(--indigo-deep);border-color:var(--line);background:var(--surface);box-shadow:none}.button.tertiary:hover:not(:disabled){color:var(--surface);border-color:var(--indigo-deep);background:var(--indigo-deep);box-shadow:none}.button.danger{color:var(--surface);background:var(--danger);border-color:#7f1722}.button.xl{min-height:56px;padding-inline:var(--space-6);border-radius:var(--radius-md)}.button:disabled{opacity:.5;box-shadow:none}.input-row input,.code-input,.guest-form input,.manual-invite-link{border:2px solid var(--line);min-height:56px;color:var(--ink);background:var(--surface);box-shadow:inset 0 2px #1724570a}.input-row input:hover,.code-input:hover,.manual-invite-link:hover{border-color:var(--primary)}.input-row input:focus,.code-input:focus,.manual-invite-link:focus{border-color:var(--primary-strong);outline:3px solid color-mix(in srgb, var(--primary) 22%, transparent)}.progress-label{color:var(--ink-soft)}.progress-label strong{color:var(--ink)}.progress-track{background:var(--surface-3);height:10px}.progress-track span{background:linear-gradient(90deg, var(--primary), var(--sky))}.empty-state,.error-card{border:2px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);background:var(--surface);box-shadow:var(--shadow)}.empty-state{width:min(660px,100%);padding:clamp(var(--space-8), 6vw, var(--space-16));margin-inline:auto}@media (max-width:1180px){.primary-nav a{min-width:62px;padding-inline:var(--space-2)}.primary-nav a>span{font-size:.72rem}.topbar .status-chip{display:none}}@media (max-width:1000px){.app-shell{padding-bottom:calc(78px + var(--safe-bottom))}.topbar{min-height:calc(70px + var(--safe-top));padding-block:calc(var(--space-1) + var(--safe-top)) var(--space-1);grid-template-columns:1fr auto}.primary-nav{z-index:var(--z-navigation);width:min(680px, calc(100% - var(--space-6)));gap:var(--space-1);padding:var(--space-1) var(--space-1) calc(var(--space-1) + var(--safe-bottom));border:2px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto auto 0 50%;transform:translate(-50%);box-shadow:0 -10px 32px #1e376824}.primary-nav a{min-width:0;min-height:60px;padding:var(--space-1);flex-direction:column;gap:2px}.primary-nav a.active{color:var(--indigo-deep);background:var(--primary-soft);box-shadow:inset 0 -4px 0 var(--primary)}.page-shell{width:min(100% - 2rem,860px)}}@media (max-width:720px){.app-shell{padding-bottom:calc(72px + var(--safe-bottom))}.topbar{padding-inline:max(var(--space-3), var(--safe-left)) max(var(--space-3), var(--safe-right))}.brand-link{min-width:48px}.topbar-actions{gap:var(--space-1)}.profile-pill{max-width:min(58vw,220px)}.profile-pill-copy>span{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;overflow:hidden}.primary-nav{border-radius:var(--radius-md) var(--radius-md) 0 0;border-inline:0;width:100%;left:0;transform:none}.primary-nav a{min-height:56px;font-size:.68rem}.primary-nav a svg{width:20px;height:20px}.page-shell{width:calc(100% - 1.25rem)}.screen{min-height:calc(100dvh - 70px);padding-block:var(--space-8)}.page-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;padding-inline-start:var(--space-4)}.page-header h1{font-size:clamp(2.15rem,12vw,3.4rem)}}@media (max-height:500px) and (min-width:600px) and (max-width:1000px){.app-shell:not(.battle-shell){padding-bottom:0;padding-inline-start:calc(76px + var(--safe-left))}.topbar{min-height:calc(62px + var(--safe-top));padding-block:var(--safe-top) 0}.primary-nav{width:calc(72px + var(--safe-left));height:100dvh;max-height:100dvh;padding:max(var(--space-2), var(--safe-top)) var(--space-1) max(var(--space-2), var(--safe-bottom)) max(var(--space-1), var(--safe-left));border:0;border-inline-end:2px solid var(--line);border-radius:0;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:1fr;inset:0 auto 0 0;transform:none}.primary-nav a{min-height:44px;padding:2px;font-size:.62rem}.page-shell{width:calc(100% - 1.5rem)}.screen{min-height:calc(100dvh - 62px);padding-block:var(--space-6)}}@media (prefers-reduced-motion:reduce){.brand-splash:before{transform:none}.screen{animation:none}.button,.icon-button,.primary-nav a{transition-duration:.01ms}}