@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/noto-sans-thai-variable-DvQ_ZkZP.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}:root{--color-void: oklch(11% .014 285);--color-bg: oklch(13.5% .018 285);--color-surface-1: oklch(17% .02 285);--color-surface-2: oklch(21% .024 285);--color-surface-3: oklch(26% .028 284);--color-elevated: oklch(30% .03 284);--color-line: oklch(100% 0 0 / .08);--color-line-strong: oklch(100% 0 0 / .14);--color-line-arcane: oklch(65% .2 292 / .34);--color-text: oklch(96% .008 285);--color-text-muted: oklch(74% .015 285);--color-text-faint: oklch(58% .018 285);--color-arcane: oklch(66% .208 293);--color-arcane-bright: oklch(76% .19 295);--color-arcane-deep: oklch(48% .19 292);--color-mana: oklch(78% .135 214);--color-mana-deep: oklch(60% .13 224);--color-gold: oklch(84% .135 84);--color-gold-deep: oklch(72% .14 66);--color-danger: oklch(66% .2 20);--color-success: oklch(76% .16 150);--tree-knight: oklch(66% .2 22);--tree-summoner: oklch(72% .17 55);--tree-warlord: oklch(82% .15 92);--tree-sorcerer: oklch(70% .16 258);--tree-rogue: oklch(74% .16 152);--tree-alchemist: oklch(70% .17 315);--wash-arcane: oklch(58% .22 293 / .5);--wash-mana: oklch(65% .16 220 / .35);--font-display: "Space Grotesk Variable", "Space Grotesk", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter Variable", "Inter", "Noto Sans Thai", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Menlo", monospace;--text-xs: clamp(.72rem, .7rem + .1vw, .78rem);--text-sm: clamp(.82rem, .8rem + .12vw, .9rem);--text-base: clamp(.95rem, .92rem + .18vw, 1.06rem);--text-lg: clamp(1.12rem, 1.02rem + .4vw, 1.32rem);--text-xl: clamp(1.4rem, 1.2rem + .9vw, 1.9rem);--text-2xl: clamp(1.9rem, 1.5rem + 1.8vw, 2.9rem);--text-hero: clamp(3.2rem, 2rem + 4.4vw, 5.4rem);--leading-tight: 1.04;--leading-snug: 1.22;--leading-normal: 1.55;--tracking-tight: -.02em;--tracking-wide: .02em;--tracking-caps: .16em;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.25rem;--space-2xl: 3.5rem;--space-section: clamp(4rem, 3rem + 6vw, 9rem);--content-max: 1220px;--content-narrow: 760px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px oklch(0% 0 0 / .4);--shadow-md: 0 8px 24px -8px oklch(0% 0 0 / .55);--shadow-lg: 0 24px 60px -18px oklch(0% 0 0 / .7);--shadow-arcane: 0 0 0 1px var(--color-line-arcane), 0 18px 50px -20px oklch(58% .22 293 / .55);--glow-arcane: 0 0 32px -6px oklch(62% .22 293 / .55);--glow-gold: 0 0 26px -6px oklch(80% .14 78 / .5);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .62s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-base: 1;--z-sticky: 50;--z-nav: 100;--z-overlay: 200}.display{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.eyebrow{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-arcane-bright)}.numeric{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"ss01" 1}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}.text-gradient{background:linear-gradient(100deg,var(--color-text) 0%,var(--color-arcane-bright) 55%,var(--color-mana) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:dark}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-void);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 55% at 15% -8%,var(--wash-arcane),transparent 60%),radial-gradient(ellipse 70% 50% at 92% 6%,var(--wash-mana),transparent 55%),radial-gradient(ellipse 120% 80% at 50% 118%,oklch(20% .05 293 / .6),transparent 70%);pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}:focus-visible{outline:2px solid var(--color-arcane-bright);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:oklch(66% .208 293 / .4);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-3) transparent}.shell{width:min(100% - 2 * var(--space-lg),var(--content-max));margin-inline:auto}@media(max-width:640px){.shell{width:min(100% - 2 * var(--space-md),var(--content-max))}}.section{padding-block:var(--space-section)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel{background:linear-gradient(180deg,var(--color-surface-1),var(--color-bg));border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.nav{position:sticky;top:0;z-index:var(--z-nav);backdrop-filter:blur(14px) saturate(1.3);background:#05050bb8;border-bottom:1px solid var(--color-line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-block:.85rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;letter-spacing:.01em}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--color-arcane),var(--color-arcane-deep));box-shadow:var(--glow-arcane);color:#f4f4fc}.brand__name{font-size:var(--text-base)}.brand__name span{color:var(--color-text-faint);font-weight:500}.nav__links{display:none;gap:var(--space-lg)}.nav__links a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out-expo)}.nav__links a:hover{color:var(--color-text)}@media(min-width:860px){.nav__links{display:inline-flex}}.footer{border-top:1px solid var(--color-line);padding-block:var(--space-2xl);margin-top:var(--space-2xl)}.footer__grid{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:720px){.footer__grid{grid-template-columns:1.4fr 1fr 1fr}}.footer h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-faint);margin-bottom:var(--space-sm)}.footer a{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out-expo)}.footer a:hover{color:var(--color-arcane-bright)}.footer__disclaimer{margin-top:var(--space-xl);font-size:var(--text-xs);color:var(--color-text-faint);line-height:var(--leading-normal)}.hero{position:relative;padding-top:clamp(3rem,2rem + 6vw,6rem);padding-bottom:var(--space-section);overflow:hidden}.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center}@media(min-width:940px){.hero__grid{grid-template-columns:1.08fr .92fr;gap:var(--space-xl)}}.hero__copy{max-width:40ch}.hero__eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:var(--space-lg)}.hero__eyebrow:before{content:"";width:26px;height:1px;background:var(--color-arcane)}.hero h1{font-size:var(--text-hero);line-height:.94;letter-spacing:-.03em}.hero h1 .hero__forge{display:block}.hero h1 em{font-style:normal;display:block;margin-top:.5rem;font-size:var(--text-xl);font-weight:500;line-height:var(--leading-snug);letter-spacing:-.01em;color:var(--color-text-muted);text-wrap:balance}.hero h1 em strong{color:var(--color-text);font-weight:600}.hero__lede{margin-top:var(--space-lg);font-size:var(--text-lg);color:var(--color-text-muted);max-width:46ch}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xl)}.hero__stats{display:flex;flex-wrap:wrap;gap:var(--space-lg) var(--space-xl);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--color-line)}.hero__stat{display:flex;flex-direction:column;gap:2px}.hero__stat dt{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:1;color:var(--color-text);font-variant-numeric:tabular-nums}.hero__stat dd{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-faint)}.hero__visual{position:relative;aspect-ratio:1;max-width:460px;margin-inline:auto;width:100%;display:grid;place-items:center}.hero__visual svg{width:100%;height:100%;overflow:visible}.sigil-ring{transform-origin:center;transform-box:fill-box;animation:spin 46s linear infinite}.sigil-ring--reverse{animation-duration:64s;animation-direction:reverse}.sigil-clone{transform-origin:center;transform-box:fill-box;animation:float 7s var(--ease-in-out) infinite}.sigil-clone--b{animation-delay:-2.3s}.sigil-clone--c{animation-delay:-4.6s}.mana-orb{transform-origin:230px 230px;animation:orbit 18s linear infinite}.mana-orb--b{animation-duration:26s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.9}50%{transform:translateY(-10px) scale(1.015);opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sigil-ring,.sigil-clone,.mana-orb{animation:none!important}}.forge{position:relative;scroll-margin-top:80px}.section-head{max-width:60ch;margin-bottom:var(--space-2xl)}.section-head h2{font-size:var(--text-2xl);margin-top:var(--space-sm)}.section-head p{margin-top:var(--space-md);color:var(--color-text-muted);font-size:var(--text-lg)}.forge__layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:start}@media(min-width:960px){.forge__layout{grid-template-columns:minmax(320px,400px) 1fr}}.controls{padding:var(--space-lg);display:grid;gap:var(--space-lg)}@media(min-width:960px){.controls{position:sticky;top:84px}}.control{display:grid;gap:var(--space-sm)}.control__label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.control__label span:first-child{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em}.control__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--text-lg);font-weight:700;color:var(--color-arcane-bright)}.control__hint{font-size:var(--text-xs);color:var(--color-text-faint)}.import-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.72em 1em;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:#0a0a13;background:linear-gradient(135deg,var(--color-gold),var(--color-gold-deep));border-radius:var(--radius-md);box-shadow:var(--glow-gold);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.import-btn:hover{transform:translateY(-2px);box-shadow:var(--glow-gold),0 10px 26px -10px #efb14699}.import-btn:focus-within{outline:2px solid var(--color-gold);outline-offset:3px}.import-error{font-size:var(--text-xs);color:var(--color-danger)}.paste-toggle{align-self:flex-start;padding:.15rem 0;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out-expo)}.paste-toggle:hover{color:var(--color-gold)}.paste-box{display:grid;gap:var(--space-xs)}.paste-area{width:100%;resize:vertical;min-height:90px;padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5;color:var(--color-text);background:var(--color-void);border:1px solid var(--color-line);border-radius:var(--radius-sm)}.paste-area:focus-visible{outline:none;border-color:var(--color-gold);box-shadow:var(--glow-gold)}.paste-area::placeholder{color:var(--color-text-faint)}.range{-webkit-appearance:none;appearance:none;width:100%;height:7px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-arcane) var(--range-fill, 40%),var(--color-void) var(--range-fill, 40%));outline-offset:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#f1f1f8;border:3px solid var(--color-arcane);box-shadow:var(--glow-arcane);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-back)}.range::-webkit-slider-thumb:hover{transform:scale(1.14)}.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#f1f1f8;border:3px solid var(--color-arcane);cursor:pointer}.control .segmented{flex-wrap:wrap;width:100%}.owned-grid{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.owned-chip{padding:.4em .75em;font-size:var(--text-xs);font-family:var(--font-display);font-weight:600;color:var(--color-text-muted);background:var(--color-void);border:1px solid var(--color-line);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo)}.owned-chip[aria-pressed=true]{color:var(--color-gold);border-color:#e9b45280;background:#e9b4521f}.result{display:grid;gap:var(--space-lg)}.result__summary{padding:var(--space-lg);display:grid;gap:var(--space-md)}.result__account{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text-muted);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-line)}.result__account strong{color:var(--color-gold)}.respec-note{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px dashed oklch(66% .2 20 / .4);background:#f44f5d12;font-size:var(--text-sm);color:var(--color-text-muted)}.respec-note strong{color:var(--color-danger)}.result__spbar{display:flex;align-items:center;gap:var(--space-md)}.result__spbar .meter{flex:1}.result__sp-nums{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.result__sp-nums span{color:var(--color-text-faint);font-weight:500}.highlights{display:grid;gap:var(--space-xs)}.highlights li{display:flex;gap:.6rem;font-size:var(--text-sm);color:var(--color-text-muted);align-items:baseline}.highlights li:before{content:"";flex:none;width:6px;height:6px;margin-top:.4em;border-radius:50%;background:var(--color-arcane-bright);box-shadow:var(--glow-arcane)}.trees{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media(min-width:560px){.trees{grid-template-columns:1fr 1fr}}.tree-card{--tree: var(--color-arcane);padding:var(--space-md);background:linear-gradient(180deg,var(--color-surface-1),var(--color-bg));border:1px solid var(--color-line);border-radius:var(--radius-md);border-top:2px solid var(--tree)}.tree-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.tree-card__name{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--tree)}.tree-card__sp{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.alloc{display:grid;gap:.55rem;padding-block:.5rem;border-top:1px solid var(--color-line)}.alloc:first-of-type{border-top:none}.alloc__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.alloc__name{font-weight:600;font-size:var(--text-sm)}.alloc__kind{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-left:.4rem}.alloc__lvl{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--text-sm);color:var(--tree);white-space:nowrap}.alloc__lvl--diff{display:inline-flex;align-items:baseline;gap:.32rem}.alloc__lvl--up{color:var(--color-success)}.alloc__lvl--down{color:var(--color-text-faint)}.alloc__from{color:var(--color-text-faint);font-weight:600}.alloc__arrow{color:var(--color-text-faint);font-weight:400}.alloc__note{font-size:var(--text-xs);color:var(--color-text-faint)}.tree-card--empty{color:var(--color-text-faint);font-size:var(--text-sm);display:grid;place-items:center;min-height:90px;text-align:center}.overflow{padding:var(--space-lg);display:grid;gap:var(--space-sm);border-top:2px solid var(--tree-rogue)}.overflow__head{display:flex;align-items:baseline;justify-content:space-between}.overflow__sp{font-family:var(--font-display);font-weight:700;color:var(--tree-rogue)}.overflow__list{display:grid;gap:.15rem;margin-top:var(--space-xs)}.overflow__item{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:var(--space-md);padding:.5rem .3rem;border-top:1px solid var(--color-line)}.overflow__item:first-child{border-top:none}.overflow__rank{font-family:var(--font-display);font-weight:700;color:var(--color-text-faint)}.overflow__name{display:grid;gap:1px}.overflow__name>:first-child,.overflow__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm)}.overflow__note{font-family:var(--font-body);font-weight:400;font-size:var(--text-xs);color:var(--color-text-faint)}.overflow__lvl{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.btn{--btn-bg: var(--color-surface-2);--btn-fg: var(--color-text);display:inline-flex;align-items:center;gap:var(--space-xs);padding:.7em 1.15em;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),background var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo);will-change:transform}.btn:hover{transform:translateY(-2px);border-color:var(--color-line-arcane)}.btn:active{transform:translateY(0)}.btn--primary{--btn-fg: oklch(15% .02 285);background:linear-gradient(135deg,var(--color-arcane-bright),var(--color-arcane));border-color:transparent;box-shadow:var(--glow-arcane)}.btn--primary:hover{box-shadow:var(--glow-arcane),0 10px 30px -10px #9a73ffb3}.btn--ghost{--btn-bg: transparent;border-color:var(--color-line)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--color-void);border:1px solid var(--color-line);border-radius:var(--radius-pill)}.segmented__option{position:relative;padding:.5em .95em;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--color-text-muted);border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-out-expo),background var(--duration-fast) var(--ease-out-expo);white-space:nowrap}.segmented__option:hover{color:var(--color-text)}.segmented__option[aria-pressed=true]{color:#0a0a13;background:linear-gradient(135deg,var(--color-arcane-bright),var(--color-arcane))}.tag{display:inline-flex;align-items:center;gap:.35em;padding:.25em .7em;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;color:var(--color-text-muted);background:var(--color-surface-1);border:1px solid var(--color-line);border-radius:var(--radius-pill)}.tag--arcane{color:var(--color-arcane-bright);border-color:var(--color-line-arcane);background:#8359e31a}.tag--mana{color:var(--color-mana);border-color:oklch(70% .13 220 / .35);background:oklch(65% .13 220 / .1)}.tag--gold{color:var(--color-gold);border-color:#e9b4524d;background:#e9b4521a}.meter{position:relative;height:7px;border-radius:var(--radius-pill);background:var(--color-void);overflow:hidden}.meter__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--color-arcane),var(--color-arcane-bright));transition:width var(--duration-slow) var(--ease-out-expo);transform-origin:left}.advisor,.readiness{padding:var(--space-lg);display:grid;gap:var(--space-sm)}.advisor{border-top:2px solid var(--color-gold)}.advisor__title{font-size:var(--text-lg)}.advisor__title strong{color:var(--color-gold)}.advisor__title .tag{margin-left:.5rem;color:var(--color-danger);border-color:#f44f5d66}.advisor__reason{font-size:var(--text-sm);color:var(--color-text-muted)}.advisor__bars{display:grid;gap:.5rem;margin-top:var(--space-xs)}.advisor__row{display:grid;grid-template-columns:128px 1fr auto;align-items:center;gap:var(--space-md)}.advisor__row .meter{height:9px}.advisor__row--active .meter__fill{background:linear-gradient(90deg,var(--color-gold-deep),var(--color-gold))}.advisor__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);display:flex;align-items:center;gap:.35rem}.advisor__off{font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-danger)}.advisor__use{padding:.4em .8em;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out-expo),border-color var(--duration-fast) var(--ease-out-expo)}.advisor__use:hover{border-color:var(--color-gold);color:var(--color-gold)}.advisor__use[aria-pressed=true]{color:var(--color-text-faint);background:transparent;border-color:var(--color-line)}.readiness__head{display:flex;align-items:baseline;justify-content:space-between}.readiness__pct{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-success)}.readiness__verdict{font-size:var(--text-sm);color:var(--color-text-muted)}.readiness__list{display:grid;gap:.3rem;margin-top:var(--space-xs)}.readiness__list li{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:.5rem;font-size:var(--text-sm)}.readiness__mark{font-weight:700;text-align:center}.readiness__ok .readiness__mark{color:var(--color-success)}.readiness__miss .readiness__mark{color:var(--color-danger)}.readiness__miss .readiness__art{color:var(--color-text-muted)}.readiness__tag{margin-left:.4rem;font-size:.58rem;padding:.1em .45em;border-radius:var(--radius-pill);color:var(--color-gold);background:#e9b4521f}.readiness__state{font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}@media(max-width:560px){.advisor__row{grid-template-columns:96px 1fr auto;gap:var(--space-sm)}}.ref-section{scroll-margin-top:80px}[data-reveal] .artifact{opacity:0;transform:translateY(16px)}[data-reveal=true] .artifact{opacity:1;transform:none;transition:opacity var(--duration-slow) var(--ease-out-expo),transform var(--duration-slow) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}@media(prefers-reduced-motion:reduce){[data-reveal] .artifact{opacity:1;transform:none;transition:none}}.artifact-groups{display:grid;gap:var(--space-xl)}.artifact-group__head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.artifact-group__head h3{font-size:var(--text-lg)}.artifact-group__count{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.artifact-group__rule{flex:1;height:1px;background:var(--color-line)}.artifact-grid{display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.artifact{position:relative;padding:var(--space-md);background:linear-gradient(180deg,var(--color-surface-1),var(--color-bg));border:1px solid var(--color-line);border-radius:var(--radius-md);border-left:3px solid var(--art-accent, var(--color-line-strong));transition:transform var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.artifact:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-left-color:var(--art-accent, var(--color-arcane))}.artifact__rank{position:absolute;top:var(--space-md);right:var(--space-md);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-text-faint);font-variant-numeric:tabular-nums}.artifact__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);padding-right:2rem}.artifact__effect{margin-top:.35rem;font-size:var(--text-sm);color:var(--color-arcane-bright)}.artifact__note{margin-top:.5rem;font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.artifact--owned{border-left-color:var(--color-gold)}.artifact--owned:after{content:"มีแล้ว";position:absolute;bottom:var(--space-md);right:var(--space-md);font-size:.68rem;font-weight:600;color:var(--color-gold)}.artifact__star{position:absolute;top:var(--space-md);right:var(--space-md);font-size:var(--text-sm);line-height:1;color:var(--color-gold)}.slot__fit{display:inline-flex;align-items:baseline;gap:.15em;color:var(--art-accent, var(--color-arcane-bright))}.slot__fit strong{font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.slot__fit span{font-size:.62rem;color:var(--color-text-faint)}.mono-tag{font-family:var(--font-mono, ui-monospace, monospace);font-size:.72em;color:var(--color-text-faint)}.pet__type{font-family:var(--font-display);font-size:.6rem;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-faint);margin-left:.35rem}.variant__rec{margin-left:.5rem;padding:.15em .6em;font-family:var(--font-display);font-size:.62rem;font-weight:700;vertical-align:middle;color:var(--color-bg);background:var(--color-gold);border-radius:var(--radius-pill)}.tag--owned{color:var(--color-gold);border-color:#e9b45273;background:#e9b45229}.tag--miss{opacity:.5}.loadout{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:820px){.loadout{grid-template-columns:1.3fr 1fr}}.slot-list{display:grid;gap:var(--space-sm)}.slot{display:grid;grid-template-columns:88px 1fr;gap:var(--space-md);align-items:center;padding:var(--space-md);background:var(--color-surface-1);border:1px solid var(--color-line);border-radius:var(--radius-md)}.slot__label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-faint)}.slot__set{font-family:var(--font-display);font-weight:600;font-size:var(--text-base)}.slot__bonus{font-size:var(--text-sm);color:var(--color-text-muted)}.pet-panel{padding:var(--space-lg)}.pet-panel h3{font-size:var(--text-lg);margin-bottom:var(--space-md)}.pet{display:grid;gap:.2rem;padding-block:var(--space-sm);border-top:1px solid var(--color-line)}.pet:first-of-type{border-top:none}.pet__name{font-family:var(--font-display);font-weight:600}.pet__bonus{font-size:var(--text-sm);color:var(--color-mana)}.pet__note{font-size:var(--text-xs);color:var(--color-text-faint)}.variant-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media(min-width:780px){.variant-grid{grid-template-columns:repeat(3,1fr)}}.variant{position:relative;padding:var(--space-lg);text-align:left;background:linear-gradient(180deg,var(--color-surface-1),var(--color-bg));border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.variant:before{content:"";position:absolute;inset:0 0 auto;height:120px;background:radial-gradient(80% 100% at 50% 0%,var(--v-accent, var(--wash-arcane)),transparent 70%);opacity:.35;pointer-events:none}.variant:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.variant[aria-pressed=true]{box-shadow:0 0 0 1px var(--v-accent, var(--color-arcane)),var(--shadow-md)}.variant[aria-pressed=true]:after{content:"ใช้อยู่";position:absolute;top:var(--space-lg);right:var(--space-lg);font-family:var(--font-display);font-size:.7rem;font-weight:700;color:var(--v-accent, var(--color-arcane))}.variant__name{font-size:var(--text-lg);position:relative}.variant__tagline{position:relative;margin-top:.25rem;font-size:var(--text-sm);color:var(--v-accent-text, var(--color-arcane-bright));font-weight:600}.variant__desc{position:relative;margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.variant__key{position:relative;margin-top:var(--space-md);display:flex;flex-wrap:wrap;gap:.4rem}.guide{display:grid;gap:var(--space-lg);grid-template-columns:1fr}@media(min-width:880px){.guide{grid-template-columns:1.05fr .95fr;align-items:start}}.ladder{padding:var(--space-lg);display:grid;gap:.15rem}.ladder h3{font-size:var(--text-lg);margin-bottom:var(--space-md)}.rung{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:var(--space-md);padding:.7rem .4rem;border-top:1px solid var(--color-line)}.rung:first-of-type{border-top:none}.rung__num{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.rung__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm)}.rung__role{font-size:var(--text-xs);color:var(--color-text-faint)}.rung__tree{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--rung-tree, var(--color-arcane-bright));white-space:nowrap}.mana-loop{display:grid;gap:var(--space-sm)}.loop-card{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-line);background:var(--color-surface-1);border-left:3px solid var(--loop-accent, var(--color-mana))}.loop-card h4{font-size:var(--text-sm);display:flex;align-items:center;gap:.5rem}.loop-card__items{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.35rem}.loop-card__desc{margin-top:.5rem;font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.skip-note{margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px dashed oklch(66% .2 20 / .4);background:#f44f5d12;font-size:var(--text-sm);color:var(--color-text-muted)}.skip-note strong{color:var(--color-danger);font-family:var(--font-display)}.raid-decks{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media(min-width:860px){.raid-decks{grid-template-columns:repeat(3,1fr)}}.raid-deck{--accent: var(--color-arcane);display:grid;gap:var(--space-sm);align-content:start;padding:var(--space-lg);background:linear-gradient(180deg,var(--color-surface-1),var(--color-bg));border:1px solid var(--color-line);border-top:2px solid var(--accent);border-radius:var(--radius-lg)}.raid-deck__head{display:flex;align-items:center;gap:.5rem}.raid-deck__name{font-size:var(--text-lg);color:var(--accent)}.raid-deck__pct{margin-left:auto;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-success)}.raid-deck__tagline{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.raid-deck__desc{font-size:var(--text-xs);color:var(--color-text-faint);line-height:var(--leading-normal)}.raid-deck__label{margin-top:var(--space-xs);font-size:.62rem;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-faint)}.raid-deck__cards{display:flex;flex-wrap:wrap;gap:.35rem}.raid-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28em .6em;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-surface-1);border:1px solid var(--color-line);border-left:3px solid var(--chip, var(--color-line-strong));border-radius:var(--radius-sm)}.card--burst{--chip: var(--tree-knight)}.card--affliction{--chip: var(--tree-rogue)}.card--support{--chip: var(--tree-sorcerer)}.raid-chip__vs{font-weight:400;color:var(--color-text-faint)}.raid-chip__lv{color:var(--color-success);font-weight:700}.raid-chip__mark{font-weight:700}.raid-chip--has{color:var(--color-text)}.raid-chip--has .raid-chip__mark{color:var(--color-success)}.raid-chip--miss{opacity:.55}.raid-chip--miss .raid-chip__mark{color:var(--color-danger)}.target-guide{margin-top:var(--space-lg);padding:var(--space-lg);display:grid;gap:var(--space-sm)}.target-list{display:grid;gap:.2rem}.target-row{display:grid;grid-template-columns:28px 130px 1fr;align-items:baseline;gap:var(--space-md);padding:.5rem .3rem;border-top:1px solid var(--color-line)}.target-row:first-child{border-top:none}.target-row__num{font-family:var(--font-display);font-weight:700;color:var(--color-gold)}.target-row__part{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm)}.target-row__cards{font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:560px){.target-row{grid-template-columns:24px 1fr}.target-row__cards{grid-column:2;font-size:var(--text-xs)}}