.post{background:var(--ground);min-height:100svh}.post-main{padding:calc(72px + clamp(40px, 6vw, 96px)) var(--m) clamp(96px,10vw,160px)}.post-article{max-width:1200px;margin:0 auto}.post-body,.post-head{max-width:65ch;margin-inline:auto}.post-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--gold);font-weight:500;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color var(--t-hover) ease}.post-back:hover{text-decoration-color:currentColor}.post-back svg{width:20px;height:20px;flex:none;transition:transform var(--t-hover) var(--ease-out)}.post-back:hover svg{transform:translateX(-3px)}.post-head h1{margin-top:24px;max-width:18ch}.post-meta{margin-top:20px;color:var(--muted);font-size:var(--step-small)}.post-banner{position:relative;margin:clamp(40px,5vw,72px) 0;background:var(--panel-2)}.post-banner img{width:100%;height:auto;aspect-ratio:2016/576;object-fit:cover}.post-body>*+*{margin-top:1.25em}.post-lead{font-size:var(--step-lead);line-height:1.4;letter-spacing:-.01em}.post-note{color:var(--muted);line-height:1.6}.post-panel{background:var(--panel);padding:clamp(24px,3.4vw,48px)}.post-panel h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.75rem);line-height:1;color:var(--ink)}.post-panel-intro{margin-top:16px;max-width:60ch;color:var(--muted);line-height:1.6}.post-tool{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-top:clamp(56px,7vw,104px)}.post-powers{margin-top:12px}.post-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:32px}.post-class{appearance:none;border:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;background:var(--panel-2);color:var(--ink);font:inherit;outline:2px solid transparent;outline-offset:-2px;transition:background-color var(--t-hover) ease,outline-color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}.post-class:hover{background:var(--bronze)}.post-class:active{transform:scale(.98)}.post-class.is-on{outline-color:var(--gold)}.post-class:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.post-class-name{display:flex;align-items:center;gap:10px;font-weight:500;font-size:var(--step-body);line-height:1.2}.post-class.is-on .post-class-name{color:var(--gold)}.post-class-name svg{width:20px;height:20px;flex:none;color:var(--gold)}.post-class-desc{font-size:var(--step-small);line-height:1.5;color:var(--muted)}.post-class-desc:first-letter{text-transform:uppercase}.post-class-facts{display:grid;gap:2px;margin-top:auto;font-size:var(--step-small);line-height:1.45}.post-class-facts b{color:var(--muted);font-weight:500}.post-preview{display:flex;flex-direction:column}.post-portrait{position:relative;aspect-ratio:1;margin-top:28px;background:var(--panel-2);overflow:hidden}.post-portrait img{object-fit:cover}.post-portrait-mark{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gold);color:var(--dark)}.post-portrait-mark svg{width:24px;height:24px}.post-field{display:block;margin-top:20px}.post-field input{width:100%;min-height:48px;padding:0 14px;background:var(--panel-2);color:var(--ink);border:2px solid var(--bronze);border-radius:0;font:inherit;font-size:var(--step-body);transition:border-color var(--t-hover) ease}.post-field input::placeholder{color:var(--muted);opacity:1}.post-field input:hover{border-color:var(--muted)}.post-field input:focus{border-color:var(--gold);outline:none}.post-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.post-wizard-name{margin-top:20px;font-size:var(--step-lead);font-weight:500;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.post-wizard-class{margin-top:4px;color:var(--gold)}.post-bars{display:grid;gap:12px;margin-top:24px}.post-bar{display:grid;gap:4px}.post-bar dt{font-size:var(--step-small);color:var(--muted);text-transform:capitalize}.post-bar dd{display:flex;align-items:center;gap:12px}.post-bar-track{flex:1;display:block;height:8px;background:var(--panel-2)}.post-bar-track>span{display:block;height:100%;background:var(--gold);transition:width .32s var(--ease-out)}.post-bar-num{width:3ch;text-align:right;font-variant-numeric:tabular-nums}.post-powers-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);margin-top:32px}.post-remaining{margin-bottom:20px}.post-remaining b{color:var(--gold);font-variant-numeric:tabular-nums}.post-slider+.post-slider{margin-top:12px}.post-slider label{display:block;font-size:var(--step-small);color:var(--muted);text-transform:capitalize}.post-slider-row{display:flex;align-items:center;gap:12px}.post-slider-num{width:3ch;text-align:right;font-variant-numeric:tabular-nums}.post-slider input[type=range]{flex:1;min-width:0;height:44px;margin:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.post-slider input[type=range]:disabled{cursor:not-allowed;opacity:.45}.post-slider input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--panel-2)}.post-slider input[type=range]::-moz-range-track{height:8px;background:var(--panel-2)}.post-slider input[type=range]::-moz-range-progress{height:8px;background:var(--gold)}.post-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-7px;background:var(--gold);border:0;border-radius:0}.post-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--gold);border:0;border-radius:0}.post-slider input[type=range]:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.post-tactics h3{color:var(--gold)}.post-tactics ul{margin-top:16px;display:grid;gap:12px;max-width:60ch}.post-tactics li{position:relative;padding-left:20px;line-height:1.55}.post-tactics li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;background:var(--gold)}.post-close{margin-top:clamp(56px,7vw,104px)}.post-community{display:flex;flex-wrap:wrap;gap:12px}.post-community .ws-btn{gap:10px}.post-community .ws-btn svg{width:20px;height:20px;flex:none}.post-community .ws-btn-dark{background:var(--panel)}.post-community .ws-btn-dark:hover{background:var(--panel-2)}.post-back-end{margin-top:32px}@media (prefers-reduced-motion:reduce){.post-back svg,.post-bar-track>span,.post-class{transition:none}}@media (max-width:960px){.post-tool{grid-template-columns:minmax(0,1fr)}.post-classes{grid-template-columns:repeat(2,minmax(0,1fr))}.post-powers-grid{grid-template-columns:minmax(0,1fr)}.post-portrait{max-width:420px}}@media (max-width:600px){.post-main{padding:104px 16px 96px}.post-panel{padding:24px 16px 28px}.post-classes{grid-template-columns:minmax(0,1fr)}.post-banner{margin-inline:-16px}.post-community .ws-btn{width:100%}}