:root,:root[data-faction=asmodien]{--bg:#120d1b;--bg-2:#0c0813;--surface:#1b1428;--raised:#241b35;--sunken:#0f0a17;--line:#33284a;--line-strong:#4a3b68;--fg:#ece5f5;--muted:#a99cc0;--faint:#7e7298;--accent:#b07bea;--glow:#8b4ed6;--ember:#dc5a3c;--metal-a:#f3e2bc;--metal-b:#e6c694;--metal-c:#a9814f;--metal-d:#5c4428;--hero-light:radial-gradient(120% 70% at 50% 110%, #dc5a3c47, transparent 60%), radial-gradient(90% 60% at 70% 100%, #8b4ed659, transparent 65%);--hero-tint:linear-gradient(180deg, #120d1b8c 0%, #120d1b40 45%, #120d1bf2 100%);--hero-img:url(/assets/official/ui/common-bg.webp);--cloud-tint:hue-rotate(10deg) saturate(1.2) brightness(.55);--title-glow:0 0 22px #8b4ed68c;--medal:radial-gradient(circle at 50% 38%,#33264d 0%,#140d20 72%);--scrim:linear-gradient(90deg, #120d1bc7 0%, #120d1b73 38%, transparent 62%);--scrim-r:linear-gradient(270deg, #120d1bd1 0%, #120d1b80 42%, transparent 66%);color-scheme:dark}:root[data-faction=elyseen]{--bg:#e6ecf2;--bg-2:#dce4ec;--surface:#f8fafc;--raised:#eef3f7;--sunken:#dde5ed;--line:#c9d4df;--line-strong:#a9b8c8;--fg:#16253a;--muted:#4f6178;--faint:#6e7f94;--accent:#16728c;--glow:#7fd8ee;--ember:#a47e37;--metal-a:#fff;--metal-b:#e2c987;--metal-c:#a47e37;--metal-d:#6b5222;--hero-light:radial-gradient(90% 70% at 50% -10%, #ffffffd9, transparent 60%), radial-gradient(70% 50% at 50% 0%, #7fd8ee73, transparent 70%);--hero-tint:linear-gradient(180deg, #e6ecf226 0%, #e6ecf259 55%, #e6ecf2 100%);--hero-img:url(/assets/official/ui/common-bg.webp);--cloud-tint:brightness(1.6) saturate(.4);--title-glow:0 0 26px #7fd8ee99;--medal:radial-gradient(circle at 50% 38%,#33496b 0%,#15233a 72%);--scrim:linear-gradient(90deg, #e8eef4db 0%, #e8eef499 40%, transparent 64%);--scrim-r:linear-gradient(270deg, #e8eef4e6 0%, #e8eef4a8 44%, transparent 68%);color-scheme:light}:root{--display:"Cinzel", "Trajan Pro", Georgia, serif;--body:"Noto Sans", system-ui, sans-serif;--rune-1:#4fae6a;--rune-2:#4c8edb;--rune-3:#d9b53a;--rune-4:#e0843a;--rune-5:#d44b4b;--r-lg:14px;--r-md:10px;--r-sm:6px;--page:1180px;--ease-out:cubic-bezier(.22,1,.36,1);--ease-expo:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.76,0,.24,1);--t-press:.14s;--t-hover:.18s;--t-ui:.24s;--t-reveal:.8s;--t-faction:.72s}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--t-faction);mix-blend-mode:normal;animation-timing-function:ease}::view-transition-old(root){animation-name:vtOut}::view-transition-new(root){animation-name:vtIn}@keyframes vtOut{to{opacity:0}}@keyframes vtIn{0%{opacity:0}}@property --bg{syntax:"<color>";inherits:true;initial-value:#120d1b}@property --surface{syntax:"<color>";inherits:true;initial-value:#1b1428}@property --raised{syntax:"<color>";inherits:true;initial-value:#241b35}@property --line{syntax:"<color>";inherits:true;initial-value:#33284a}@property --fg{syntax:"<color>";inherits:true;initial-value:#ece5f5}@property --muted{syntax:"<color>";inherits:true;initial-value:#a99cc0}@property --accent{syntax:"<color>";inherits:true;initial-value:#b07bea}:root.no-vt{transition:--bg var(--t-faction) ease,--surface var(--t-faction) ease,--raised var(--t-faction) ease,--line var(--t-faction) ease,--fg var(--t-faction) ease,--muted var(--t-faction) ease,--accent var(--t-faction) ease}html.cd-eclipsing::view-transition-old(root),html.cd-eclipsing::view-transition-new(root){mix-blend-mode:normal;animation:none}html.cd-eclipsing::view-transition-new(root){transform-origin:var(--ex,50%) var(--ey,50%)}.cd-eclipse-ring{z-index:500;pointer-events:none;view-transition-name:cd-ring;border-radius:50%;width:0;height:0;position:fixed;transform:translate(-50%,-50%)}.cd-eclipse-ring.elyseen{box-shadow:0 0 0 1.5px #ffecbef2,0 0 12px 2px #ffd68cd9,0 0 40px 10px #ffe2a073,inset 0 0 22px 4px #fff0cd8c}.cd-eclipse-ring.asmodien{box-shadow:0 0 0 1.5px #cea0ffe6,0 0 12px 2px #b07beacc,0 0 40px 10px #dc5a3c59,inset 0 0 22px 4px #783cc880}::view-transition-group(cd-ring){animation:none}::view-transition-old(cd-ring){display:none}::view-transition-new(cd-ring){animation:none}*{box-sizing:border-box}html{scroll-padding-top:84px}body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit}p{margin:0}h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.15}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:var(--page);margin:0 auto;padding-inline:24px}@media (width<=600px){.wrap{padding-inline:16px}}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.engraved{font-family:var(--display);letter-spacing:.03em;background:linear-gradient(180deg,var(--metal-a) 0%,var(--metal-b) 42%,var(--metal-c) 72%,var(--metal-d) 100%);color:#0000;filter:drop-shadow(var(--title-glow));-webkit-background-clip:text;background-clip:text;font-weight:700}:root[data-faction=elyseen] .engraved{filter:drop-shadow(0 1px 0 #16253a59) drop-shadow(var(--title-glow))}.rune-line{opacity:.8;background:url(/assets/official/classes/title-rune.webp) 50%/contain no-repeat;width:136px;height:13px;display:block}:root[data-faction=elyseen] .rune-line{filter:invert(.75)sepia()hue-rotate(160deg)}.star{vertical-align:-2px;background:url(/assets/official/ui/pagination-star-on.webp) 50%/contain no-repeat;width:14px;height:14px;display:inline-block}.sec-title{align-items:center;gap:14px;margin:0 0 20px;display:flex}.sec-title h2{font-family:var(--display);color:var(--fg);letter-spacing:.02em;font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:600}.sec-title:after{content:"";background:linear-gradient(90deg,var(--line-strong),transparent);flex:1;height:1px}:root,:root[data-faction=asmodien]{--feather-fill:linear-gradient(180deg,#ffb067 0%,#f0552c 30%,#b8241a 62%,#3b0b08 100%);--feather-glow:#ff602cbf;--feather-glow-2:#dc3c1e59}:root[data-faction=elyseen]{--feather-fill:linear-gradient(180deg,#fff8dc 0%,#ffe08a 28%,#e9b33f 62%,#9a6a16 100%);--feather-glow:#ffce60d9;--feather-glow-2:#f0b43c66}.feather-mat{background:url(/assets/official/ui/particle.webp) 0 0/90px auto repeat,var(--feather-fill);background-blend-mode:screen,normal;width:100%;height:100%;animation:9s linear infinite featherMatter;display:block;-webkit-mask:url(/assets/generated/feather.svg) 50%/contain no-repeat;mask:url(/assets/generated/feather.svg) 50%/contain no-repeat}@keyframes featherMatter{0%{background-position:0 0,0 0}to{background-position:-20px -180px,0 0}}.trace{z-index:3;aspect-ratio:44/200;cursor:pointer;width:20px;filter:drop-shadow(0 0 5px var(--feather-glow)) drop-shadow(0 0 16px var(--feather-glow-2));background:0 0;border:0;padding:0;animation:5s ease-in-out infinite traceFloat;position:absolute}.trace:hover{filter:drop-shadow(0 0 7px var(--feather-glow)) drop-shadow(0 0 24px var(--feather-glow))}.trace:focus-visible{outline:2px solid var(--metal-b);outline-offset:8px;border-radius:6px}.trace[hidden]{display:none}.trace.size-s{width:14px}.trace.size-m{width:20px}.trace.size-l{width:28px}.trace.size-xl{width:38px}@media (width<=600px){.trace.size-l{width:24px}.trace.size-xl{width:30px}}@media (width<=860px){.banner .trace{top:14%!important}}@keyframes traceFloat{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-8px)rotate(4deg)}}.trace-fly{z-index:300;pointer-events:none;filter:drop-shadow(0 0 6px var(--feather-glow));background:0 0;border:0;outline:0;margin:0;padding:0;transition:transform .85s cubic-bezier(.5,0,.2,1),opacity .85s;display:block;position:fixed}.traces{border:1px solid var(--line-strong);background:var(--surface);font:600 .8rem var(--body);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 6px;display:flex}.traces .ico{width:9px;height:24px;filter:drop-shadow(0 0 3px var(--feather-glow))}.traces.has{color:var(--fg)}.traces.pop{animation:.55s tracesPop}.traces.full{border-color:var(--metal-b);box-shadow:0 0 14px -2px var(--feather-glow);color:var(--fg)}@keyframes tracesPop{40%{box-shadow:0 0 18px var(--feather-glow);transform:scale(1.14)}}.trace-toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:310;opacity:0;pointer-events:none;background:var(--raised);border:1px solid var(--metal-c);max-width:calc(100% - 32px);color:var(--fg);font:500 .9rem var(--body);text-align:center;border-radius:999px;padding:10px 18px;transition:opacity .3s,transform .3s;position:fixed;transform:translate(-50%,16px);box-shadow:0 10px 30px #00000059}.trace-toast.show{opacity:1;transform:translate(-50%)}.brand{white-space:nowrap}@media (width<=480px){.traces{padding:2px 8px 2px 5px}.traces .lbl{display:none}}@media (prefers-reduced-motion:reduce) and (pointer:coarse){.feather-mat,.trace{animation:none}}.frame{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--metal-b) 7%,var(--surface)) 0%,var(--surface) 96px);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--metal-b) 24%,transparent),0 18px 40px -30px #000000b3;position:relative}.frame:before{content:"";pointer-events:none;--c:color-mix(in srgb,var(--metal-c) 75%,transparent);background:linear-gradient(var(--c),var(--c)) top left/18px 1px no-repeat, linear-gradient(var(--c),var(--c)) top left/1px 18px no-repeat, linear-gradient(var(--c),var(--c)) top right/18px 1px no-repeat, linear-gradient(var(--c),var(--c)) top right/1px 18px no-repeat, linear-gradient(var(--c),var(--c)) bottom left/18px 1px no-repeat, linear-gradient(var(--c),var(--c)) bottom left/1px 18px no-repeat, linear-gradient(var(--c),var(--c)) bottom right/18px 1px no-repeat, linear-gradient(var(--c),var(--c)) bottom right/1px 18px no-repeat;position:absolute;inset:7px}.spell.frame:before,.glance .frame:before{content:none}.spell.frame,.glance .frame{border-radius:var(--r-md)}.stigma.frame:after,.stat-col.frame:after,.chain.frame:after{content:"";width:20px;height:20px;filter:drop-shadow(0 0 6px var(--glow));background:url(/assets/official/ui/pagination-star-on.webp) 50%/contain no-repeat;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.frame.pad{padding:22px 24px}@media (width<=600px){.frame.pad{padding:18px 16px}}.btn{font:600 .95rem/1 var(--body);cursor:pointer;color:var(--fg);border:1px solid color-mix(in srgb,var(--metal-c) 85%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--metal-b) 12%,var(--raised)),var(--raised));outline:1px solid color-mix(in srgb,var(--metal-c) 45%,transparent);outline-offset:3px;border-radius:999px;align-items:center;gap:10px;padding:13px 24px;text-decoration:none;display:inline-flex}.btn:before,.btn:after{content:"";background:var(--metal-b);opacity:.8;flex:none;width:5px;height:5px;transform:rotate(45deg)}.btn.primary{color:#fff;border-color:color-mix(in srgb,var(--metal-b) 75%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 62%,#fff 38%) 0%,var(--accent) 52%,color-mix(in srgb,var(--accent) 78%,#000 22%) 100%);outline-color:color-mix(in srgb,var(--metal-b) 60%,transparent);box-shadow:0 0 26px -6px var(--glow)}.btn.primary:before,.btn.primary:after{opacity:.85;background:#fff}:root[data-faction=asmodien] .btn.primary{color:#1a1027}:root[data-faction=asmodien] .btn.primary:before,:root[data-faction=asmodien] .btn.primary:after{background:#1a1027}.btn:hover{filter:brightness(1.08)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tag{border:1px solid var(--line-strong);color:var(--muted);background:var(--surface);border-radius:999px;align-items:center;padding:3px 11px;font-size:.8rem;display:inline-flex}.tag.beta{border-color:var(--ember);color:var(--ember)}.tag.ok{border-color:var(--accent);color:var(--accent)}.bar{top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(6px);position:sticky}.bar-in{align-items:center;gap:28px;height:64px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand .engraved{filter:none;font-size:1.25rem}.menu{gap:4px;margin-right:auto;display:flex}.menu a{color:var(--muted);white-space:nowrap;padding:8px 12px;font-size:.95rem;text-decoration:none;position:relative}.menu a:hover,.menu a[aria-current=page]{color:var(--fg)}.menu a[aria-current=page]:after{content:"";background:var(--metal-c);height:1px;position:absolute;bottom:2px;left:12px;right:12px}.faction{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex;position:relative}.faction:before{content:"";width:var(--tw,0);transform:translateX(var(--tx,0));background:var(--raised);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),0 0 14px -4px var(--glow);border-radius:999px;transition:none;position:absolute;top:3px;bottom:3px;left:0}.faction.ready:before{transition:transform .52s var(--ease-expo),width .52s var(--ease-expo),background-color var(--t-faction) ease}.faction button{z-index:1;color:var(--muted);font:500 .85rem var(--body);cursor:pointer;transition:color var(--t-ui) ease,transform var(--t-press) var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:3px 12px 3px 3px;display:flex;position:relative}.faction button:hover{color:var(--fg)}.faction button:active{transform:scale(.95)}.faction button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.faction img{background:var(--medal);width:26px;height:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metal-c) 60%,transparent);object-fit:contain;opacity:.7;transition:opacity var(--t-ui) ease,box-shadow var(--t-ui) ease;border-radius:50%;padding:3px}.faction button[aria-pressed=true]{color:var(--fg)}.faction button[aria-pressed=true] img{box-shadow:inset 0 0 0 1px var(--metal-b),0 0 10px -2px var(--glow);opacity:1}@media (width<=1120px){.faction .lbl{display:none}}@media (width<=860px){.menu{display:none}}.hero{isolation:isolate;align-items:center;min-height:min(86vh,760px);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-3;background:var(--hero-img) center 30%/cover no-repeat;position:absolute;inset:0}.hero-bg:after{content:"";background:var(--scrim),var(--hero-tint);position:absolute;inset:0}.hero-sky{z-index:-3;pointer-events:none;opacity:0;transition:opacity 1.4s,transform 2.4s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.hero-sky.asmodien{background:radial-gradient(55% 45% at 74% 32%,#7a3ece61,#0000 70%),radial-gradient(120% 70% at 50% 112%,#dc5a3c57,#0000 60%);transform:translateY(5%)}.hero-sky.elyseen{background:radial-gradient(70% 62% at 64% -14%,#fff8e2f2,transparent 62%), conic-gradient(from 158deg at 64% -14%,transparent 0 9deg,#ffeec43d 11deg 14deg,transparent 17deg 25deg,#ffeec42e 27deg 29deg,transparent 32deg 40deg,#ffeec424 42deg 45deg,transparent 48deg);transform:translateY(-7%)}:root[data-faction=asmodien] .hero-sky.asmodien,:root[data-faction=elyseen] .hero-sky.elyseen{opacity:1;transform:none}.hero-dust{z-index:-2;pointer-events:none;opacity:.85;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 82%,#0000 100%)}:root[data-faction=elyseen] .hero-dust{opacity:1}.faction button[aria-pressed=true] img{animation:emblemOn .9s var(--ease-out)}@keyframes emblemOn{0%{box-shadow:inset 0 0 0 1px var(--metal-c);transform:scale(.85)}45%{box-shadow:inset 0 0 0 1px var(--metal-a),0 0 16px var(--metal-b);transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce) and (pointer:coarse){.hero-sky{transition:none}.faction button[aria-pressed=true] img{animation:none}}.hero-cloud{z-index:-1;height:60%;filter:var(--cloud-tint);opacity:.9;pointer-events:none;background:url(/assets/official/factions/cloud.webp) bottom/cover no-repeat;position:absolute;bottom:-40px;left:0;right:0}.hero-char{z-index:-2;width:auto;height:100%;max-height:760px;transition:opacity .9s,transform 1.1s;position:absolute;bottom:0;right:max(0px,50% - 640px)}.hero-char.elyseen{opacity:0;right:max(-160px,50% - 760px);transform:scaleX(-1)translateY(16px)}:root[data-faction=elyseen] .hero-char.elyseen{opacity:1;transform:scaleX(-1)}:root[data-faction=elyseen] .hero-char.asmodien{opacity:0;transform:translateY(16px)}.hero-copy{gap:18px;max-width:560px;padding-block:80px;display:grid}.hero-copy h1{font-size:clamp(2.8rem,7vw,5.2rem);line-height:1.02}.hero-copy .lede{color:var(--fg);max-width:46ch;font-size:1.15rem;line-height:1.55}.hero-copy .motto{font-family:var(--display);color:var(--muted);letter-spacing:.04em;font-size:1rem}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}@media (width<=860px){.hero{align-items:flex-end;min-height:auto}.hero-char{right:-30%;opacity:.35!important}.hero-copy{padding-block:120px 48px}}.classes{padding-block:72px 40px}.picker{grid-template-columns:260px 1fr;align-items:stretch;gap:28px;display:grid}.picker-list{flex-direction:column;gap:2px;display:flex}.picker-list button{text-align:left;color:var(--muted);cursor:pointer;font:500 1rem var(--body);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:14px;padding:6px 14px 6px 6px;display:flex}.picker-list img{background:var(--medal);width:42px;height:42px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metal-c) 55%,transparent);object-fit:contain;opacity:.75;border-radius:50%;padding:5px;transition:opacity .2s}.picker-list button:hover{color:var(--fg)}.picker-list button[aria-selected=true]{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 85%)}.picker-list button[aria-selected=true] img{box-shadow:inset 0 0 0 1px var(--metal-b),0 0 12px -2px var(--glow);opacity:1}.picker-list .emb{background:var(--medal);width:42px;height:42px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metal-c) 55%,transparent);border-radius:50%;flex:none;transition:background .4s,box-shadow .4s;display:block;position:relative}.picker-list .emb img{background:0 0;border-radius:0;box-shadow:none!important}.picker-list button[aria-selected=true] .emb{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--cc) 92%,#fff 8%) 0%,var(--cc) 38%,color-mix(in srgb,var(--cc) 45%,#000) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cc) 60%,#fff),0 0 14px -3px var(--cc)}.picker-list button[aria-selected=true] img{opacity:1;filter:drop-shadow(0 1px 2px #0000008c)}.picker-list button:not([aria-selected=true]) img{opacity:.5}.picker-list .st{color:var(--faint);margin-left:auto;font-size:.75rem}.picker-list .st.ready{color:var(--accent)}.picker-view{align-items:flex-end;min-height:440px;display:flex;position:relative;overflow:hidden}.picker-view .art{background:radial-gradient(60% 70% at 30% 60%,color-mix(in srgb,var(--glow) 30%,transparent),transparent 70%);position:absolute;inset:0}.picker-view .art img{width:auto;max-width:none;height:118%;position:absolute;bottom:-6%;left:-14%}.picker-info{background:linear-gradient(90deg,transparent,var(--surface) 18%);gap:12px;width:min(46%,420px);margin-left:auto;padding:28px;display:grid;position:relative}.picker-info h3{font-size:clamp(1.8rem,3vw,2.4rem)}.picker-info .role{color:var(--accent);font-weight:600}.picker-info .facts{flex-wrap:wrap;gap:6px;display:flex}@media (width<=860px){.picker{grid-template-columns:1fr}.picker-list{border-left:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}.picker-list button{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;flex-direction:column;gap:4px;margin:0 0 -1px;padding:8px 10px;font-size:.8rem}.picker-list button[aria-selected=true]{border-bottom-color:var(--accent);background:0 0}.picker-list .st{display:none}.picker-view{min-height:520px}.picker-view .art img{height:80%;top:0;bottom:auto;left:50%;transform:translate(-50%)}.picker-info{background:linear-gradient(180deg,transparent,var(--surface) 22%);width:100%;padding-top:80px}}.duo{grid-template-columns:1.2fr 1fr;gap:24px;padding-block:24px 40px;display:grid}@media (width<=860px){.duo{grid-template-columns:1fr}}.log{gap:0;display:grid}.log-item{border-bottom:1px solid var(--line);grid-template-columns:96px 1fr;gap:16px;padding:14px 0;display:grid}.log-item:last-child{border-bottom:0}.log-item time{color:var(--faint);font-size:.88rem}.log-item h3{font:600 1rem/1.4 var(--body)}.log-item ul{color:var(--muted);margin:6px 0 0;padding-left:18px;font-size:.92rem}.systems{gap:0;display:grid}.system{border-bottom:1px solid var(--line);padding:12px 0}.system:last-child{border-bottom:0}.system h3{font:600 1rem/1.4 var(--body);align-items:center;gap:8px;display:flex}.system p{color:var(--muted);margin-top:4px;font-size:.92rem}.system .soon{color:var(--faint);margin-left:auto;font-size:.75rem;font-weight:400}.status{padding-block:24px 64px}.status-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.status-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.status-grid{grid-template-columns:1fr}}.stat-col h3{font:600 1rem var(--body);align-items:center;gap:8px;margin-bottom:8px;display:flex}.stat-col ul{gap:6px;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.stat-col li{color:var(--muted);align-items:baseline;gap:8px;display:flex}.stat-col li:before{content:"";border:1px solid var(--faint);flex:none;width:7px;height:7px;transform:rotate(45deg)translateY(-1px)}.stat-col li.done{color:var(--fg)}.stat-col li.done:before{background:var(--accent);border-color:var(--accent)}.stat-col li.wip:before{border-color:var(--ember)}.foot{border-top:1px solid var(--line);background:var(--bg-2);color:var(--muted);padding-block:32px 48px;font-size:.88rem}.foot-in{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.foot p{max-width:62ch}.foot nav{flex-wrap:wrap;gap:18px;display:flex}.foot a{color:var(--muted)}.banner{isolation:isolate;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.banner .bg{z-index:-2;background:var(--hero-img) center 25%/cover no-repeat;position:absolute;inset:0}.banner .bg:after{content:"";background:var(--scrim-r),var(--hero-light),var(--hero-tint);position:absolute;inset:0}.banner .char{z-index:-1;width:auto;max-width:none;height:125%;position:absolute;bottom:-8%;left:max(-40px,50% - 760px)}.banner-in{grid-template-columns:1fr minmax(0,560px);align-items:end;min-height:420px;display:grid}.banner-copy{grid-column:2;gap:14px;padding-block:72px 40px;display:grid}.banner-copy h1{font-size:clamp(2.4rem,6vw,4.2rem)}.banner-copy .names{color:var(--muted);font-size:.95rem}.banner-copy .desc{max-width:48ch;font-size:1.06rem}.banner-copy .tags{flex-wrap:wrap;gap:6px;display:flex}.crumbs{color:var(--muted);font-size:.88rem}.crumbs a{color:var(--muted)}@media (width<=860px){.banner-in{grid-template-columns:1fr;min-height:0}.banner-copy{grid-column:1;padding-top:220px}.banner .char{opacity:.7;height:300px;top:10px;bottom:auto;left:50%;transform:translate(-50%)}}.doc{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:48px;padding-block:40px 72px;display:grid}.toc{gap:2px;font-size:.92rem;display:grid;position:sticky;top:88px}.toc a{color:var(--muted);border-left:1px solid var(--line);padding:6px 12px;text-decoration:none}.toc a:hover{color:var(--fg)}.toc a[aria-current=true]{color:var(--fg);border-left:2px solid var(--accent);padding-left:11px}@media (width<=960px){.doc{grid-template-columns:1fr;gap:24px}.toc{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);margin-inline:-24px;padding:0 24px;display:flex;position:sticky;top:64px;overflow-x:auto}.toc a{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;padding:12px 10px}.toc a[aria-current=true]{border-left:0;border-bottom-color:var(--accent);padding-left:10px}}.doc-body{gap:56px;min-width:0;display:grid}.block{gap:16px;scroll-margin-top:84px;display:grid}.block>p{max-width:72ch;color:var(--muted)}.block>p strong{color:var(--fg)}.src{color:var(--faint);font-size:.82rem}.src a{color:var(--faint)}.note{border-left:2px solid var(--accent);max-width:72ch;padding:4px 0 4px 16px}.note.warn{border-left-color:var(--ember)}.note strong{margin-bottom:2px;display:block}.note p{color:var(--muted)}.glance{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=960px){.glance{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.glance{grid-template-columns:1fr}}.glance h3{font:600 .95rem var(--body);color:var(--muted);margin-bottom:8px}.glance ol,.glance ul{gap:4px;margin:0;padding-left:18px;display:grid}.glance .minus{color:var(--muted)}.ladder{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.ladder>div{border-right:1px solid var(--line);background:var(--surface);padding:18px}.ladder>div:last-child{border-right:0}.ladder .lv{font-family:var(--display);color:var(--accent);font-size:2rem;font-weight:700}.ladder h3{font:600 1rem var(--body);margin:4px 0}.ladder p{color:var(--muted);font-size:.9rem}@media (width<=760px){.ladder{grid-template-columns:repeat(2,1fr)}.ladder>div:nth-child(2){border-right:0}.ladder>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}.spells{gap:10px;display:grid}.spell{grid-template-columns:52px minmax(0,1.1fr) minmax(0,2fr);align-items:start;gap:18px;padding:16px 18px;display:grid}.spell .icon{border:1px solid var(--metal-c);width:52px;height:52px;box-shadow:0 0 0 1px var(--bg),0 0 12px color-mix(in srgb,var(--glow) 35%,transparent)}.spell.off{opacity:.62}.spell.off .icon{filter:grayscale()}.spell-head{gap:6px;display:grid}.spell-head h3{font:600 1.05rem/1.3 var(--body)}.spell-head .alt{color:var(--faint);font-size:.82rem}.spell-head .why{color:var(--muted);font-size:.9rem}.spell-head .lvl{align-items:center;gap:8px;font-size:.88rem;display:flex}.lvl-badge{font-family:var(--display);color:var(--fg);min-width:2ch;font-size:1.25rem;font-weight:700}.prio{border:1px solid;padding:2px 8px;font-size:.78rem}.prio.max{color:var(--accent)}.prio.mid{color:var(--metal-c)}.prio.low{color:var(--muted)}.prio.off{color:var(--faint)}.spell .how{color:var(--faint);font-size:.85rem}.runes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.palier{border-top:1px solid var(--line);padding-top:8px}.palier.empty{opacity:.35}.palier h4{font:600 .82rem var(--body);color:var(--muted);margin-bottom:6px}.palier ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.palier li{grid-template-columns:18px 1fr;gap:6px;font-size:.86rem;line-height:1.35;display:grid}.pip{border:1px solid #00000059;width:14px;height:14px;margin-top:2px;transform:rotate(45deg)scale(.82)}.pip.r1{background:var(--rune-1)}.pip.r2{background:var(--rune-2)}.pip.r3{background:var(--rune-3)}.pip.r4{background:var(--rune-4)}.pip.r5{background:var(--rune-5)}.palier .en{color:var(--faint);font-size:.76rem;display:block}.kr-pick{color:var(--faint);grid-column:1/-1;font-size:.8rem}@media (width<=860px){.spell{grid-template-columns:44px 1fr}.spell .icon{width:44px;height:44px}.runes{grid-column:1/-1;grid-template-columns:1fr}}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.82rem;display:flex}.legend span{align-items:center;gap:6px;display:flex}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}.table th{color:var(--muted);background:var(--raised);font-size:.85rem;font-weight:600}.table tr:last-child td{border-bottom:0}.table .tier{font-family:var(--display);color:var(--accent);width:56px;font-size:1.15rem;font-weight:700}.table .name{font-weight:600}.table .alt{color:var(--faint);font-size:.8rem;font-weight:400;display:block}.tbl{border:1px solid var(--line);background:var(--surface);overflow:hidden}@media (width<=720px){.table thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table,.table tbody,.table tr,.table td{display:block}.table tr{border-bottom:1px solid var(--line);padding:10px 0}.table td{border:0;grid-template-columns:8em 1fr;gap:10px;padding:3px 14px;display:grid}.table td:before{content:attr(data-label);color:var(--faint);font-size:.8rem}.table td.first{grid-template-columns:1fr}.table td.first:before{display:none}}.stigmas{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=760px){.stigmas{grid-template-columns:1fr}}.stigma{gap:10px;display:grid}.stigma-head{grid-template-columns:52px 1fr;align-items:center;gap:14px;display:grid}.stigma-head .icon{border:1px solid var(--metal-c);width:52px;height:52px}.stigma-head h3{font:600 1.05rem/1.3 var(--body)}.stigma-head .alt{color:var(--faint);font-size:.8rem}.stigma .when{color:var(--accent);font-size:.92rem;font-weight:600}.stigma>p{color:var(--muted);font-size:.92rem}.tiers{border-top:1px solid var(--line);gap:6px;margin:0;padding:10px 0 0;font-size:.88rem;list-style:none;display:grid}.tiers li{color:var(--faint);grid-template-columns:30px 1fr;gap:8px;display:grid}.tiers li.key{color:var(--fg)}.tiers .k{font-family:var(--display);color:var(--muted);font-weight:700}.tiers li.key .k{color:var(--accent)}.tiers .en{color:var(--faint);font-size:.76rem;display:block}.usage{color:var(--faint);align-items:center;gap:10px;font-size:.82rem;display:flex}.usage .track{background:var(--sunken);flex:1;height:3px}.usage .fill{background:var(--metal-c);height:100%;display:block}.chains{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=760px){.chains{grid-template-columns:1fr}}.chain-row{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;display:flex}.chain-row .step{background:var(--raised);border:1px solid var(--line);align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:.86rem;display:flex}.chain-row .step img{width:28px;height:28px}.chain-row .sep{color:var(--metal-c);font-size:.8rem}.chain h3{font:600 1rem var(--body)}.chain p{color:var(--muted);font-size:.9rem}.steps{gap:8px;max-width:72ch;margin:0;padding-left:20px;display:grid}.steps li{color:var(--muted)}.dv{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}@media (width<=900px){.dv{grid-template-columns:minmax(0,1fr)}}.dv-main{gap:12px;min-width:0;display:grid}.dv-tabs{flex-wrap:wrap;gap:6px;display:flex}.dv-tab{font:500 .88rem var(--body);background:var(--surface);color:var(--muted);border:1px solid var(--line);cursor:pointer;text-align:left;gap:1px;padding:7px 12px;display:grid}.dv-tab small{color:var(--faint);font-size:.74rem}.dv-tab[aria-selected=true]{border-color:var(--accent);color:var(--fg);background:var(--raised)}.dv-tab:disabled{cursor:not-allowed;opacity:.5}.dv-grid{background:var(--sunken);border:1px solid var(--line);--g:var(--metal-c);gap:4px;padding:10px;display:grid}.node{--g:var(--metal-c);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--g) 55%,transparent);background:var(--surface);min-width:0;color:var(--muted);font:700 clamp(.42rem,1.05vw,.62rem)/1 var(--body);letter-spacing:-.02em;cursor:pointer;opacity:.62;place-items:center;padding:0;transition:opacity .15s,box-shadow .15s,border-color .15s;display:grid;position:relative;overflow:hidden}.node img{object-fit:cover;filter:grayscale(.75)brightness(.8);width:100%;height:100%;display:block}.node.empty{visibility:hidden}.node.origin{opacity:1;border:2px solid var(--cc,var(--accent));background:var(--raised);cursor:default;box-shadow:0 0 12px color-mix(in srgb,var(--cc,var(--accent)) 50%,transparent)}.node.origin img{filter:none;object-fit:contain;width:70%;height:70%}.g-rare{--g:#5fc78a}.g-legend{--g:#4fa8e8}.g-unique{--g:#e0b04a}.g-epic{--g:#f08a2e}.node.g-unique{color:var(--g)}.node:hover,.node:focus-visible{opacity:1}.node.next{opacity:.9;border-style:dashed;border-color:var(--g)}.node.on{opacity:1;color:var(--fg);border:2px solid var(--g);background:color-mix(in srgb,var(--g) 22%,var(--surface));box-shadow:0 0 8px color-mix(in srgb,var(--g) 45%,transparent)}.node.on img{filter:none}.dv-grid[hidden]{display:none}.dv-info{min-height:2.6em;color:var(--muted);font-size:.9rem}.dv-info strong{color:var(--fg)}.dv-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dv-legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.82rem;display:flex}.dv-legend span{align-items:center;gap:6px;display:flex}.sw{border:1px solid var(--g,var(--metal-c));background:color-mix(in srgb,var(--g,var(--metal-c)) 30%,var(--surface));width:11px;height:11px;display:inline-block;transform:rotate(45deg)}.dv-sk{color:var(--muted);margin:0 0 6px;font-size:.86rem}.dv-sk b{color:var(--fg)}.dv-sum{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.dv-sum h3{font-family:var(--display);margin-bottom:8px;font-size:1.1rem}.dv-sum h3 small{font:400 .8rem var(--body)}.dv-skills{gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.dv-skills li{align-items:center;gap:8px;font-size:.86rem;display:flex}.dv-skills img,.dv-skills i{background:var(--raised);border-radius:5px;flex:none;width:22px;height:22px}.dv-skills b{color:var(--fg);font-variant-numeric:tabular-nums;margin-left:auto}.dv-side{gap:14px;min-width:0;display:grid}.dv-side h3{font-family:var(--display);font-size:1.2rem}.dv-block{gap:4px;display:grid}.dv-block .eyebrow{color:var(--accent);font-size:.82rem;font-weight:600}.dv-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding-block:4px;font-size:.86rem;display:flex}.dv-line:last-child{border-bottom:0}.dv-line span:last-child{color:var(--fg);text-align:right;font-variant-numeric:tabular-nums}.dv-order{gap:2px;margin:0;padding-left:1.6em;font-size:.86rem;display:grid}@media (prefers-reduced-motion:reduce) and (pointer:coarse){*{transition:none!important}}.picker+.src{margin-top:12px}@media (width<=600px){.toc{margin-inline:-16px;padding:0 16px}}.tbl,.ladder{border-radius:var(--r-md);overflow:hidden}.spell .icon,.stigma-head .icon{border-radius:10px}.chain-row .step{border-radius:999px;padding:3px 12px 3px 3px}.chain-row .step img{border-radius:50%}.prio{border-radius:999px}.note{border-left:2px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;background:color-mix(in srgb,var(--accent) 6%,transparent);padding:10px 16px}.note.warn{background:color-mix(in srgb,var(--ember) 7%,transparent)}.toc a{border-radius:0 var(--r-sm) var(--r-sm) 0}.toc a[aria-current=true]{background:color-mix(in srgb,var(--accent) 10%,transparent)}.dv-grid{border-radius:var(--r-md)}.node{border-radius:5px}.node.origin{border-radius:50%}.dv-tab{border-radius:999px;padding:7px 14px}.picker-view{border-radius:var(--r-lg)}.sec-title:after{background:linear-gradient(90deg,var(--line-strong),transparent);height:1px}.skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width<=860px){.skills{grid-template-columns:1fr}}.skill{border-radius:var(--r-md);grid-template-columns:52px minmax(0,1fr);gap:16px;padding:16px 18px;scroll-margin-top:96px;display:grid}.skill:before{content:none}.skill .icon{border:1px solid var(--metal-c);border-radius:10px;width:52px;height:52px}.skill-body{gap:8px;min-width:0;display:grid}.skill-body h3{font:600 1.05rem/1.3 var(--body)}.skill-body .alt{color:var(--faint);margin-top:-4px;font-size:.82rem}.skill-meta{flex-wrap:wrap;gap:6px;display:flex}.skill-meta .tag{padding:2px 9px;font-size:.74rem}.skill-body .desc{color:var(--muted);font-size:.9rem}.skill-runes{border-top:1px solid var(--line);color:var(--muted);gap:5px;margin:0;padding:8px 0 0;font-size:.84rem;list-style:none;display:grid}.skill-runes li{grid-template-columns:18px 1fr;gap:6px;line-height:1.35;display:grid}.skill-runes.tiers li{grid-template-columns:28px 1fr}.skill-runes .k{font-family:var(--display);color:var(--accent);font-weight:700}.skill-runes .lv{color:var(--faint);margin-left:6px;font-size:.76rem}.class-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=860px){.class-facts{grid-template-columns:1fr}}.class-facts h3{font:600 .95rem var(--body);color:var(--muted);margin-bottom:8px}.class-facts ul{gap:4px;margin:0;padding-left:18px;display:grid}.cta-row{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.classed .banner .bg:after{background:var(--scrim-r),radial-gradient(55% 75% at 24% 62%,color-mix(in srgb,var(--cc) 30%,transparent),transparent 70%),var(--hero-light),var(--hero-tint)}.classed .banner h1.engraved{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--cc) 45%,transparent))}.classed .toc a[aria-current=true]{border-left-color:var(--cc);background:color-mix(in srgb,var(--cc) 10%,transparent)}.classed .tiers li.key .k{color:var(--cc)}.banner-motes{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 55%,#0000 85%);mask-image:linear-gradient(90deg,#000 0% 55%,#0000 85%)}.familiars{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;display:grid}.familiar{border-color:color-mix(in srgb,var(--el) 35%,var(--line));grid-template-columns:64px minmax(0,1fr);align-items:start;gap:14px;padding:14px;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid}.familiar:hover{border-color:var(--el);box-shadow:0 10px 26px -12px var(--el);transform:translateY(-2px)}.fam-icon{width:64px;height:64px;box-shadow:0 0 0 1px color-mix(in srgb,var(--el) 70%,transparent),0 0 18px -4px var(--el);animation:4.8s ease-in-out infinite famFloat;animation-delay:calc(var(--i) * -.9s);border-radius:14px;position:relative}.fam-icon img{border-radius:14px;width:100%;height:100%;display:block}.fam-icon:after{content:"";pointer-events:none;box-shadow:0 0 22px -2px var(--el);opacity:.35;animation:3.2s ease-in-out infinite famPulse;animation-delay:calc(var(--i) * -.7s);border-radius:18px;position:absolute;inset:-6px}.fam-body{gap:4px;min-width:0;display:grid}.fam-body h3{font:600 1.02rem var(--body);color:var(--fg)}.fam-body p{color:var(--muted);font-size:.9rem}.fam-el{font:700 .7rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--el)}.fam-lv{color:var(--faint);font-size:.8rem}.familiar.major{border-color:color-mix(in srgb,var(--el) 60%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--el) 12%,transparent),transparent 60%),var(--surface);grid-column:1/-1}.familiar.major .fam-icon:after,.familiar.off{opacity:.6}.familiar.off .fam-icon{filter:grayscale(.7);animation:none}.familiar.off .fam-icon:after{display:none}@keyframes famFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes famPulse{0%,to{opacity:.25}50%{opacity:.6}}:root.js-motion .spell .runes .pip{opacity:.25;transition:opacity .35s,transform .35s cubic-bezier(.3,1.6,.5,1);transform:rotate(45deg)scale(.5)}:root.js-motion .spell.lit .runes .pip{opacity:1;transition-delay:calc(var(--n) * 90ms);transform:rotate(45deg)scale(.82)}:root.js-motion .stigma .tiers li{opacity:.35;transition:opacity .4s,transform .4s;transform:translate(-6px)}:root.js-motion .stigma.lit .tiers li{opacity:1;transition-delay:calc(var(--n) * .11s);transform:none}@media (prefers-reduced-motion:reduce) and (pointer:coarse){.fam-icon,.fam-icon:after{animation:none}:root.js-motion .spell .runes .pip,:root.js-motion .stigma .tiers li{opacity:1;transition:none;transform:rotate(45deg)scale(.82)}:root.js-motion .stigma .tiers li{transform:none}}.dv-skills-cols{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:20px}.calc-body{gap:56px;padding-block:48px 72px;display:grid}.calc-classes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.calc-classes button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:600 .92rem var(--body);cursor:pointer;transition:border-color var(--t-hover) ease,color var(--t-hover) ease,background-color var(--t-hover) ease;border-radius:999px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:flex}.calc-classes .emb{background:var(--medal);width:40px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metal-c) 55%,transparent);transition:background var(--t-ui) ease;border-radius:50%;flex:none;place-items:center;display:grid}.calc-classes .emb img{object-fit:contain;width:30px;height:30px}.calc-classes button:hover{color:var(--fg);border-color:var(--line-strong)}.calc-classes button[aria-checked=true]{color:var(--fg);border-color:var(--cc);background:color-mix(in srgb,var(--cc) 10%,var(--surface))}.calc-classes button[aria-checked=true] .emb{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--cc) 80%,#fff 10%) 0%,color-mix(in srgb,var(--cc) 55%,#000) 75%)}.calc-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:32px;display:grid}.calc-gear{gap:22px;min-width:0;display:grid}.calc-group h3{font:600 .9rem var(--body);color:var(--muted);margin-bottom:8px}.calc-slots{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.calc-slot{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--fg);text-align:left;cursor:pointer;transition:border-color var(--t-hover) ease,transform var(--t-press) var(--ease-out);align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.calc-slot:hover{border-color:var(--metal-c)}.calc-slot:active{transform:scale(.98)}.calc-slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.calc-slot .ico{background:var(--sunken) center/contain no-repeat;width:44px;height:44px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metal-c) 45%,transparent);border-radius:8px;flex:none;position:relative}.calc-slot:not(.on) .ico:after{content:"";border:1px solid color-mix(in srgb,var(--metal-c) 60%,transparent);position:absolute;inset:16px;transform:rotate(45deg)}.calc-slot.on .ico{box-shadow:inset 0 0 0 1px var(--metal-b);background-color:#1a1424}.calc-slot .txt{min-width:0;display:grid}.calc-slot small{color:var(--faint);font-size:.76rem}.calc-slot b{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.calc-slot:not(.on) b{color:var(--faint)}.calc-sheet{gap:14px;display:grid;position:sticky;top:84px}.calc-sheet h2{font-size:1.4rem}.calc-mode{gap:6px;display:flex}.calc-mode button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font:500 .86rem var(--body);cursor:pointer;border-radius:999px;flex:1;padding:8px 10px}.calc-mode button[aria-checked=true]{border-color:var(--accent);color:var(--fg);background:var(--raised)}.calc-count{color:var(--muted);font-size:.88rem}.calc-list{gap:2px;margin:0;display:grid}.calc-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:5px 0;font-size:.92rem;display:flex}.calc-list dt{color:var(--muted)}.calc-list dd{color:var(--fg);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.calc-list .calc-sub{font:600 .82rem var(--body);color:var(--accent);border:0;padding:12px 0 2px;display:block}.calc-empty{color:var(--faint);font-size:.9rem}.calc-pick{width:min(560px,100vw - 32px);max-height:min(720px,100dvh - 48px);color:var(--fg);background:var(--bg);padding:0}.calc-pick::backdrop{background:#06040a99}.calc-pick-in{max-height:inherit;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:20px;display:grid}.calc-pick-head{justify-content:space-between;align-items:center;display:flex}.calc-pick-head h2{font-size:1.3rem}.calc-x{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--fg);cursor:pointer;border-radius:50%;font-size:1.3rem}.calc-pick input{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--fg);font:16px var(--body);border-radius:999px;padding:10px 14px}.calc-options{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.calc-options button{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);width:100%;color:var(--fg);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:8px;display:flex}.calc-options button:hover,.calc-options button[aria-selected=true]{border-color:var(--metal-c);background:var(--raised)}.calc-options img{background:#1a1424;border-radius:8px;flex:none;width:44px;height:44px}.o-txt{gap:1px;min-width:0;display:grid}.o-txt b{font-size:.95rem;font-weight:600}.o-txt small{color:var(--muted);font-size:.78rem}.o-txt .o-st{color:var(--faint)}@media (width<=900px){.calc-grid{grid-template-columns:1fr}.calc-sheet{position:static}}@media (width<=600px){.calc-classes{grid-template-columns:1fr 1fr}.calc-body{gap:40px;padding-block:32px 56px}.calc-slots{grid-template-columns:1fr 1fr}.calc-slot .ico{width:38px;height:38px}}.map-app{border-bottom:1px solid var(--line);grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 64px);min-height:520px;display:grid}.map-side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.map-side-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 10px;display:flex}.map-side-head h1{font-size:1.5rem}.map-side-toggle{border:1px solid var(--line);background:var(--raised);color:var(--fg);font:600 .86rem var(--body);cursor:pointer;border-radius:999px;padding:6px 14px;display:none}.map-filters{flex-direction:column;gap:12px;min-height:0;padding:0 20px 20px;display:flex;overflow:auto}.map-regions{gap:8px;display:grid}.map-faction{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.map-faction>span{width:100%;font:600 .78rem var(--body);color:var(--faint)}.map-regions button{border:1px solid var(--line);background:var(--sunken);color:var(--muted);font:500 .86rem var(--body);cursor:pointer;border-radius:999px;padding:6px 12px}.map-regions button small{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:4px}.map-regions button[aria-selected=true]{border-color:var(--accent);color:var(--fg);background:var(--raised)}.map-filters input[type=search]{border:1px solid var(--line);background:var(--sunken);width:100%;color:var(--fg);font:16px var(--body);border-radius:999px;padding:10px 14px}.map-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.map-bar button{border:1px solid var(--line);background:var(--raised);color:var(--fg);font:500 .84rem var(--body);cursor:pointer;border-radius:999px;padding:6px 12px}.map-bar button:hover,.map-regions button:hover{border-color:var(--metal-c)}.map-check{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.map-check input,.map-cat input{accent-color:var(--accent)}.map-progress{color:var(--muted);font-size:.84rem}.map-groups{gap:6px;display:grid}.map-group{border-radius:var(--r-md);background:var(--sunken);padding:4px 10px}.map-group summary{font:600 .92rem var(--body);cursor:pointer;align-items:center;gap:8px;padding:8px 0;list-style:none;display:flex}.map-group summary::-webkit-details-marker{display:none}.map-group summary small,.map-cat small{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.map-group ul{gap:2px;margin:0 0 6px;padding:0;list-style:none;display:grid}.map-cat{color:var(--fg);cursor:pointer;align-items:center;gap:8px;padding:4px 2px;font-size:.88rem;display:flex}.map-cat .nm{min-width:0}.map-cat:has(input:not(:checked)) .nm,.map-cat:has(input:not(:checked)) .dot{opacity:.4}.map-group .dot{background:var(--gc);width:9px;height:9px;box-shadow:0 0 6px color-mix(in srgb,var(--gc) 60%,transparent);flex:none;transform:rotate(45deg)}.map-view{background:var(--bg-2);cursor:grab;touch-action:none;outline:none;position:relative;overflow:hidden}.map-view.dragging{cursor:grabbing}.map-view.editing{cursor:crosshair}.map-view:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.map-stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.map-bg{background:50%/100% 100% no-repeat;border-radius:4px;position:absolute;inset:0}.map-bg.empty{background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--glow) 22%,transparent),transparent 70%),var(--hero-img) center/cover;box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 0 120px #00000073}.map-bg.empty:after{content:"";background:color-mix(in srgb,var(--bg) 55%,transparent);border-radius:inherit;position:absolute;inset:0}.map-wait{z-index:1;font:600 calc(22px * var(--inv,1)) var(--display);color:var(--muted);text-align:center;place-items:center;margin:0;padding:20px;display:grid;position:absolute;inset:0}.map-pins{position:absolute;inset:0}.pin{background:var(--gc);cursor:pointer;width:16px;height:16px;transform:scale(var(--inv,1)) rotate(45deg);box-shadow:0 0 0 1px #00000080,0 0 10px var(--gc);transition:filter var(--t-hover) ease;border:2px solid #fff;margin:-8px 0 0 -8px;padding:0;position:absolute}.pin:hover{filter:brightness(1.25)}.pin.found{opacity:.4}.map-zoom{gap:6px;display:grid;position:absolute;bottom:16px;right:16px}.map-zoom button{border:1px solid var(--line-strong);background:var(--surface);width:42px;height:42px;color:var(--fg);cursor:pointer;border-radius:50%;font-size:1.3rem;box-shadow:0 6px 18px #0000004d}.map-zoom button:hover{border-color:var(--metal-c)}.map-region-name{pointer-events:none;text-shadow:0 2px 12px #0009;margin:0;font-size:1.4rem;position:absolute;top:16px;left:20px}.map-card,.map-edit{background:var(--surface);width:min(320px,100% - 32px);color:var(--fg);gap:8px;padding:16px 18px;display:grid;position:absolute;top:16px;right:16px}.map-card .calc-x{width:30px;height:30px;font-size:1.1rem;position:absolute;top:10px;right:10px}.map-card small{color:var(--muted);padding-right:30px;font-size:.8rem}.map-card h2{font-size:1.2rem}.map-card p{color:var(--muted);font-size:.9rem}.map-edit{top:auto;bottom:16px;right:72px}.map-card[hidden],.map-edit[hidden]{display:none}.map-edit select,.map-edit input[type=text]{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--sunken);width:100%;color:var(--fg);font:15px var(--body);padding:8px 12px}.map-edit p,.map-edit small{color:var(--muted);font-size:.84rem}.map-src{padding-block:36px 56px}@media (width<=900px){.map-app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:auto}.map-side{border-right:0;border-bottom:1px solid var(--line)}.map-side-toggle{display:block}.map-side.closed .map-filters{display:none}.map-filters{max-height:46dvh}.map-view{height:70dvh}.map-region-name{font-size:1.1rem}.map-edit{bottom:72px;right:16px}}.calc-options button[class*=g-],.calc-slot.on[class*=g-]{border-color:color-mix(in srgb,var(--g) 50%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--g) 20%,transparent) 0%,color-mix(in srgb,var(--g) 6%,transparent) 45%,transparent 78%),var(--surface);box-shadow:inset 3px 0 0 var(--g)}.calc-options button[class*=g-]:hover,.calc-options button[class*=g-][aria-selected=true],.calc-slot.on[class*=g-]:hover{border-color:var(--g);background:linear-gradient(100deg,color-mix(in srgb,var(--g) 30%,transparent) 0%,color-mix(in srgb,var(--g) 10%,transparent) 50%,transparent 85%),var(--raised)}.calc-options button[class*=g-] img{background-color:#0000;background-image:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--g) 55%,#000) 0%,color-mix(in srgb,var(--g) 18%,#120d1b) 70%,#120d1b 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 75%,transparent)}.calc-slot.on[class*=g-] .ico{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 75%,transparent);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain,cover}.calc-options button[class*=g-] .o-txt b,.calc-slot.on[class*=g-] b{color:color-mix(in srgb,var(--g) 72%,var(--fg))}:root[data-faction=elyseen] .calc-options button[class*=g-] .o-txt b,:root[data-faction=elyseen] .calc-slot.on[class*=g-] b{color:color-mix(in srgb,var(--g) 55%,#3a2a08)}.calc-main{gap:22px;min-width:0;display:grid}.calc-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;display:flex;overflow:auto hidden}.calc-tabs::-webkit-scrollbar{display:none}.calc-tabs button{color:var(--muted);font:600 1rem var(--body);cursor:pointer;white-space:nowrap;transition:color var(--t-hover) ease;background:0 0;border:0;padding:12px 18px;position:relative}.calc-tabs button small{background:var(--raised);min-width:1.6em;color:var(--fg);font:600 .74rem var(--body);text-align:center;border-radius:999px;margin-left:6px;padding:1px 7px;display:inline-block}.calc-tabs button small:empty{display:none}.calc-tabs button:after{content:"";background:var(--cc,var(--accent));height:2px;transition:transform var(--t-ui) var(--ease-out);border-radius:2px;position:absolute;bottom:-1px;left:12px;right:12px;transform:scaleX(0)}.calc-tabs button[aria-selected=true]{color:var(--fg)}.calc-tabs button[aria-selected=true]:after{transform:none}.calc-tabs button:hover{color:var(--fg)}.calc-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-sm)}.calc-panel{gap:22px;min-width:0;display:grid}.calc-panel[hidden]{display:none}.calc-bar{flex-wrap:wrap;gap:10px;display:flex}.calc-hint{color:var(--muted);max-width:76ch;font-size:.9rem}.calc-group h3 small{color:var(--faint);margin-left:6px;font-weight:500}.calc-who{color:var(--muted);margin-top:-6px;font-size:.86rem}.calc-list .calc-sub.minor{color:var(--muted);padding-top:8px}.sk-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sk-row,.st-card{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);gap:10px;min-width:0;padding:10px 12px;display:grid}.sk-row.on{border-color:color-mix(in srgb,var(--cc) 45%,var(--line));background:linear-gradient(100deg,color-mix(in srgb,var(--cc) 10%,transparent),transparent 60%),var(--surface)}.sk-head{align-items:center;gap:12px;min-width:0;display:flex}.sk-head img{width:44px;height:44px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--metal-c) 50%,transparent);border-radius:10px;flex:none}.sk-name{flex:1;min-width:0;display:grid}.sk-name b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sk-name small{color:var(--muted);font-size:.8rem}.sk-lvl{border:1px solid var(--line);background:var(--sunken);border-radius:999px;flex:none;align-items:center;display:flex}.sk-lvl button{width:34px;height:34px;color:var(--fg);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.1rem}.sk-lvl button:hover{background:var(--raised)}.sk-lvl input{width:42px;color:var(--fg);font:600 .95rem var(--body);text-align:center;-moz-appearance:textfield;background:0 0;border:0}.sk-lvl input::-webkit-inner-spin-button,.sk-lvl input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sk-runes{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.rune{text-align:left;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--sunken);width:100%;color:var(--muted);font:500 .82rem/1.3 var(--body);cursor:pointer;transition:border-color var(--t-hover) ease,background-color var(--t-hover) ease,color var(--t-hover) ease;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:7px 10px;display:grid}.rune i{background:var(--rc);opacity:.45;grid-row:1/3;width:10px;height:10px;transform:rotate(45deg)}.rune small{color:var(--faint);font-size:.72rem}.rune.r1{--rc:var(--rune-1)}.rune.r2{--rc:var(--rune-2)}.rune.r3{--rc:var(--rune-3)}.rune.r4{--rc:var(--rune-4)}.rune.r5{--rc:var(--rune-5)}.rune:not(:disabled):hover{border-color:var(--rc);color:var(--fg)}.rune.on{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 14%,var(--surface));color:var(--fg)}.rune.on i{opacity:1;box-shadow:0 0 8px var(--rc)}.rune.on small{color:var(--rc)}.rune:disabled{cursor:not-allowed}.rune.locked{opacity:.45}.sk-runes-n{color:var(--faint);font-size:.78rem}.st-slots{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.st-card{border-color:color-mix(in srgb,var(--cc) 45%,var(--line))}.st-card .sk-lvl{justify-self:start}.st-card .calc-x{flex:none;width:30px;height:30px;font-size:1.1rem}.st-tiers{color:var(--faint);gap:4px;margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}.st-tiers li{gap:8px;display:flex}.st-tiers b{min-width:2.2em;color:var(--faint);flex:none}.st-tiers li.lit{color:var(--fg)}.st-tiers li.lit b{color:var(--cc)}.st-empty{border-radius:var(--r-md);border:1px dashed var(--line-strong);min-height:76px;color:var(--muted);font:500 .92rem var(--body);cursor:pointer;background:0 0;align-items:center;gap:12px;padding:10px 12px;display:flex}.st-empty .ico{background:var(--sunken);border-radius:10px;flex:none;width:44px;height:44px;position:relative}.st-empty .ico:after{content:"+";color:var(--metal-c);place-items:center;font-size:1.4rem;display:grid;position:absolute;inset:0}.st-empty:hover{border-color:var(--metal-c);color:var(--fg)}.dv-boards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.dvb{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);gap:8px;padding:12px 14px;display:grid}.dvb-h{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dvb-h b{font-family:var(--display);font-size:1.05rem}.dvb-h small{color:var(--faint);font-size:.76rem}.dvb-bar{background:var(--sunken);border-radius:999px;height:6px;overflow:hidden}.dvb-bar i{border-radius:inherit;background:var(--cc);height:100%;transition:width var(--t-reveal) var(--ease-out);display:block}.dvb.pvp .dvb-bar i{background:var(--ember)}.dvb-n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.dv-skill-bonus{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.dv-skill-bonus li{align-items:center;gap:10px;font-size:.9rem;display:flex}.dv-skill-bonus img{border-radius:7px;width:28px;height:28px}.dv-skill-bonus b{color:var(--cc);font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=600px){.sk-head{flex-wrap:wrap}.sk-head .sk-name{flex:calc(100% - 60px)}.sk-head .sk-lvl{margin-left:56px}.st-card .sk-head .sk-name{flex-basis:calc(100% - 100px)}.calc-tabs button{padding:12px}}.picker-view .art img{transition:opacity .52s var(--ease-out),translate .68s var(--ease-expo),filter .52s ease}.picker-view .art img.art-in{opacity:0;translate:calc(var(--d,1) * 34px) 0;filter:blur(3px)}.picker-view .art img.art-on{opacity:1;filter:none;translate:0}.picker-view .art img.art-out{opacity:0;translate:calc(var(--d,1) * -28px) 0;filter:blur(2px)}.picker-view.swap .picker-info>*{animation:infoIn .46s var(--ease-out) both}.picker-view.swap .picker-info>:nth-child(2){animation-delay:50ms}.picker-view.swap .picker-info>:nth-child(3){animation-delay:90ms}.picker-view.swap .picker-info>:nth-child(n+4){animation-delay:.13s}@keyframes infoIn{0%{opacity:0;transform:translateY(10px)}}.picker-list button{transition:color var(--t-hover) ease,background-color var(--t-ui) ease,border-color var(--t-ui) ease}.picker-list .emb{transition:background var(--t-ui) ease,box-shadow var(--t-ui) ease}.banner .char{transition:opacity .52s var(--ease-out),translate .68s var(--ease-expo)}.banner .char.art-in{opacity:0;translate:calc(var(--d,1) * 40px) 0}.banner .char.art-on{opacity:1;translate:0}.banner .char.art-out{opacity:0;translate:calc(var(--d,1) * -30px) 0}[data-fx]{isolation:isolate;--fxc:var(--cc,var(--accent));--ix:44px;--iy:42px;position:relative}[data-fx]>:not(.fx){z-index:1;position:relative}.stigma[data-fx]{--ix:50px;--iy:48px}.familiar[data-fx]{--ix:46px;--iy:46px}[data-el=feu]{--fxc:#ff7a3d}[data-el=eau]{--fxc:#4fa8e8}[data-el=terre]{--fxc:#d8a84a}[data-el=vent]{--fxc:#5fc78a}[data-el=ancien]{--fxc:#f2d38a}.fx{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx *,.fx :after{animation-play-state:paused}[data-fx].fx-on .fx *,[data-fx].fx-on .fx :after{animation-play-state:running}.fx i{display:block;position:absolute}.fx-sigil,.fx-sigil i{left:var(--ix);top:var(--iy);border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;position:absolute}.fx-sigil{border:1.5px dashed color-mix(in srgb,var(--fxc) 85%,transparent);box-shadow:0 0 18px -4px var(--fxc),inset 0 0 22px -6px var(--fxc);background:radial-gradient(circle,color-mix(in srgb,var(--fxc) 38%,transparent) 0 30%,transparent 64%);animation:22s linear infinite fxSpin}.fx-sigil i{border:1px solid color-mix(in srgb,var(--fxc) 65%,transparent);background:conic-gradient(from 0deg,transparent 0 20deg,color-mix(in srgb,var(--fxc) 55%,transparent) 22deg 26deg,transparent 28deg 110deg,color-mix(in srgb,var(--fxc) 55%,transparent) 112deg 116deg,transparent 118deg 200deg,color-mix(in srgb,var(--fxc) 55%,transparent) 202deg 206deg,transparent 208deg 290deg,color-mix(in srgb,var(--fxc) 55%,transparent) 292deg 296deg,transparent 298deg);width:auto;height:auto;margin:0;animation:14s linear infinite reverse fxSpin;inset:14px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.lit .fx-sigil{animation:fxSummon 1.1s var(--ease-expo) both,fxSpin 22s linear 1.1s infinite}@keyframes fxSummon{0%{opacity:0;transform:scale(.3)rotate(-90deg)}}@keyframes fxSpin{to{transform:rotate(360deg)}}.fx-orbit{left:var(--ix);top:var(--iy);width:0;height:0;animation:7s linear infinite fxSpin;position:absolute}.fx-orbit i{width:9px;height:9px;transform:rotate(calc(var(--k) * 90deg)) translateX(40px);border-radius:50%;margin:-4.5px;top:0;left:0;box-shadow:0 0 10px}.fx-orbit i:first-child{--k:0;color:#ff7a3d;background:#ff7a3d}.fx-orbit i:nth-child(2){--k:1;color:#4fa8e8;background:#4fa8e8}.fx-orbit i:nth-child(3){--k:2;color:#d8a84a;background:#d8a84a}.fx-orbit i:nth-child(4){--k:3;color:#5fc78a;background:#5fc78a}.fx-four{left:var(--ix);top:var(--iy);background:conic-gradient(#ff7a3d 0 25%,#4fa8e8 0 50%,#d8a84a 0 75%,#5fc78a 0);filter:drop-shadow(0 0 6px #ffffff59);border-radius:50%;width:84px;height:84px;margin:-42px 0 0 -42px;animation:9s linear infinite fxSpin;position:absolute;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64% 70%,#0000 72%);mask:radial-gradient(circle,#0000 62%,#000 64% 70%,#0000 72%)}.lit .fx-four{animation:fxSummon .9s var(--ease-expo) both,fxSpin 9s linear .9s infinite}.fx-wave i{left:var(--ix);top:var(--iy);border:2px solid color-mix(in srgb,var(--fxc) 70%,transparent);opacity:0;width:60px;height:60px;animation:fxWave 3.6s var(--ease-out) infinite;border-radius:50%;margin:-30px}.fx-wave i:nth-child(2){animation-delay:1.8s}@keyframes fxWave{0%{opacity:.75;transform:scale(.6)}to{opacity:0;transform:scale(9)}}.fx-rot i{filter:blur(14px);opacity:0;background:radial-gradient(circle,color-mix(in srgb,#8e4fd6 70%,var(--fxc)) 0,transparent 70%);border-radius:50%;animation:4.2s ease-in-out infinite fxRot}.fx-rot i:first-child{width:150px;height:110px;top:-20px;right:-30px}.fx-rot i:nth-child(2){background:radial-gradient(circle,#6bbf59 0,#0000 70%);width:180px;height:100px;animation-delay:1.4s;bottom:-40px;right:18%}.fx-rot i:nth-child(3){width:140px;height:90px;animation-delay:2.6s;bottom:-50px;left:30%}@keyframes fxRot{0%,to{opacity:.16;transform:scale(.9)}50%{opacity:.42;transform:scale(1.08)}}.fx-dread{border-radius:inherit;opacity:.3;animation:3s ease-in-out infinite fxDread;position:absolute;inset:0;box-shadow:inset 0 0 48px #5b2a99b3}@keyframes fxDread{0%,to{opacity:.25}50%{opacity:.75}}[data-fx~=terreur].fx-on .icon{animation:4s linear infinite fxShiver}@keyframes fxShiver{0%,86%,to{transform:none}88%{transform:translate(-1.5px,.5px)}90%{transform:translate(1.5px,-.5px)}92%{transform:translate(-1px)}94%{transform:none}}.fx-bind{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fx-bind rect{x:2px;y:2px;fill:none;width:calc(100% - 4px);height:calc(100% - 4px);stroke:color-mix(in srgb,#7fb24f 75%,var(--fxc));stroke-width:2.5px;stroke-dasharray:6 3;opacity:.85;filter:drop-shadow(0 0 4px #7fb24f99)}.lit .fx-bind rect{animation:fxBind 1.4s var(--ease-expo) both,fxCrawl 14s linear 1.4s infinite}@keyframes fxBind{0%{stroke-dasharray:0 100;opacity:0}to{stroke-dasharray:6 3;opacity:.85}}@keyframes fxCrawl{to{stroke-dashoffset:-100px}}.fx-seal{left:var(--ix);top:var(--iy);border:1.5px solid color-mix(in srgb,var(--metal-b) 85%,transparent);width:76px;height:76px;box-shadow:0 0 14px color-mix(in srgb,var(--metal-b) 45%,transparent),inset 0 0 10px color-mix(in srgb,var(--metal-b) 35%,transparent);border-radius:50%;margin:-38px 0 0 -38px;position:absolute}.fx-seal i{border:1px solid color-mix(in srgb,var(--metal-b) 70%,transparent);border-radius:4px;inset:9px;transform:rotate(45deg)}.lit .fx-seal{animation:fxStamp .7s var(--ease-out) both,fxSealGlow 3.4s ease-in-out .7s infinite}@keyframes fxStamp{0%{opacity:0;transform:scale(1.9)}60%{opacity:1;transform:scale(.94)}to{transform:none}}@keyframes fxSealGlow{50%{box-shadow:0 0 22px color-mix(in srgb,var(--metal-b) 70%,transparent),inset 0 0 14px color-mix(in srgb,var(--metal-b) 50%,transparent)}}.fx-slow{background:linear-gradient(90deg,#7fd8ee42,#0000 45%);position:absolute;inset:0}.fx-slow i{background:linear-gradient(90deg,#0000,#bfefffcc,#0000);width:40%;height:1px;animation:6s linear infinite fxSlow;left:0}.fx-slow i:first-child{top:30%}.fx-slow i:nth-child(2){animation-delay:2s;top:55%}.fx-slow i:nth-child(3){animation-delay:4s;top:78%}@keyframes fxSlow{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}to{opacity:0;transform:translate(260%)}}.lit[data-fx~=choc]{animation:fxImpact .5s var(--ease-out) .2s}@keyframes fxImpact{20%{transform:translate(-4px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}}.fx-shock{left:var(--ix);top:var(--iy);animation:3s linear infinite fxSpin;position:absolute}.fx-shock i{width:5px;height:5px;transform:rotate(calc(var(--k) * 90deg + 45deg)) translateX(34px) rotate(45deg);background:#fff2c8;margin:-2.5px;animation:1.2s ease-in-out infinite fxTwinkle;box-shadow:0 0 8px #ffe08a}.fx-shock i:first-child{--k:0}.fx-shock i:nth-child(2){--k:1;animation-delay:.3s}.fx-shock i:nth-child(3){--k:2;animation-delay:.6s}.fx-shock i:nth-child(4){--k:3;animation-delay:.9s}@keyframes fxTwinkle{50%{opacity:.25}}.fx-taunt i{left:var(--ix);top:var(--iy);opacity:0;width:52px;height:52px;animation:fxTaunt 2.4s var(--ease-out) infinite;border:2px solid #dc4632bf;border-radius:12px;margin:-26px}.fx-taunt i:nth-child(2){animation-delay:1.2s}@keyframes fxTaunt{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.fx-crack{left:0;right:0;top:calc(var(--iy) - 20px);width:100%;height:40px;position:absolute}.fx-crack path{fill:none;stroke:color-mix(in srgb,var(--fxc) 85%,#fff);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 4px var(--fxc))}.lit .fx-crack path{animation:fxCrack .9s var(--ease-out) .2s forwards}@keyframes fxCrack{to{stroke-dashoffset:0}}.fx-rise i{left:var(--x);opacity:0;width:5px;height:5px;animation:fxRise 3.2s ease-out var(--d) infinite;background:#b8f5c9;border-radius:50%;bottom:-6px;box-shadow:0 0 8px #7fe3a0}@keyframes fxRise{0%{opacity:0;transform:translateY(0) scale(var(--s))}20%{opacity:.9}to{opacity:0;transform:translateY(-120px) scale(var(--s))}}.fx-in i{left:calc(var(--ix) + 120px + var(--x) * 2);top:calc(var(--iy) - 30px + var(--x) * .6);opacity:0;width:4px;height:4px;animation:fxIn 2.6s var(--ease-in-out) var(--d) infinite;background:#9cc8ff;border-radius:50%;box-shadow:0 0 8px #6fa8ff}.fx-in.drain i{background:#ff8a7a;box-shadow:0 0 8px #e0402a}@keyframes fxIn{0%{opacity:0;transform:none}25%{opacity:.9}to{opacity:0;transform:translate(calc(-120px - var(--x) * 2),calc(30px - var(--x) * .6)) scale(.4)}}.fx-burst i{left:var(--ix);top:var(--iy);width:4px;height:4px;box-shadow:0 0 8px var(--fxc);opacity:0;background:#fff;border-radius:50%}.lit .fx-burst i{animation:fxBurst 1.1s var(--ease-out) var(--d) both}@keyframes fxBurst{0%{opacity:1;transform:rotate(calc(var(--s) * 300deg)) translateX(0)}to{opacity:0;transform:rotate(calc(var(--s) * 300deg)) translateX(90px)}}.fx-guard{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #7fd8ee66}.fx-guard:after{content:"";background:linear-gradient(90deg,#0000,#bfefff38,#0000);width:35%;animation:5.5s ease-in-out infinite fxSheen;position:absolute;top:-20%;bottom:-20%;left:-40%;transform:skew(-18deg)}@keyframes fxSheen{0%,60%{left:-40%}to{left:120%}}.fx-aura{background:linear-gradient(0deg,color-mix(in srgb,var(--fxc) 18%,transparent),transparent 55%);opacity:.5;animation:3.8s ease-in-out infinite fxAura;position:absolute;inset:0}@keyframes fxAura{50%{opacity:1}}@media (prefers-reduced-motion:reduce) and (pointer:coarse){.fx *,.fx :after,.lit[data-fx]{animation:none!important}}.classed{--cc:var(--cc-base);--cc-ink:var(--cc-base)}:root[data-faction=asmodien] .classed{--cc:color-mix(in oklab,var(--cc-base) 70%,#24123a);--cc-ink:color-mix(in oklab,var(--cc-base) 80%,#fff);--accent:var(--cc-ink);--glow:color-mix(in oklab,var(--cc-base) 65%,#1a0f24)}:root[data-faction=elyseen] .classed{--cc:color-mix(in oklab,var(--cc-base) 72%,#fff);--cc-ink:color-mix(in oklab,var(--cc-base) 60%,#14223a);--accent:var(--cc-ink);--glow:color-mix(in oklab,var(--cc-base) 50%,#fff)}.classed .frame{border-color:color-mix(in srgb,var(--cc) 28%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--cc) 10%,var(--surface)) 0%,var(--surface) 110px)}.classed .sec-title:after{background:linear-gradient(90deg,color-mix(in srgb,var(--cc) 60%,var(--line-strong)),transparent)}.classed .sec-title .star{filter:drop-shadow(0 0 6px var(--cc))}.classed .tag{border-color:color-mix(in srgb,var(--cc) 40%,var(--line-strong))}.classed .spell .icon,.classed .stigma-head .icon,.classed .skill .icon{box-shadow:0 0 0 1px var(--bg),0 0 14px color-mix(in srgb,var(--cc) 45%,transparent)}.classed .toc a:hover{color:var(--cc-ink)}.lost{justify-items:start;gap:18px;padding-block:120px 160px;display:grid}.lost h1{max-width:18ch;font-size:clamp(2rem,5vw,3.2rem)}.lost p{color:var(--muted)}