.guide{padding:40px 0 80px}.guide section{border-top:1px solid var(--line);padding:48px 0;scroll-margin-top:84px}.guide section:first-child{border-top:0;padding-top:8px}.guide h2{font-size:clamp(1.35rem,3vw,1.9rem)}.guide .lede{color:var(--ink-2);max-width:680px;margin-bottom:26px}.guide .lede b{color:var(--ink)}.guide img.ic{vertical-align:-5px;width:22px;height:22px;margin:0 1px;display:inline-block}.jump{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.jump a{border:1px solid var(--line);background:var(--paper);padding:5px 12px;font-size:.85rem}.jump a:hover{border-color:var(--gold)}.note-inline{color:var(--ink-2);border-left:3px solid var(--gold);background:var(--gold-soft);max-width:720px;margin:18px 0 0;padding:10px 14px;font-size:.88rem}.phone{background:#111018;border-radius:34px;width:100%;max-width:300px;margin:0 auto;padding:10px;position:relative;box-shadow:0 18px 40px #14101e47,inset 0 0 0 2px #2a2636}.phone img{aspect-ratio:390/844;object-fit:cover;background:var(--night);border-radius:26px;width:100%}.phone figcaption,.shot figcaption{color:var(--ink-2);text-align:center;margin-top:10px;font-size:.8rem}.shot{margin:0}.shot img{border:1px solid var(--line);background:var(--night);width:100%}.walk{grid-template-columns:1fr 320px;align-items:start;gap:40px;display:grid}.walk ol{counter-reset:s;margin:0;padding:0;list-style:none}.walk li{counter-increment:s}.walk .step-btn{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-left:3px solid var(--line);grid-template-columns:44px 1fr;gap:14px;width:100%;padding:14px 16px;display:grid}.walk .step-btn:before{content:counter(s);width:36px;height:36px;font-family:var(--display);border:2px solid var(--line);color:var(--ink-2);place-items:center;font-size:.8rem;display:grid}.walk .step-btn>div>b{font-family:var(--display);margin-bottom:3px;font-size:.92rem;font-weight:400;display:block}.walk .step-btn span{color:var(--ink-2);font-size:.95rem}.walk .step-btn:hover{border-left-color:var(--gold-2)}.walk .step-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.walk li.on .step-btn{border-color:var(--line);border-left-color:var(--gold);background:var(--paper-2)}.walk li.on .step-btn:before{border-color:var(--gold);background:var(--gold);color:#fff}.walk li.on .step-btn span{color:var(--ink)}.walk .stage{position:sticky;top:96px}.walk .stage .phone{display:none}.walk .stage .phone.on{animation:.25s rise;display:block}.walk .goal{background:var(--night);color:var(--cream);font-family:var(--display);letter-spacing:.04em;margin:18px 0 0;padding:14px 18px;font-size:.85rem}.walk .goal b{color:var(--gold-2);font-weight:400}.walk-nav{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.walk-nav button{font:inherit;background:var(--paper);border:1px solid var(--line);cursor:pointer;color:var(--ink);padding:7px 14px;font-size:.85rem}.walk-nav button:hover{border-color:var(--gold)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}html:not(.js) .walk{grid-template-columns:1fr}html:not(.js) .walk .stage{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid;position:static}html:not(.js) .walk .stage .phone{display:block}html:not(.js) .walk-nav{display:none}@media (width<=820px){.walk{grid-template-columns:1fr;gap:20px}.walk .stage{order:-1;position:static}.walk .stage .phone{max-width:250px}}.hud-map{grid-template-columns:320px 1fr;align-items:start;gap:40px;display:grid}.hud-map .phone{position:relative}.hud-map .spot{border:2px solid #0000;border-radius:12px;transition:border-color .15s,background .15s;position:absolute}.hud-map .spot i{background:var(--gold);color:#fff;width:22px;height:22px;font:700 .72rem var(--mono);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;top:-9px;left:-9px;box-shadow:0 1px 4px #0006}.hud-map .spot.on{border-color:var(--gold-2);background:#f3b63e29}.hud-list{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}.hud-list li button{all:unset;box-sizing:border-box;border:1px solid var(--line);cursor:pointer;grid-template-columns:26px 1fr;gap:10px;width:100%;height:100%;padding:12px 14px;font-size:.92rem;display:grid}.hud-list li button>i{background:var(--gold);color:#fff;width:24px;height:24px;font:700 .72rem var(--mono);border-radius:50%;place-items:center;font-style:normal;display:grid}.hud-list li button>span>b{font-size:.95rem;display:block}.hud-list li button span{color:var(--ink-2)}.hud-list li button:hover,.hud-list li button.on{border-color:var(--gold);background:var(--gold-soft)}.hud-list li button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}@media (width<=820px){.hud-map{grid-template-columns:1fr}.hud-map .phone{max-width:270px}}@media (width<=520px){.hud-list{grid-template-columns:1fr}}.tabs{scrollbar-width:none;border-bottom:2px solid var(--line);-webkit-overflow-scrolling:touch;gap:4px;margin-bottom:26px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs [role=tab]{font:400 .72rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 14px;display:inline-flex}.tabs [role=tab] img{object-fit:contain;width:26px;height:26px}.tabs [role=tab]:hover{color:var(--ink)}.tabs [role=tab][aria-selected=true]{color:var(--ink);border-bottom-color:var(--gold)}.tabs [role=tab]:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}html:not(.js) .tabs,.js [role=tabpanel][hidden]{display:none}[role=tabpanel]>h3:first-child{margin-top:0}html.js [role=tabpanel]>.panel-title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}html:not(.js) [role=tabpanel]{margin-bottom:40px}.panel-intro{color:var(--ink-2);max-width:700px;margin-bottom:20px}.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.card{border:1px solid var(--line);background:var(--paper);grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.card img{object-fit:contain;width:56px;height:56px}.card b{font-size:.98rem;display:block}.card span{color:var(--ink-2);font-size:.88rem;line-height:1.4;display:block}.card .price{color:var(--ink-2);gap:10px;margin-top:6px;font-size:.78rem;display:flex}.card .price em{align-items:center;gap:4px;font-style:normal;display:inline-flex}.card .price img{width:14px;height:14px}.card.good{border-left:3px solid var(--teal)}.card.bad{border-left:3px solid var(--coral)}.card.def{border-left:3px solid var(--navy)}.group-h{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:26px 0 12px;font-size:.68rem}.group-h:first-of-type{margin-top:0}.cancel-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.cancel-row span{border:1px dashed var(--line);align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:inline-flex}.cancel-row img{object-fit:contain;width:30px;height:30px}.picker{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:18px;display:grid}.picker button{all:unset;box-sizing:border-box;border:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:center;justify-items:center;gap:4px;padding:10px 6px 8px;font-size:.76rem;line-height:1.2;display:grid}.picker button img{object-fit:contain;width:52px;height:52px;transition:transform .15s}.picker button:hover img{transform:scale(1.08)}.picker button[aria-pressed=true]{border-color:var(--gold);background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}.picker button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}html:not(.js) .picker,.js .detail[hidden]{display:none}html:not(.js) .detail{margin-bottom:18px}.detail{animation:.2s rise}.power-card{padding:22px}.power-card header{align-items:center;gap:16px;margin-bottom:14px;display:flex}.power-card header img{object-fit:contain;width:72px;height:72px}.power-card h3{color:var(--ink);margin:0 0 4px;font-size:1.15rem}.power-card header p{color:var(--ink-2);margin:0;font-size:.92rem}.pill.melee{border-color:var(--coral);color:var(--coral)}.pill.ranged{border-color:var(--teal);color:var(--teal)}.pill.defense{border-color:var(--navy);color:var(--navy)}.pill.magic{color:#8a5bc4;border-color:#8a5bc4}.split{grid-template-columns:1fr 300px;align-items:start;gap:40px;display:grid}.split.wide-shot{grid-template-columns:1fr 1.2fr}@media (width<=820px){.split,.split.wide-shot{grid-template-columns:1fr}}.loop{counter-reset:l;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.loop .frame{text-align:center;padding:22px}.loop img{object-fit:contain;width:72px;height:72px;margin:0 auto 10px}.loop h3{margin:0 0 6px;font-size:.95rem}.loop p{color:var(--ink-2);margin:0;font-size:.95rem}@media (width<=720px){.loop{grid-template-columns:1fr}.loop .frame{text-align:left;grid-template-columns:64px 1fr;align-items:center;gap:14px;display:grid}.loop img{width:60px;height:60px;margin:0}}.seg{border:1px solid var(--line);background:var(--paper);flex-wrap:wrap;display:inline-flex}.seg button{font:inherit;border:0;border-right:1px solid var(--line);cursor:pointer;color:var(--ink-2);background:0 0;padding:8px 16px;font-size:.9rem}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--night);color:var(--cream)}.seg button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.payout{grid-template-columns:1fr 1fr;gap:14px;max-width:560px;margin-top:18px;display:grid}.payout div{background:var(--paper-2);border:1px solid var(--line);padding:18px 20px}.payout small{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px;font-size:.6rem;display:block}.payout b{font-family:var(--display);align-items:center;gap:8px;font-size:clamp(1.15rem,5vw,1.7rem);font-weight:400;display:flex}.payout b img{flex:none;width:30px;height:30px}.payout .win b{color:var(--gold)}.extras{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.extras span{border:1px solid var(--line);background:var(--paper);padding:5px 10px;font-size:.85rem}.extras b{color:var(--gold)}.compare{border-collapse:collapse;width:100%;max-width:760px;font-size:.95rem}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:center;padding:10px 12px}.compare th:first-child,.compare td:first-child{text-align:left}.compare th{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:.62rem;font-weight:400}.compare .y{color:var(--teal);font-weight:700}.compare .n{color:#b8b2a8}.faq details{border-bottom:1px solid var(--line);max-width:760px}.faq summary{cursor:pointer;padding:16px 30px 16px 0;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--gold);font-size:1.4rem;position:absolute;top:12px;right:4px}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-2);margin:0 0 16px}.guide-cta{background:var(--night);color:#efe9f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:34px 28px;display:flex}.guide-cta h2{margin:0;font-size:1.3rem}.guide-cta p{color:#b9aecb;margin:4px 0 0}.phone .scr{position:relative}@media (width<=820px){.js .walk li:not(.on){display:none}.js .walk li.on .step-btn{cursor:default}.walk .goal{font-size:.78rem}}@media (width<=560px){.cards{grid-template-columns:1fr 1fr;gap:8px}.card{grid-template-columns:1fr;align-content:start;gap:6px;padding:10px}.card img{width:44px;height:44px}.card b{font-size:.92rem}.card span{font-size:.82rem}.card .price{flex-direction:column;gap:2px}.picker{grid-template-columns:repeat(4,1fr)}.picker button{padding:8px 2px 6px;font-size:.66rem}.picker button img{width:40px;height:40px}}.tx{background:var(--night);color:#efe9f7;border:1px solid #2b2337}.tx-nav{border-bottom:1px solid #2b2337;grid-template-columns:repeat(12,1fr);display:grid}.tx-nav button{all:unset;box-sizing:border-box;cursor:pointer;align-content:start;justify-items:center;gap:3px;padding:12px 2px 10px;transition:background .15s,opacity .15s;display:grid;position:relative}.tx-nav button img{object-fit:contain;width:46px;height:46px;transition:transform .15s}.tx-nav button span{font:400 .55rem var(--display);letter-spacing:.08em;text-transform:uppercase}.tx-nav button em{color:var(--gold-2);text-align:center;min-height:1.2em;font-size:.62rem;font-style:normal;line-height:1.2}.tx-nav button:hover:not(:disabled){background:#ffffff0f}.tx-nav button:hover:not(:disabled) img{transform:scale(1.1)}.tx-nav button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.tx-nav button:disabled{cursor:not-allowed;opacity:.45}.tx-nav button.clash{opacity:.5}.tx-nav button.clash img{filter:grayscale()}.tx-nav button.clash:after{content:"";background:#ff5b5b;border-radius:2px;width:54px;height:3px;position:absolute;top:34px;left:50%;transform:translate(-50%,-50%)rotate(-40deg)}.tx-nav button.clash em{color:#ff8a80}.tx-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding:16px 20px 0;display:flex}.tx-slots{flex-wrap:wrap;gap:8px;display:flex}.tx-slot{color:#8f86a6;border:1px dashed #ffffff38;align-items:center;gap:8px;min-width:128px;height:44px;padding:0 12px 0 6px;font-size:.82rem;display:inline-flex}button.tx-slot{font:inherit;color:#fff;cursor:pointer;border:1px solid var(--tint);background:color-mix(in srgb, var(--tint) 18%, transparent);font-size:.88rem}button.tx-slot img{width:32px;height:32px}button.tx-slot span{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}button.tx-slot i{opacity:.6;margin-left:auto;font-style:normal}button.tx-slot:hover i{opacity:1;color:#ff8a80}.tx-actions{gap:8px;display:flex}.tx-actions button{font:600 .84rem var(--mono);color:#1d1400;background:var(--gold-2);cursor:pointer;border:0;padding:9px 14px}.tx-actions button+button{color:#efe9f7;background:#ffffff1a}.tx-rarity{color:#cfc6e2;min-height:1.5em;margin:12px 20px 0;font-size:.95rem}.tx-rarity b{color:#fff}.tx-rarity .tag{background:var(--gold-2);color:#1d1400;font:400 .66rem var(--display);letter-spacing:.1em;text-transform:uppercase;vertical-align:2px;margin-right:8px;padding:2px 10px;display:inline-block}.tx-status{color:#b9aecb;min-height:1.4em;margin:0 20px 6px;font-size:.9rem}.tx-status b{color:var(--gold-2)}.tx-status button{font:inherit;color:var(--gold-2);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tx-stage{max-width:860px;margin:0 auto;position:relative}.tx-stage svg{width:100%;height:auto;display:block}.tx-stage path.nb{fill:#ffffff08;stroke:#ffffff29;stroke-width:4px;stroke-dasharray:18 14;stroke-linejoin:round}.tx-stage text.empty{fill:#8f86a6;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font:400 44px Michroma,sans-serif}.tx-stage path.tex{opacity:.34}.tx-stage path.shade{fill:#0a0a186b;pointer-events:none}.tx-stage path.rim{fill:none;stroke-width:5px;stroke-linejoin:round;opacity:.55;pointer-events:none}.tx-stage .hubzone{fill:#ffd84a0d;stroke:#ffd84a59;stroke-width:4px;stroke-dasharray:10 14;pointer-events:none}.tx-stage line{stroke:#c8d0e88c;stroke-width:8px;stroke-linecap:round}.tx-stage line.on{stroke:#ffc23d;stroke-width:12px}.tx-stage g.nd{cursor:pointer;outline:none}.tx-stage g.nd .back{fill:#10142c;stroke-width:5px;opacity:1}.tx-stage g.nd image{opacity:.82;transition:opacity .15s}.tx-stage g.nd.next image,.tx-stage g.nd.own image,.tx-stage g.nd:hover image,.tx-stage g.nd:focus image{opacity:1}.tx-stage g.nd.own .back{stroke-width:9px;stroke:#ffc23d!important}.tx-stage .halo{fill:#0000;transition:fill .15s}.tx-stage g.nd.next .halo{fill:#ffc23d47;animation:1.6s ease-in-out infinite txpulse}.tx-stage g.nd.own .halo{fill:#ffc23d33}.tx-stage g.nd:hover .halo,.tx-stage g.nd:focus .halo{fill:#ffffff38}.tx-stage .hit{fill:#0000}.tx-stage .hubring{fill:#141a36;stroke:#ffd84a;stroke-width:8px}.tx-stage .hublv{fill:#ffd84a;letter-spacing:3px;text-anchor:middle;pointer-events:none;font:400 30px Michroma,sans-serif}.tx-stage g.nd.hub image{opacity:1}@keyframes txpulse{50%{fill:#ffc23d80}}@media (prefers-reduced-motion:reduce){.tx-stage g.nd.next .halo{animation:none}}.tx-tip{min-width:170px;max-width:240px;color:var(--ink);pointer-events:none;z-index:2;background:#fff;padding:10px 14px;font-size:.88rem;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 8px 24px #00000059}.tx-tip.below{transform:translate(-50%,10px)}.tx-tip b{margin-bottom:2px;font-size:.92rem;display:block}.tx-tip .price{font-family:var(--display);color:#b57c0c;align-items:center;gap:6px;font-size:1rem;display:flex}.tx-tip .price img{width:18px;height:18px}.tx-tip .own{color:var(--teal);font-weight:700}.tx-tip small{color:var(--ink-2);margin-top:2px;font-size:.78rem;display:block}.tx-foot{color:#9d93b3;padding:0 20px 16px;font-size:.82rem}@media (width<=900px){.tx-nav{grid-template-columns:repeat(6,1fr)}}@media (width<=520px){.tx-nav button img{width:38px;height:38px}.tx-nav button.clash:after{width:44px;top:30px}.tx-head{padding:12px 14px 0}.tx-rarity,.tx-status{margin-left:14px;margin-right:14px}.tx-foot{padding:0 14px 12px}.tx-slot{flex:1;min-width:0}.tx-actions{width:100%}.tx-actions button{flex:1}.tx-slots{flex-wrap:nowrap;width:100%}.tx-slot,button.tx-slot{flex:1 1 0;gap:4px;min-width:0;padding:0 6px 0 4px}button.tx-slot img{width:26px;height:26px}button.tx-slot span{text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}}.power-card .tier{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.power-card .tier:first-of-type{border-top:0}.power-card .tier-h{grid-template-columns:44px 1fr;align-items:center;gap:10px;display:grid}.power-card .tier-h img{object-fit:contain;width:44px;height:44px}.power-card .tier-h small{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:3px;font-size:.58rem;display:block}.power-card .moves{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.power-card .moves li{background:var(--paper-2);grid-template-columns:minmax(8.5em,auto) 1fr;align-items:baseline;gap:6px;padding:10px 12px;display:grid}.power-card .moves li>b{color:var(--ink);grid-row:1/span 3;font-size:.95rem;font-weight:600}.bits{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:.84rem;display:flex}.bits em{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3,var(--ink-2));opacity:.75;min-width:3.6em;font-size:.62rem;font-style:normal}.bit{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.bit img.ic{object-fit:contain;vertical-align:-3px;width:17px;height:17px}.bit.dmg{border-color:var(--coral);color:var(--coral)}.bit.good{border-color:var(--teal);color:var(--teal)}.bit.perk{border-style:dashed}.bit.free{opacity:.7;border-style:dotted}svg.die{vertical-align:-2px;color:currentColor;flex:none;width:15px;height:15px}.dice h4 svg.die{width:19px;height:19px;margin-right:5px}.cards .roll{color:var(--gold);align-items:center;gap:4px;margin-top:4px;font-size:.8rem;display:inline-flex}.cancel-row.clash span{border-style:solid}.cancel-row .x{color:var(--coral);padding:0 2px;font-size:1.05rem;line-height:1}@media (width<=640px){.power-card .moves li{grid-template-columns:1fr}.power-card .moves li>b{grid-row:auto}.bits em{min-width:0}}
