.planner{--pl-bg:#072a2e;--pl-bg2:#04191c;--pl-gold:#d4af37;--pl-gold2:#ffd76a;--pl-ink:#fff8e7;--pl-mut:#d3e0db;--pl-line:rgba(212,175,55,.38);--pl-teal:#1fa5a0;margin:22px 0 28px;border:1px solid var(--pl-line);border-radius:14px;background:radial-gradient(120% 80% at 20% 0%,#0d4448 0%,var(--pl-bg) 48%,var(--pl-bg2) 100%);box-shadow:0 18px 50px rgba(10,59,63,.28),inset 0 1px 0 rgba(255,215,106,.18);color:var(--pl-ink);min-height:640px;position:relative;overflow:hidden}.planner:before{content:"";position:absolute;inset:8px;border:1px solid rgba(212,175,55,.16);border-radius:10px;pointer-events:none}#planner :is(p,li,small,span,b,strong,em,h2,h3,h4,h5,h6,label,figcaption,button,a,i){color:var(--pl-ink)!important;-webkit-text-fill-color:currentColor!important}#planner img{margin:0!important;border:0!important;border-radius:0!important;max-width:none;display:block}#planner :is(h2,h3,h4,h5){font-family:Cinzel,Georgia,serif;letter-spacing:.04em;margin:0}.planner button{font:inherit;color:inherit;cursor:pointer}.planner :focus-visible{outline:2px solid var(--pl-gold2)!important;outline-offset:3px}.pl-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:0;position:relative}@media (min-width:1080px){.pl-shell{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}}.pl-stage{margin:0;padding:22px 18px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.pl-frame{position:relative;width:min(52vw,280px);aspect-ratio:2/3;border-radius:999px 999px 14px 14px;overflow:hidden;isolation:isolate;border:1px solid rgba(255,215,106,.55);box-shadow:0 0 0 4px rgba(4,25,28,.85),0 0 0 5px rgba(212,175,55,.45),0 22px 48px rgba(0,0,0,.45);background:#06262a;--px:0;--py:0}.pl-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(4,25,28,.55));pointer-events:none;z-index:4}#planner .pl-bg{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(18px) saturate(1.15) brightness(.75);z-index:0;transform:translate(calc(var(--px)*-10px),calc(var(--py)*-10px))}#planner .pl-view{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;z-index:1;transform:translate(calc(var(--px)*8px),calc(var(--py)*6px)) scale(1.02)}#planner .pl-view.is-on{opacity:1;animation:pl-breathe 6.5s ease-in-out infinite}.pl-clip{z-index:2!important}.pl-playing .pl-clip{opacity:1!important}.pl-playing .pl-front,.pl-playing .pl-turn{opacity:0!important}@keyframes pl-breathe{0%,100%{transform:translate(calc(var(--px)*8px),calc(var(--py)*6px)) scale(1.02)}50%{transform:translate(calc(var(--px)*8px),calc(var(--py)*6px - 3px)) scale(1.045)}}.pl-sheen{position:absolute;inset:-40% -60%;z-index:3;background:linear-gradient(105deg,transparent 42%,rgba(255,236,170,.18) 50%,transparent 58%);animation:pl-sheen 7s ease-in-out infinite;pointer-events:none}@keyframes pl-sheen{0%,55%{transform:translateX(-45%)}85%,100%{transform:translateX(45%)}}.pl-motes{position:absolute;inset:0;z-index:3;pointer-events:none}.pl-motes i{position:absolute;bottom:-8px;width:4px;height:4px;border-radius:50%;background:#ffe39a;box-shadow:0 0 8px 2px rgba(255,215,106,.7);opacity:0;animation:pl-mote 7s linear infinite}.pl-motes i:nth-child(1){left:14%;animation-delay:0s}.pl-motes i:nth-child(2){left:32%;animation-delay:1.6s}.pl-motes i:nth-child(3){left:52%;animation-delay:3.1s}.pl-motes i:nth-child(4){left:68%;animation-delay:.8s}.pl-motes i:nth-child(5){left:82%;animation-delay:2.4s}.pl-motes i:nth-child(6){left:44%;animation-delay:4.4s}@keyframes pl-mote{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-420px) translateX(14px);opacity:0}}.pl-still .pl-view.is-on,.pl-still .pl-sheen,.pl-still .pl-motes i{animation:none!important}.pl-flash .pl-frame{animation:pl-flash .7s ease-out}@keyframes pl-flash{0%{box-shadow:0 0 0 4px rgba(4,25,28,.85),0 0 0 5px rgba(212,175,55,.45),0 0 60px 12px rgba(255,215,106,.55)}100%{box-shadow:0 0 0 4px rgba(4,25,28,.85),0 0 0 5px rgba(212,175,55,.45),0 22px 48px rgba(0,0,0,.45)}}.pl-stage figcaption{text-align:center;display:grid;gap:2px}#planner .pl-stage figcaption b{font-family:Cinzel,Georgia,serif;font-size:30px;line-height:1.1;background:linear-gradient(180deg,#fffbe9,#ffd76a 55%,#c9971f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important}#planner .pl-sub{font-size:14px;color:var(--pl-mut)!important}.pl-ctl{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pl-ctl button,.pl-seg button{min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(212,175,55,.5);background:rgba(4,25,28,.7);font-size:13px;font-weight:700;letter-spacing:.04em}.pl-seg{display:inline-flex;gap:0;border-radius:999px;overflow:hidden;border:1px solid rgba(212,175,55,.5)}.pl-seg button{border:0;border-radius:0}#planner [aria-pressed=true]{background:linear-gradient(180deg,#ffe9a3,#d4af37 60%,#a97b14)!important;color:#1a1206!important;border-color:#ffe9a3!important}#planner [aria-pressed=true] :is(b,small,span,em){color:#1a1206!important}.pl-motion span{display:block;width:12px;height:12px;border-left:4px solid currentColor;border-right:4px solid currentColor;box-sizing:border-box}.pl-motion[aria-pressed=true] span{border:0;border-left:11px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;width:0;height:0}.pl-panel{padding:18px 18px 22px;border-top:1px solid rgba(212,175,55,.22);min-width:0}@media (min-width:1080px){.pl-panel{border-top:0;border-left:1px solid rgba(212,175,55,.22);padding:22px 24px 26px}}.pl-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 16px!important;padding:0!important}.pl-steps li{margin:0!important}.pl-steps button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(212,175,55,.35);border-radius:8px;background:rgba(4,25,28,.55);font-weight:700;font-size:14px}.pl-steps button span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--pl-gold);font-size:12px}.pl-steps [aria-current=step]{border-color:var(--pl-gold2);box-shadow:inset 0 -3px 0 var(--pl-gold);background:rgba(212,175,55,.14)}#planner .pl-h{font-size:22px;margin:0 0 14px;color:var(--pl-gold2)!important;outline:none}.pl-races{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px!important;padding:0!important}@media (min-width:640px){.pl-races{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.pl-races button span{font-size:11.5px!important;padding:18px 2px 6px!important}}.pl-races li{margin:0!important}.pl-races button{position:relative;width:100%;aspect-ratio:3/4;padding:0;border:1px solid rgba(212,175,55,.35);border-radius:8px;overflow:hidden;background:#06262a;display:block}#planner .pl-races img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .4s ease,filter .4s ease;filter:saturate(.85) brightness(.85)}.pl-races button:hover img,.pl-races [aria-pressed=true] img{transform:scale(1.06);filter:none}.pl-races button span{position:absolute;left:0;right:0;bottom:0;padding:22px 4px 7px;background:linear-gradient(180deg,rgba(4,25,28,0),rgba(4,25,28,.88) 45%,rgba(4,25,28,.97));font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700;text-align:center;letter-spacing:.03em;text-shadow:0 1px 2px #000}.planner .pl-races [aria-pressed=true]{background:#06262a!important;box-shadow:0 0 0 2px var(--pl-gold2),0 0 18px rgba(255,215,106,.45)}#planner .pl-races [aria-pressed=true] span{color:var(--pl-gold2)!important}.pl-lore{padding:14px 16px;border:1px solid rgba(212,175,55,.25);border-radius:10px;background:rgba(4,25,28,.45);margin-bottom:16px}#planner .pl-lore h3{font-size:18px;color:var(--pl-gold2)!important;margin-bottom:6px}#planner .pl-lore p{margin:6px 0;line-height:1.65}.pl-path-line span{font-weight:700}#planner a{color:#ffdc8c!important;-webkit-text-fill-color:#ffdc8c!important;text-decoration:underline;text-underline-offset:3px}.pl-links a,.pl-act a{display:inline-flex;align-items:center;min-height:44px}.pl-next,.pl-copy{min-height:48px;padding:0 22px;border-radius:999px;border:1px solid #ffe9a3;background:linear-gradient(180deg,#ffe9a3,#d4af37 60%,#a97b14);font-weight:800;letter-spacing:.03em}#planner :is(.pl-next,.pl-copy),#planner :is(.pl-next,.pl-copy) span{color:#1a1206!important;-webkit-text-fill-color:#1a1206!important}.pl-tree{display:grid;gap:10px;margin-bottom:16px;position:relative}.pl-root{justify-self:center;padding:6px 16px;border:1px dashed rgba(212,175,55,.45);border-radius:999px;text-align:center;font-size:13px}.pl-t1{display:grid}.pl-t2{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}@media (min-width:560px){.pl-t2{grid-template-columns:repeat(2,minmax(0,1fr))}}.pl-t1,.pl-t2{position:relative}.pl-t1:before,.pl-t2:before{content:"";position:absolute;top:-10px;left:50%;height:10px;border-left:1px solid rgba(212,175,55,.55)}.pl-cc{width:100%;text-align:left;padding:14px 16px;border:1px solid rgba(212,175,55,.38);border-radius:10px;background:rgba(4,25,28,.6);display:grid;gap:4px}#planner .pl-cc b{font-family:Cinzel,Georgia,serif;font-size:18px;color:var(--pl-gold2)!important}#planner .pl-cc small{font-size:13px;color:var(--pl-mut)!important}.pl-cc-sum{font-size:14px;line-height:1.5}.pl-cc-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;font-weight:700;margin-top:4px}.pl-cc-meta em{font-style:normal;padding:1px 8px;border-radius:999px;border:1px solid rgba(212,175,55,.55)}.pl-btabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pl-btabs button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(212,175,55,.5);background:rgba(4,25,28,.6);font-weight:700;font-size:14px}.pl-card{border:1px solid rgba(212,175,55,.3);border-radius:12px;background:rgba(4,25,28,.5);padding:16px}.pl-bh{margin-bottom:8px}#planner .pl-kind{font-size:14px;margin:4px 0 0!important;color:var(--pl-gold2)!important;font-weight:700}#planner .pl-bh h3{font-size:20px;line-height:1.3}#planner .pl-role{margin:6px 0 0!important;color:var(--pl-mut)!important}.pl-sec{padding:14px 0;border-top:1px solid rgba(212,175,55,.2)}#planner .pl-sec h4{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--pl-gold2)!important;margin-bottom:10px}#planner .pl-sec h5{font-size:13px;letter-spacing:.08em;margin:0 0 6px;color:var(--pl-gold2)!important}.pl-sec p{line-height:1.65;margin:8px 0!important}.pl-statwrap{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center}@media (min-width:560px){.pl-statwrap{grid-template-columns:200px minmax(0,1fr)}}.pl-hex{width:100%;max-width:220px;height:auto;justify-self:center;overflow:visible}.pl-ring{fill:none;stroke:rgba(212,175,55,.34);stroke-width:1}.pl-axis{stroke:rgba(212,175,55,.34);stroke-width:1}.pl-axis.on{stroke:#ffd76a;stroke-width:2}.pl-val{fill:rgba(255,215,106,.35);stroke:#ffd76a;stroke-width:2;stroke-linejoin:round}.pl-dot{fill:#ffd76a;filter:drop-shadow(0 0 4px rgba(255,215,106,.9))}.pl-hex text{font:800 14px Inter,system-ui,sans-serif;fill:#e6efeb;text-anchor:middle}.pl-hex text.on{fill:#ffd76a}.pl-bars{list-style:none;margin:0!important;padding:0!important;display:grid;gap:6px}.pl-bars li{display:grid;grid-template-columns:38px minmax(0,1fr) 44px;gap:8px;align-items:center;margin:0!important;font-size:13px;font-weight:700}.pl-bars i{display:block;height:8px;border-radius:99px;background:rgba(195,211,205,.28);position:relative;overflow:hidden}.pl-bars i:after{content:"";position:absolute;inset:0;width:var(--w);background:linear-gradient(90deg,#a97b14,#ffd76a);border-radius:99px}.pl-bars b{text-align:right}#planner #planner .pl-fine{font-size:13.5px!important;color:#d3e0db!important}.pl-focus{font-size:16px}.pl-skills{list-style:none;margin:0!important;padding:0!important;display:grid;gap:8px}.pl-skills li{display:flex;align-items:center;gap:10px;margin:0!important;padding:8px 10px;border-radius:8px;background:rgba(7,42,46,.7);border:1px solid rgba(212,175,55,.18)}.pl-n{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--pl-gold);font-size:12px;font-weight:800}#planner .pl-skills img{flex:none;width:40px;height:40px;border-radius:6px!important;box-shadow:0 0 0 1px rgba(212,175,55,.55);image-rendering:pixelated}.pl-unused-glyph{flex:none;width:40px;height:40px;border-radius:6px;box-shadow:0 0 0 1px rgba(212,175,55,.55);background:radial-gradient(circle at 50% 50%,#ffd76a 0 3px,transparent 4px),linear-gradient(45deg,transparent 46%,rgba(212,175,55,.55) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(212,175,55,.55) 47% 53%,transparent 54%),#0d3a3e}.pl-sk{display:grid;gap:2px;min-width:0}#planner .pl-sk small{font-size:13px;line-height:1.45;color:var(--pl-mut)!important}.pl-tier{margin:0 0 8px;border:1px solid rgba(212,175,55,.2);border-radius:8px;background:rgba(7,42,46,.35)}.pl-tier>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:700;color:var(--pl-ink);list-style:none}.pl-tier>summary::-webkit-details-marker{display:none}.pl-tier>summary:before{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--pl-gold2);border-bottom:2px solid var(--pl-gold2);transform:rotate(-45deg);transition:transform .2s}.pl-tier[open]>summary:before{transform:rotate(45deg)}.pl-tier>summary:after{content:"Show items";margin-left:auto;font-size:12px;font-weight:600;color:#c3d3cd}.pl-tier[open]>summary:after{content:"Hide"}.pl-tier .pl-items{padding:0 10px 10px}.pl-items{display:flex;flex-wrap:wrap;gap:6px}.pl-item{text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid rgba(212,175,55,.3);background:rgba(7,42,46,.7);font-size:13px}span.pl-item{padding:6px 12px;border-style:solid;border-color:rgba(212,175,55,.22);background:rgba(7,42,46,.45)}#planner .pl-item img{width:28px;height:28px;border-radius:50%!important}.pl-pc{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:10px 0}@media (min-width:560px){.pl-pc{grid-template-columns:repeat(2,minmax(0,1fr))}}.pl-pc ul{margin:0!important;padding-left:18px!important}.pl-pc li{margin:4px 0!important;line-height:1.5}.pl-act{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding-top:14px;border-top:1px solid rgba(212,175,55,.2)}#planner .pl-status{font-size:13px;color:var(--pl-gold2)!important;min-width:1px}.pl-dir{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media (min-width:700px){.pl-dir{grid-template-columns:repeat(3,minmax(0,1fr))}}.pl-dir section{border:1px solid rgba(184,134,11,.35);border-radius:10px;padding:12px 14px;background:rgba(255,248,232,.6)}html body main .rl-art .pl-dir h3{font-size:17px;margin:0 0 6px}.pl-dir ul{margin:0!important;padding-left:18px!important}.pl-dir li{margin:4px 0!important}.pl-dir a{display:inline-block;padding:6px 0}@media (max-width:700px){html body main .rl-art{padding-left:14px!important;padding-right:14px!important}.planner{border-radius:12px;margin-left:-4px;margin-right:-4px}.pl-stage{padding:16px 12px 12px}.pl-panel{padding:14px 12px 18px}#planner .pl-stage figcaption b{font-size:26px}}@media (prefers-reduced-motion:reduce){.planner *{animation:none!important;transition:none!important}}.pl-sum{width:100%;max-width:300px;display:grid;gap:8px;margin-top:6px;padding:12px;border:1px solid rgba(212,175,55,.25);border-radius:10px;background:rgba(4,25,28,.5)}#planner .pl-sum-h{margin:0!important;font-family:Cinzel,Georgia,serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pl-gold2)!important}.pl-chain{display:grid;justify-items:center;gap:4px}.pl-two{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}#planner .pl-or{font-size:12px;color:var(--pl-mut)!important}.pl-down{display:block;width:1px;height:10px;background:var(--pl-gold)}.pl-fork{display:block;width:60%;height:10px;border:1px solid var(--pl-gold);border-bottom:0;border-radius:6px 6px 0 0;position:relative}.pl-fork:before{content:"";position:absolute;left:50%;top:-6px;height:6px;border-left:1px solid var(--pl-gold)}.pl-chain button,.pl-chain .pl-eph{min-height:36px;padding:0 10px;border-radius:999px;border:1px solid rgba(212,175,55,.42);background:rgba(7,42,46,.8);font-size:13px;font-weight:700;display:inline-flex;align-items:center}.pl-chain .pl-eph{border-style:dashed}.pl-pick{display:grid;gap:2px;font-size:14px;line-height:1.45}#planner .pl-pick b{color:var(--pl-gold2)!important}.pl-steps .done button span{background:var(--pl-gold);color:#1a1206}#planner .pl-steps .done button span{color:#1a1206!important}.pl-nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}.pl-back{min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(212,175,55,.5);background:rgba(4,25,28,.6);font-weight:700}.pl-sub:empty{display:none}a.pl-item:hover{border-color:var(--pl-gold2);background:rgba(212,175,55,.16)}#planner a.pl-item{text-decoration:none!important}@media (min-width:1080px){.pl-stage{position:sticky;top:calc(var(--nav,78px) + 18px);align-self:start}}html body main .rl-art .planner .pl-view,#planner .pl-view{transform-origin:50% 85%}.pl-n{font-size:13px!important;border-width:1.5px}#planner .pl-cc[aria-pressed=true]{background:linear-gradient(180deg,rgba(212,175,55,.2),rgba(4,25,28,.75))!important;color:var(--pl-ink)!important;border-color:var(--pl-gold2)!important;box-shadow:0 0 0 1px var(--pl-gold2),0 0 22px rgba(255,215,106,.25);position:relative}#planner .pl-cc[aria-pressed=true] b{color:var(--pl-gold2)!important}#planner .pl-cc[aria-pressed=true] :is(small,span,em){color:var(--pl-ink)!important}.pl-cc[aria-pressed=true]:after{content:"\2713";position:absolute;top:10px;right:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--pl-gold2);color:#1a1206;font-weight:900;font-size:14px}.pl-cc:hover{border-color:rgba(255,215,106,.75)}.pl-tfork{display:none}@media (min-width:560px){.pl-tfork{display:block;height:12px;margin:0 25%;border:1px solid rgba(212,175,55,.6);border-bottom:0;border-radius:8px 8px 0 0;position:relative}.pl-tfork:before{content:"";position:absolute;left:50%;top:-10px;height:10px;border-left:1px solid rgba(212,175,55,.6)}.pl-t2:before{display:none}}.pl-t1:before,.pl-t2:before{border-left-color:rgba(212,175,55,.6)!important}@media (max-width:1079px){.pl-shell:not([data-step=race]) .pl-stage{flex-direction:row;justify-content:flex-start;align-items:center;gap:14px;padding:14px 14px 12px}.pl-shell:not([data-step=race]) .pl-frame{width:84px;border-radius:999px 999px 10px 10px;box-shadow:0 0 0 2px rgba(4,25,28,.85),0 0 0 3px rgba(212,175,55,.45)}.pl-shell:not([data-step=race]) .pl-stage figcaption{text-align:left}#planner .pl-shell:not([data-step=race]) .pl-stage figcaption b{font-size:24px}.pl-shell:not([data-step=race]) :is(.pl-ctl,.pl-sum,.pl-motes){display:none}.pl-shell[data-step=build] .pl-community-hex{display:none}}@media (max-width:559px){.pl-btabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pl-btabs button{padding:6px 10px;line-height:1.3}.pl-skills li{align-items:flex-start}.pl-n{margin-top:8px}}.pl-shell[data-step=build] .pl-sum{max-width:none}.pl-statwrap:has(>div:only-child){grid-template-columns:minmax(0,1fr)}@media (max-width:1079px){.pl-shell[data-step=race] .pl-frame{width:min(44vw,240px)}.pl-shell[data-step=race] .pl-sum{display:none}}.pl-skills li{min-height:58px}.pl-skills li:not(:has(img)) .pl-n{margin-right:50px}@media (max-width:559px){.pl-cc-meta{font-size:13px}}