:root{--paper:#f7f3e9;--paper-2:#f0e8d6;--paper-3:#e7dbc0;--card:#fffcf4;--ink:#12334a;--ink-2:#0b2232;--ink-3:#1b4664;--text:#1d3243;--muted:#4f6273;--line:#12334a24;--line-strong:#12334a47;--orange:#ec7025;--orange-ink:#a8410a;--orange-btn:#c2500f;--orange-btn-hover:#a8410a;--gold:#f5b41c;--gold-soft:#ffd978;--gold-pale:#fbe8b5;--danger:#a3271b;--success:#2f6b33;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", "P052", Georgia, serif;--font-body:"Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", Roboto, "Noto Sans", system-ui, sans-serif;--font-hand:"Bradley Hand", "Segoe Print", "Noteworthy", "Comic Neue", cursive;--radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow-soft:0 1px 0 #ffffffb3 inset, 0 10px 30px -18px #0b223259;--shadow-card:0 1px 0 #fffc inset, 0 18px 40px -26px #0b223273;--gutter:clamp(16px, 4vw, 40px);--max:1200px;--header-h:76px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .31 0 0 0 0 .15 0 0 0 .075 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 12px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--paper);background-image:var(--grain);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;flex-direction:column;margin:0;font-size:1rem;line-height:1.65;display:flex}body>main{flex:1 0 auto}img,svg{max-width:100%;display:block}img{height:auto}h1,h2,h3,h4{color:var(--ink);font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:700;line-height:1.08}h2 em,h1 em{color:var(--orange-ink);font-style:italic}p{text-wrap:pretty;margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--gold-soft);color:var(--ink-2)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}[id]{scroll-margin-top:calc(var(--header-h) + 12px)}.container{width:min(var(--max), 100% - 2 * var(--gutter));margin-inline:auto}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);padding:10px 16px;font-weight:700;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus,.skip-link:focus-visible{outline-color:var(--gold);transform:none}.button{--btn-bg:var(--card);--btn-fg:var(--ink);--btn-edge:var(--line-strong);--btn-drop:#12334a40;border:1.5px solid var(--btn-edge);background:var(--btn-bg);min-height:52px;color:var(--btn-fg);font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;box-shadow:0 4px 0 var(--btn-drop);border-radius:999px;justify-content:center;align-items:center;gap:.6em;padding:.8em 1.6em;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.button svg{flex:none;transition:transform .18s}.button:hover{box-shadow:0 6px 0 var(--btn-drop);transform:translateY(-2px)}.button:hover svg{transform:translate(2px)}.button:active{box-shadow:0 1px 0 var(--btn-drop);transform:translateY(3px)}.button-primary{--btn-bg:var(--orange-btn);--btn-fg:#fff;--btn-edge:var(--orange-btn-hover);--btn-drop:#8a3608}.button-primary:hover{--btn-bg:var(--orange-btn-hover)}.button-outline{--btn-bg:transparent;--btn-edge:var(--ink);--btn-drop:#12334a2e}.button-outline:hover{--btn-bg:#12334a0f}.button-small{min-height:42px;box-shadow:0 3px 0 var(--btn-drop);padding:.55em 1.15em;font-size:.92rem}.button:disabled,.button[aria-disabled=true]{cursor:progress;opacity:.65;transform:none}.text-link{color:var(--orange-ink);text-underline-offset:.28em;background:0 0;border:0;align-items:center;gap:.4em;padding:0;font-weight:700;-webkit-text-decoration:underline #b4470c59;text-decoration:underline #b4470c59;text-decoration-thickness:2px;transition:color .18s,text-decoration-color .18s;display:inline-flex}.text-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.text-link svg{transition:transform .18s}.text-link:hover svg{transform:translate(3px)}.eyebrow{color:var(--orange-ink);font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.75em;margin:0 0 1rem;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow>span:empty{background:currentColor;border-radius:2px;width:32px;height:2px;display:inline-block}.header{--hd-bg:#fffdf7f0;--hd-text:#17384a;--hd-soft:#3b5566;--hd-metal:#b9c3c4;--hd-gold:#f5b41c;--hd-gold-ink:#8a5a00;--hd-orange:#c2500f;--hd-orange-lo:#b4480c;--hd-orange-edge:#ec7025;z-index:50;background:var(--hd-bg);color:var(--hd-text);border-bottom:1px solid var(--hd-metal);-webkit-backdrop-filter:saturate(1.3)blur(10px);backdrop-filter:saturate(1.3)blur(10px);position:sticky;top:0;box-shadow:0 6px 18px -14px #17384a73}.header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#b9c3c400,#f5b41cd9 50%,#b9c3c400);height:2px;position:absolute;bottom:-2px;left:0;right:0}.header :focus-visible{outline-color:var(--hd-text)}.header-inner{min-height:var(--header-h);align-items:center;gap:clamp(12px,2.4vw,32px);display:flex}.brand{flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{filter:drop-shadow(0 2px 3px #17384a33);width:auto;height:54px}.brand-caption{border-left:2px solid var(--hd-gold);color:var(--hd-soft);letter-spacing:.2em;max-width:9.5em;padding-left:12px;font-size:.66rem;font-weight:800;line-height:1.25}.navigation{align-items:center;gap:clamp(4px,1.2vw,14px);margin-left:auto;display:flex}.navigation a{color:var(--hd-soft);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:8px;padding:10px;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}@media (min-width:1001px) and (max-width:1220px){.brand-caption{display:none}.navigation a{padding-inline:7px;font-size:.88rem}}.navigation a:after{content:"";background:var(--hd-gold);transform-origin:0;border-radius:2px;height:3px;transition:transform .22s;position:absolute;bottom:3px;left:10px;right:10px;transform:scaleX(0)}.navigation a:hover{color:var(--hd-text)}.navigation a:hover:after,.navigation a.active:after{transform:scaleX(1)}.navigation a.active{color:var(--hd-text);font-weight:800}.header-actions{flex:none;align-items:center;gap:14px;display:flex}.login-link{color:var(--hd-text);padding:10px 6px;font-weight:700;text-decoration:none}.login-link:hover,.login-link[aria-current=page]{text-decoration:underline;-webkit-text-decoration-color:var(--hd-gold);text-decoration-color:var(--hd-gold);text-underline-offset:.3em;text-decoration-thickness:3px}.header-cta{isolation:isolate;color:#fff;white-space:nowrap;align-items:center;gap:.45em;min-height:42px;padding:.55em 1.15em;font-size:.92rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.header-cta:before{content:"";z-index:-1;background:linear-gradient(180deg, var(--hd-orange), var(--hd-orange-lo));clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);transition:filter .18s;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px #782d0559}.header-cta:hover:before,.header-cta[aria-current=page]:before{filter:brightness(.92)}.header-cta svg{flex:none;transition:transform .18s}.header-actions[data-pending]{visibility:hidden}.header-logout{margin:0}.header-logout .login-link{font:inherit;cursor:pointer;background:0 0;border:0}.header-account span{text-overflow:ellipsis;max-width:15ch;overflow:hidden}.header-account:hover svg{transform:none}.header-cta:hover svg{transform:translate(2px,-2px)}.menu-toggle{border:1px solid var(--hd-metal);width:44px;height:44px;color:var(--hd-text);background:#fff;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;display:none}.menu-toggle[aria-expanded=true]{border-color:var(--hd-gold-ink);background:#fdf3d9}@media (max-width:1000px){.menu-toggle{order:3;display:inline-flex}.header-actions{margin-left:auto}.navigation{padding:8px var(--gutter) 20px;border-top:2px solid var(--hd-gold);border-bottom:1px solid var(--hd-metal);background:#fffdf7;flex-direction:column;align-items:stretch;gap:0;margin:0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 30px -24px #17384a73}.navigation.is-open{display:flex}.navigation a{color:var(--hd-text);border-bottom:1px solid #17384a1f;justify-content:space-between;padding:14px 4px;font-size:1.05rem}.navigation a:last-child{border-bottom:0}.navigation a:after{width:28px;bottom:8px;left:4px;right:auto}}@media (max-width:620px){:root{--header-h:64px}.brand img{height:44px}.brand-caption{display:none}.header-actions{gap:8px}.header-cta svg{display:none}}@media (max-width:380px){.header-inner{gap:8px}.brand img{height:38px}.login-link{padding-inline:4px;font-size:.92rem}.header-cta{padding-inline:.85em;font-size:.86rem}}@media (forced-colors:active){.header-cta{border:1px solid buttontext}}.section{padding-block:clamp(72px,10vw,128px)}.section h2{font-size:clamp(2.1rem,4.4vw,3.5rem)}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:clamp(36px,5vw,60px);display:flex}.section-heading>p{max-width:26rem;color:var(--muted);font-size:1.05rem}.theme-human{--race:#a8410a;--race-soft:#f7e3cc;--sky-1:#d6e7f1;--sky-2:#f5e6c8}.theme-namek{--race:#2f6e33;--race-soft:#dcebd3;--sky-1:#d3e8e4;--sky-2:#ebeed3}.theme-majin{--race:#b0336a;--race-soft:#f6dde7;--sky-1:#e6e0f1;--sky-2:#f6e5da}.stage-art,.race-section-art{isolation:isolate;background:radial-gradient(60% 18% at 50% 96%, #5b422047, transparent 70%), radial-gradient(90% 60% at 50% 100%, color-mix(in srgb, var(--race-soft,#f0e8d6) 85%, #fff), transparent 70%), linear-gradient(180deg, var(--sky-1,#d6e7f1) 0%, var(--sky-2,#f5e6c8) 78%);position:relative;overflow:hidden}.stage-art:before,.race-section-art:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#ffffff73 0deg 6deg,#0000 6deg 16deg);width:160%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0 12%,#0000 55%);mask-image:radial-gradient(circle,#000 0 12%,#0000 55%)}.race-select{gap:18px;display:grid}.race-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.race-pick{border:1.5px solid var(--line);border-radius:var(--radius);min-height:76px;color:var(--ink);text-align:left;background:#fffcf499;align-items:center;gap:14px;padding:12px 16px;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.race-pick:hover{border-color:color-mix(in srgb, var(--race) 45%, transparent);background:var(--card)}.race-pick[aria-selected=true]{border-color:var(--race);background:var(--card);box-shadow:0 4px 0 var(--race), var(--shadow-soft);transform:translateY(-2px)}.race-pick-text{gap:2px;min-width:0;display:grid}.race-pick-text strong{font-family:var(--font-display);font-size:1.25rem;line-height:1.15}.race-pick-text small{color:var(--muted);font-size:.86rem}.race-stage{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);display:grid;overflow:hidden}.race-stage .stage-art{grid-template-rows:1fr auto;min-height:540px;padding:24px 24px 22px;display:grid}.stage-figure{align-content:end;justify-items:center;margin:0;display:grid;position:relative}.stage-figure[hidden]{display:none}.stage-figure img,.race-figure img{object-fit:contain;filter:drop-shadow(0 18px 18px #0b223238);width:auto;max-width:100%;height:clamp(280px,32vw,430px)}.stage-figure figcaption,.race-figure figcaption{color:var(--muted);background:#fffcf4d1;border-radius:999px;margin-top:10px;padding:4px 12px;font-size:.78rem;font-weight:700}.stage-classes{border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf4d9;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:16px;padding:6px;display:grid}.stage-classes button{min-height:52px;color:var(--ink);font-family:var(--font-display);background:0 0;border:0;border-radius:10px;gap:1px;padding:8px 12px;font-size:1.08rem;font-weight:700;line-height:1.15;transition:background-color .18s,color .18s;display:grid}.stage-classes button small{color:var(--muted);font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem;font-weight:800}.stage-classes button:hover{background:#12334a0f}.stage-classes button[aria-selected=true]{background:var(--race);color:#fff;box-shadow:0 3px 0 color-mix(in srgb, var(--race) 60%, #000)}.stage-classes button[aria-selected=true] small{color:#ffffffd9}.stage-info{flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(24px,4vw,44px);display:flex}.stage-info .eyebrow,.race-section-copy .eyebrow{color:var(--race);margin:0}.stage-info h3,.race-section-copy h2{font-size:clamp(2rem,3.6vw,2.9rem)}.stage-info h3 em,.race-section-copy h2 em{color:var(--race);margin-top:4px;font-size:.62em;font-style:italic;display:block}.stage-intro,.race-section-intro{color:var(--muted);font-size:1.04rem}.class-card{border-top:1px dashed var(--line-strong);align-self:stretch;padding-top:18px}.class-card>p{color:var(--text)}.class-head{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px;display:flex}.class-head h4{font-size:1.55rem}.paths-label,.class-tree-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:18px 0 10px;font-size:.72rem;font-weight:800}.class-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.class-paths>li{border:1px solid var(--line);border-left:4px solid var(--race);border-radius:4px var(--radius) var(--radius) 4px;background:color-mix(in srgb, var(--race-soft) 35%, var(--card));align-content:start;gap:8px;padding:14px 16px;display:grid}.class-paths strong,.path-link{color:var(--ink);font-family:var(--font-display);font-size:1.15rem;font-weight:700}.path-link{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--race) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--race) 45%, transparent);text-underline-offset:.22em;justify-self:start;text-decoration-thickness:2px}.path-link:hover{color:var(--race)}.class-paths p{color:var(--muted);font-size:.92rem;line-height:1.55}.race-stage .text-link{color:var(--race);margin-top:auto}@media (prefers-reduced-motion:no-preference){.race-stage:not([hidden]) .stage-figure:not([hidden]) img{animation:.45s cubic-bezier(.2,.8,.3,1.2) both hop-in}.race-stage:not([hidden]) .class-card:not([hidden]){animation:.35s both rise}}@keyframes hop-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.races-home-cta{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px;display:flex}.races-home-cta p{color:var(--muted);font-size:.88rem}.role-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.role{--chip-fg:#3d4f5f;--chip-bg:#e3e7eb;background:var(--chip-bg);color:var(--chip-fg);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:800;line-height:1.3;display:inline-flex}.role-melee{--chip-fg:#a3400b;--chip-bg:#fbe3d0}.role-ranged{--chip-fg:#1b4f7a;--chip-bg:#dce9f4}.role-tank{--chip-fg:#34475a;--chip-bg:#e1e6eb}.role-healer{--chip-fg:#2a632e;--chip-bg:#dff0da}.role-support{--chip-fg:#74470a;--chip-bg:#fbe8b5}.role-control{--chip-fg:#5b3a8a;--chip-bg:#ebe3f5}.races-hero{background:radial-gradient(80% 90% at 85% 0,#ffd97852,#0000 65%),linear-gradient(#e7dbc073,#0000);padding:clamp(36px,6vw,80px) 0 clamp(48px,7vw,88px);position:relative;overflow:hidden}.races-hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(28px,5vw,64px);display:grid}.races-hero-copy>.text-link{margin-bottom:28px;font-size:.92rem}.races-hero-copy .eyebrow{display:block}.races-hero h1{font-size:clamp(2.5rem,5.6vw,4.4rem);line-height:1.02}.races-hero h1 em{color:var(--orange-btn);display:block}.races-hero-copy>p:last-child{max-width:38rem;color:var(--muted);margin-top:22px;font-size:1.1rem}.races-jump{gap:12px;display:grid}.races-jump-card{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);box-shadow:var(--shadow-soft);align-items:center;gap:16px;padding:10px 18px 10px 10px;text-decoration:none;transition:border-color .18s,transform .18s;display:flex}.races-jump-card:hover{border-color:var(--race);transform:translate(4px)}.races-jump-card img{background:linear-gradient(180deg, var(--sky-1), var(--sky-2));object-fit:contain;border-radius:12px;flex:none;width:72px;height:72px;padding:4px}.races-jump-card span{gap:2px;display:grid}.races-jump-card strong{font-family:var(--font-display);font-size:1.3rem}.races-jump-card small{color:var(--muted);font-size:.88rem}.race-section{border-top:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--race-soft) 40%, var(--paper)), var(--paper) 70%);padding-block:clamp(56px,8vw,104px)}.race-section-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.race-section.is-flipped .race-section-art{order:2}.race-section-art{top:calc(var(--header-h) + 24px);border:6px solid var(--card);border-radius:var(--radius-lg);min-height:500px;box-shadow:0 0 0 1px var(--line), 0 30px 50px -30px #0b223280;justify-content:center;align-items:flex-end;gap:8px;padding:28px 20px 24px;display:flex;position:sticky}.race-figure{flex:1 1 0;justify-items:center;min-width:0;margin:0;display:grid}.race-section-copy{gap:14px;display:grid}.class-trees{gap:18px;margin-top:10px;display:grid}.class-tree{border:1px solid var(--line);border-top:4px solid var(--race);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-soft);gap:10px;padding:clamp(20px,3vw,28px);display:grid}.class-tree .class-tree-label{color:var(--race);margin:0}.class-tree h3{font-size:1.7rem}.class-tree>p:not(.class-tree-label){color:var(--text)}.class-tree .class-paths{margin-top:6px}.roles-section{border-top:1px solid var(--line)}.roles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.role-card{border-top:4px solid var(--chip-bg);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);align-content:start;gap:6px;padding:20px;display:grid}.role-card strong{color:var(--ink);font-family:var(--font-display);font-size:1.15rem}.role-card p{color:var(--muted);font-size:.92rem;line-height:1.5}.races-note{border-top:1px dashed var(--line-strong);max-width:52rem;color:var(--muted);margin-top:32px;padding-top:18px;font-size:.86rem}@media (max-width:1000px){.race-stage{grid-template-columns:minmax(0,1fr)}.race-stage .stage-art{min-height:460px}.races-hero-inner,.race-section-grid{grid-template-columns:minmax(0,1fr)}.races-jump{grid-template-columns:repeat(3,minmax(0,1fr))}.race-section.is-flipped .race-section-art{order:0}.race-section-art{min-height:400px;position:relative;top:auto}.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.race-picker{gap:8px}.race-pick{text-align:center;flex-direction:column;justify-content:center;gap:6px;min-height:0;padding:12px 4px}.race-pick-text strong{letter-spacing:-.01em;font-size:clamp(.8rem,3.7vw,.98rem)}.race-pick-text small{display:none}.race-stage .stage-art{min-height:0;padding:18px 14px 14px}.stage-figure img,.race-figure img{height:290px}.stage-classes button{font-size:.98rem}.class-paths,.races-jump{grid-template-columns:minmax(0,1fr)}.race-section-art{min-height:0}.roles-grid{grid-template-columns:minmax(0,1fr)}.races-home-cta .button{width:100%}}.closing{background:var(--ink);background-image:radial-gradient(60% 120% at 0% 50%, #f5b41c29, transparent 60%), var(--grain);color:var(--paper);padding-block:clamp(56px,8vw,96px);position:relative;overflow:hidden}.closing:before{content:"";aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#ffd97812 0deg 4deg,#0000 4deg 14deg);width:900px;position:absolute;top:50%;left:0;transform:translate(-45%,-50%);-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 60%);mask-image:radial-gradient(circle,#000 10%,#0000 60%)}.closing-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(24px,4vw,48px);display:grid;position:relative}.closing-orb{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, #fff4cf 0 8%, #ffd16a 22%, var(--gold) 45%, var(--orange) 85%);color:#c2261a;border-radius:50%;place-items:center;width:clamp(84px,10vw,112px);font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1;display:grid;box-shadow:inset -8px -10px 18px #8a360859,0 0 0 10px #ffd97814,0 20px 40px -12px #00000080}.closing .eyebrow{color:var(--gold-soft)}.closing h2{color:#fff;font-size:clamp(2.2rem,4.6vw,3.6rem)}.closing h2 em{color:var(--gold-soft)}.closing p{color:#f7f3e9d1;margin-top:10px;font-size:1.08rem}.closing .button-primary{--btn-drop:#06141f}.closing :focus-visible,.footer :focus-visible{outline-color:var(--gold)}.footer{background:var(--ink-2);color:#f7f3e9c7;border-top:1px solid #ffd97833}.footer a{text-decoration:none;transition:color .18s}.footer a:hover{color:var(--gold-soft)}.footer-top{border-bottom:1px solid #f7f3e91f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 48px;padding-block:44px 32px;display:flex}.footer-brand{color:#f7f3e9d1;align-items:center;gap:18px;font-size:.95rem;line-height:1.45;display:flex}.footer-brand img{width:104px;height:auto}.footer-brand strong{color:#fff;font-family:var(--font-display);font-size:1.12rem}.footer-links{flex-wrap:wrap;gap:8px 28px;display:flex}.footer-links a{color:var(--paper);align-items:center;gap:4px;padding-block:8px;font-weight:700;display:inline-flex}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;padding-block:24px 32px;font-size:.84rem;line-height:1.6;display:flex}.footer-bottom>div{align-items:center;gap:22px;display:flex}.footer-bottom>div a{padding-block:6px}.footer-bottom a[href=\#top]{width:40px;height:40px;color:var(--paper);border:1px solid #f7f3e94d;border-radius:50%;place-items:center;padding:0;font-size:1.1rem;display:grid}.footer-bottom a[href=\#top]:hover{border-color:var(--gold-soft)}.auth-page{isolation:isolate;padding:clamp(32px, 7vw, 88px) var(--gutter);place-items:center;display:grid;position:relative;overflow:hidden}.auth-page:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#f5b41c24 0deg 5deg,#0000 5deg 15deg);width:min(900px,140vw);position:absolute;top:-10%;right:-20%;-webkit-mask-image:radial-gradient(circle,#000 0 14%,#0000 60%);mask-image:radial-gradient(circle,#000 0 14%,#0000 60%)}.auth-page:after{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;border:1.5px dashed #12334a24;border-radius:50%;width:360px;position:absolute;bottom:-120px;left:-120px}.auth-panel{border:1px solid var(--line);border-top:5px solid var(--orange);border-radius:var(--radius-lg);background:var(--card);width:min(100%,520px);box-shadow:var(--shadow-card);padding:clamp(28px,5vw,48px);position:relative}.auth-panel>.text-link:first-child{margin-bottom:26px;font-size:.92rem}.auth-panel .eyebrow{margin-bottom:10px;display:block}.auth-panel h1{font-size:clamp(2rem,5vw,2.7rem)}.auth-panel h1+p{color:var(--muted);margin-top:10px}.auth-form{gap:18px;margin-top:28px;display:grid}.auth-form>.button{width:100%;margin-top:6px}.form-field{color:var(--ink);gap:7px;font-size:.92rem;font-weight:700;display:grid}.form-field input{border:1.5px solid var(--line-strong);width:100%;min-height:50px;color:var(--text);background:#fffefa;border-radius:12px;padding:12px 15px;font-size:1rem;font-weight:500;transition:border-color .18s,box-shadow .18s}.form-field input::placeholder{color:#66737f}.form-field input:hover{border-color:#12334a73}.form-field input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px #f5b41c61}.form-field input:user-invalid{border-color:var(--danger)}.form-field input:read-only,.form-field input:disabled{background:var(--paper-2);cursor:progress}.form-field small{color:var(--muted);font-size:.82rem;font-weight:500}.form-checkbox{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:12px;font-size:.92rem;display:grid}.form-checkbox input{width:20px;height:20px;accent-color:var(--orange-btn);margin:2px 0 0}.form-checkbox .text-link{display:inline}.form-error,.form-success{border-radius:10px;padding:12px 14px;font-size:.92rem;font-weight:600}.form-error{color:var(--danger);background:#fbebe7;border:1px solid #a3271b4d}.form-success{color:var(--success);background:#eaf3e6;border:1px solid #2f6b334d}.auth-switch{color:var(--muted);text-align:center;font-size:.94rem}.auth-switch .text-link{display:inline}.auth-notice{border-left:3px solid var(--gold);background:var(--paper-2);color:var(--muted);border-radius:0 10px 10px 0;margin-top:26px;padding:14px 16px;font-size:.86rem;line-height:1.55}.account-panel>.button{margin-top:26px}.account-details{border:1px solid var(--line);border-radius:var(--radius);gap:0;margin:26px 0 0;display:grid;overflow:hidden}.account-details>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:4px 16px;padding:14px 18px;display:grid}.account-details>div:nth-child(odd){background:#f0e8d680}.account-details>div:last-child{border-bottom:0}.account-details dt{color:var(--muted);font-size:.85rem;font-weight:700}.account-details dd{color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:600}.logout-form{margin-top:18px}.logout-form .text-link{cursor:pointer;font-size:.94rem}.editorial-page{isolation:isolate;padding:clamp(36px,7vw,96px) 0 clamp(64px,9vw,120px);position:relative}.editorial-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 100% at 85% 0,#ffd9784d,#0000 70%),linear-gradient(#e7dbc073,#0000);height:420px;position:absolute;inset:0 0 auto}.editorial-content{width:min(46rem, 100% - 2 * var(--gutter));margin-inline:auto}.prose{font-size:1.08rem;line-height:1.8}.prose>.text-link:first-child{margin-bottom:32px;font-size:.92rem}.prose .eyebrow{color:var(--orange-ink);margin-bottom:14px;display:block}.prose h1{font-size:clamp(2.3rem,5.6vw,3.8rem);line-height:1.04}.prose h1:after{content:"";background:linear-gradient(90deg, var(--orange), var(--gold));border-radius:4px;width:72px;height:4px;margin-top:26px;display:block}.prose h1+p{color:var(--ink);margin-top:26px;font-size:1.2rem;line-height:1.7}.prose h2{margin-top:2.6rem;margin-bottom:.7rem;font-size:clamp(1.45rem,2.6vw,1.85rem)}.prose h2:before{content:"✦";color:var(--orange);vertical-align:.2em;margin-right:.45em;font-size:.6em;display:inline-block}.prose p{color:var(--text)}.prose p+p{margin-top:1.1em}.prose>.button{margin-top:2.8rem}@media (max-width:1000px){.closing-inner{grid-template-columns:auto 1fr}.closing-inner>.button{grid-column:1/-1;justify-self:start}}@media (max-width:760px){.section-heading{flex-direction:column;align-items:flex-start}.account-details>div{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.closing-inner{grid-template-columns:minmax(0,1fr);justify-items:start}.closing-inner>.button{white-space:normal;width:100%}.footer-brand{flex-direction:column;align-items:flex-start}.footer-bottom>div{flex-wrap:wrap}.auth-panel{padding-inline:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button:hover,.button:active,.class-index-card:hover{transform:none}}@media (forced-colors:active){.button,.race-pick[aria-selected=true],.stage-classes button[aria-selected=true],.auth-panel{border:1px solid canvastext}.closing:before,.auth-page:before{display:none}}.class-head h4 small,.class-tree h3 small{color:var(--muted);font-family:var(--font-body);letter-spacing:0;font-size:.56em;font-weight:700}.roles-more{margin-top:28px}.class-paths>li.has-thumb{grid-template-columns:64px minmax(0,1fr);column-gap:14px}.class-paths>li.has-thumb>:not(.path-thumb){grid-column:2}.path-thumb{object-fit:contain;object-position:bottom;background:linear-gradient(180deg, var(--sky-1,#d6e7f1), var(--sky-2,#f5e6c8));border-radius:10px;grid-row:1/span 3;width:64px;height:84px}