.retail-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,3fr);align-items:start;gap:1.25rem;display:grid}.retail-planner .parchment-panel{color:#17120b;background:#d6bb7b padding-box padding-box;border:20px solid #0000;border-image:url(/talents-retail/parchment-frame.webp) 40 fill/20px;padding:.75rem}.retail-planner .parchment-panel .answer{color:#17120b;background:#e3ce98;padding:.4rem;font-size:1.125rem}.retail-inputs,.retail-results{gap:1rem;min-width:0;display:grid}.retail-inputs label{gap:.35rem;margin-bottom:.8rem;display:grid}.retail-inputs input,.retail-inputs select,.retail-inputs textarea,.retail-node-controls select{width:100%;min-width:0;padding:.5rem}.retail-inputs textarea{color:var(--wow-text);word-break:break-all;background:#080d19;border:1px solid #6e6650}.retail-actions{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.retail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.retail-stats .stat-tile{padding:.5rem}.retail-stats dd{font-size:1.5rem}.retail-trees{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.retail-tree:last-child{grid-column:1/-1;justify-self:center;width:min(100%,400px)}.retail-tree.wow-tooltip{padding:.4rem}.retail-tree-title{justify-content:space-between;align-items:center;gap:.3rem;display:flex}.retail-tree-title h3{margin:0;font-size:1.1rem}.retail-tree-title>*{min-width:0}.retail-tree-title span{color:var(--wow-gold);font-variant-numeric:tabular-nums}.retail-tree progress{width:100%;height:6px;accent-color:var(--wow-gold)}.retail-canvas{width:100%;margin-top:.8rem;position:relative}.retail-canvas>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.retail-canvas line{stroke:#626578;stroke-width:.7px}.retail-canvas line.learned{stroke:#cda83f}.retail-canvas line.gate{stroke:#a59d8860;stroke-dasharray:2 2;stroke-width:.4px}.retail-gate{color:var(--wow-muted);background:#080d19;font-size:.6rem;position:absolute;left:0;transform:translateY(-100%)}.retail-node-position{position:absolute;transform:translate(-50%,-50%)}button.retail-node{background:#171c28;border:2px solid #7a7d85;border-image:;width:32px;height:32px;padding:0;display:block;position:relative;box-shadow:0 1px 4px #000}button.retail-node[aria-pressed]{border-image:}.retail-node img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.retail-node.passive{border-radius:50%}.retail-node.choice{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);background:#7a7d85;border:0}.retail-node.choice img{clip-path:inherit;padding:2px}.retail-node.choice.available{background:#1eff00}.retail-node.choice.selected{background:#ffd100}button.retail-node:focus-visible{outline-offset:3px;outline:3px solid #fff}button.retail-node.choice:focus-visible{background:#fff}button.retail-node.available{border-color:#1eff00}button.retail-node.selected{border-color:#ffd100;box-shadow:0 0 6px #ffd10070}.retail-node.locked img{filter:grayscale();opacity:.55}.retail-rank{color:#fff;background:#080d19;border:1px solid #625732;border-radius:2px;padding:0 2px;font-size:9px;line-height:11px;position:absolute;bottom:-8px;right:-7px}.retail-node.choice .retail-rank{bottom:1px;right:2px}.retail-node-controls{margin-top:.75rem}.retail-node-controls label{gap:.4rem;display:grid}.retail-description{white-space:pre-line;color:var(--wow-gold)}.retail-message{color:#ffd100;min-height:1.5rem}.retail-legend{flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.retail-legend .available{color:#1eff00}.retail-legend .selected{color:#ffd100}.retail-legend .locked{color:#a59d88}.retail-mobile-answer{display:none}.retail-class-links,.retail-spec-links{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.retail-class-links a,.retail-spec-links a{background:#0a1020;border:1px solid #68604c;border-radius:3px;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.retail-class-links [aria-current],.retail-spec-links [aria-current]{border-color:var(--wow-gold)}@media (width<=1023px){.retail-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.retail-trees{grid-template-columns:minmax(0,1fr)}.retail-tree:last-child{width:100%}button.retail-node{width:26px;height:26px}.retail-mobile-answer{z-index:30;color:#ffd100;background:#080d19f5;border:1px solid #8d7951;margin-bottom:1rem;padding:.6rem;font-size:.85rem;display:block;position:sticky;top:56px}.retail-stats{grid-template-columns:minmax(0,1fr)}.retail-inputs .wow-tooltip{padding:.7rem}}