.attunement-hero{margin-bottom:24px}.attunement-atlas-wrapper{flex-direction:column;gap:28px;width:100%;display:flex}.attunement-solver-panel{background:var(--bg-surface-card);border-radius:12px;flex-direction:column;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden;border:1px solid var(--gold-line)!important;box-shadow:none!important}.attunement-solver-panel:before{display:none!important}.solver-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.solver-title-group{flex:1;align-items:flex-start;gap:12px;min-width:260px;display:flex}.solver-icon-wrap{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;display:flex}.solver-title{font-family:var(--font-heading);color:#fff;letter-spacing:-.01em;margin:0 0 4px;font-size:1.35rem;font-weight:700}.solver-desc{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.45}.solver-selector-wrap{border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:8px;align-items:center;gap:10px;padding:6px 12px;display:flex}.solver-select-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.78rem;font-weight:600}.solver-select-input{color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;background:#0a0e16e6;border-radius:8px;outline:none;padding:6px 12px;font-size:.84rem;font-weight:500;transition:border-color .15s}.solver-select-input:focus{border-color:var(--gold-line)}.gear-number-input{color:var(--gold-ink);font-family:var(--font-sans);border:1px solid var(--border-subtle);text-align:center;background:#0a0e16e6;border-radius:8px;outline:none;width:72px;padding:6px 12px;font-size:1.1rem;font-weight:700;transition:border-color .15s}.gear-number-input:focus{border-color:var(--gold-line)}.solver-breakdown-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.solver-stat-card{border:1px solid var(--border-subtle);background:#ffffff08;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .2s;display:flex}.solver-stat-card:hover{background:#ffffff0d;border-color:#c89b3c40}.solver-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.solver-stat-value{font-family:var(--font-sans);color:#fff;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.solver-stat-sub{color:var(--text-secondary);font-size:.72rem}.solver-footer-actions{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.solver-target-link-wrap{align-items:center;gap:8px;font-size:.82rem;display:flex}.solver-unlocks-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem;font-weight:600}.solver-target-link{color:var(--color-gold);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.solver-target-badge{color:var(--color-gold);background:#c89b3c26;border:1px solid #c89b3c4d;border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:600}.solver-buttons-group{align-items:center;gap:10px;display:flex}.solver-btn-jump{color:var(--color-gold);cursor:pointer;background:#c89b3c26;border:1px solid #c89b3c59;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.solver-btn-jump:hover{color:#fff;background:#c89b3c40}.solver-btn-guide{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0d;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.solver-btn-guide:hover{color:var(--text-primary);background:#ffffff17}.attunement-roadmaps-container{flex-direction:column;gap:36px;display:flex}.attunement-group-section{flex-direction:column;gap:18px;display:flex}.attunement-group-header{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:6px;display:flex}.group-header-icon-wrap{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.group-header-icon-wrap.theme-raid{color:#ff7675;background:#e74c3c26;border:1px solid #e74c3c59}.group-header-icon-wrap.theme-dungeon{color:#69b4ff;background:#69b4ff26;border:1px solid #69b4ff59}.group-header-icon-wrap.theme-milestone{color:#c77dff;background:#c77dff26;border:1px solid #c77dff59}.group-header-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.25rem;font-weight:700}.group-header-count{color:var(--text-secondary);background:#ffffff14;border-radius:10px;padding:1px 7px;font-size:.72rem;font-weight:600}.group-header-desc{color:var(--text-muted);margin-left:auto;font-size:.8rem}.attunement-group-cards{flex-direction:column;gap:20px;display:flex}.attunement-roadmap-card{border:1px solid var(--border-subtle);background:#121622d1;border-radius:10px;transition:all .2s;position:relative;overflow:hidden}.attunement-roadmap-card.theme-raid{border-left:3px solid #ff7675}.attunement-roadmap-card.theme-dungeon{border-left:3px solid #69b4ff}.attunement-roadmap-card.theme-milestone{border-left:3px solid #c77dff}.attunement-roadmap-card:hover{background:#161b28e6;border-color:#c89b3c59}.roadmap-card-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 22px;display:flex}.roadmap-identity-col{flex-direction:column;flex:1;gap:8px;display:flex}.roadmap-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.roadmap-category-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.roadmap-category-badge.category-raid{color:#ff7675;background:#e74c3c26;border:1px solid #e74c3c59}.roadmap-category-badge.category-dungeon{color:#69b4ff;background:#69b4ff26;border:1px solid #69b4ff59}.roadmap-category-badge.category-milestone{color:#c77dff;background:#c77dff26;border:1px solid #c77dff59}.roadmap-level-pill{border:1px solid var(--border-subtle);color:var(--color-gold);background:#ffffff0f;border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:700}.roadmap-faction-pill{border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:600}.roadmap-faction-pill.faction-alliance{color:#4da3ff;background:#0078d71f;border:1px solid #0078d74d}.roadmap-faction-pill.faction-horde{color:#ff6b6b;background:#d728281f;border:1px solid #d728284d}.roadmap-faction-pill.faction-both{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0f}.roadmap-chain-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.38rem;font-weight:700}.roadmap-chain-title a{color:#fff;text-decoration:none;transition:color .15s}.roadmap-chain-title a:hover{color:var(--color-gold)}.roadmap-target-callout{align-items:center;gap:6px;font-size:.82rem;display:flex}.roadmap-target-callout .target-label{color:var(--text-muted);font-weight:600}.roadmap-target-callout .target-link{color:var(--color-gold);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.roadmap-chain-summary{color:var(--text-secondary);margin:2px 0 6px;font-size:.84rem;line-height:1.5}.roadmap-meta-pills-row{flex-wrap:wrap;align-items:center;gap:10px;font-size:.76rem;display:flex}.roadmap-meta-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff0a;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.roadmap-meta-pill.reward-pill{color:var(--color-gold);background:#c89b3c14;border-color:#c89b3c40}.roadmap-actions-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.btn-roadmap-view-guide{border:1px solid var(--border-runic-gold);color:#fff;white-space:nowrap;background:#c89b3c29;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-roadmap-view-guide:hover{background:#c89b3c47;box-shadow:0 0 12px #c89b3c40}.btn-roadmap-companion,.roadmap-btn-companion{border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-sans);white-space:nowrap;background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-roadmap-companion:hover,.roadmap-btn-companion:hover{color:#fff;background:#c89b3c26;border-color:#c89b3c66}.btn-roadmap-companion svg,.roadmap-btn-companion svg{color:var(--gold-soft)}.btn-roadmap-toggle,.roadmap-btn-toggle{border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff08;border-radius:6px;outline:none;justify-content:center;align-items:center;gap:6px;padding:5px 11px;font-size:.74rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-roadmap-toggle:hover,.roadmap-btn-toggle:hover{color:var(--text-primary);background:#ffffff12;border-color:#ffffff2e}.btn-roadmap-toggle:focus-visible,.roadmap-btn-toggle:focus-visible{outline:2px solid var(--gold-line);outline-offset:1px}.roadmap-progression-body,.roadmap-timeline-section{border-top:1px solid var(--border-subtle);background:#0a0d14bf;padding:20px 24px 28px}.roadmap-timeline-intro,.timeline-track-intro{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:3px;margin-bottom:20px;padding-bottom:12px;display:flex}.timeline-intro-label,.timeline-intro-tag{letter-spacing:.08em;color:var(--color-gold);text-transform:uppercase;font-size:.7rem;font-weight:700}.timeline-intro-sub{color:var(--text-muted);font-size:.76rem}.roadmap-timeline-track{flex-direction:column;display:flex;position:relative}.timeline-node{align-items:stretch;gap:16px;display:flex;position:relative}.node-marker-wrap{flex-direction:column;flex-shrink:0;align-items:center;width:32px;display:flex}.node-marker{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.72rem;font-weight:700;display:flex;box-shadow:0 0 8px #00000080}.marker-start{border:1.5px solid var(--border-runic-gold);color:var(--color-gold);background:#c89b3c26}.marker-step{color:var(--text-primary);background:#161c2af2;border:1.5px solid #ffffff2e}.marker-complete{color:#2ecc71;background:#2ecc7133;border:1.5px solid #2ecc71;box-shadow:0 0 10px #2ecc714d}.timeline-line{background:#ffffff14;flex-grow:1;width:2px;min-height:20px;margin:4px 0}.node-card{border-radius:8px;flex-direction:column;flex:1;gap:8px;margin-bottom:14px;padding:12px 16px;transition:all .2s;display:flex}.card-start{background:#c89b3c0d;border:1px solid #c89b3c33}.card-start .node-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.node-step-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-gold);font-size:.68rem;font-weight:700}.node-level-tag{color:var(--text-muted);font-size:.7rem;font-weight:600}.node-start-details{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:16px;font-size:.8rem;display:flex}.node-start-details a,.node-npc-details a{text-decoration:none;transition:color .15s;color:var(--gold-soft)!important}.node-start-details a:hover,.node-npc-details a:hover{color:var(--gold-ink)!important;text-decoration:underline!important}.card-step{border:1px solid var(--border-subtle);background:#ffffff08}.card-step:hover{background:#ffffff0d;border-color:#c89b3c40}.node-step-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.node-title-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.node-step-badge{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;font-size:.68rem;font-weight:700}.node-quest-title{color:#fff;margin:0;font-size:.95rem;font-weight:700}.node-quest-title a{color:#fff;text-decoration:none;transition:color .15s}.node-quest-title a:hover{color:var(--color-gold)}.node-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 6px;font-size:.66rem;font-weight:600}.pill-elite{color:#f96;background:#ff996626;border:1px solid #ff996659}.pill-dungeon{color:#69b4ff;background:#69b4ff26;border:1px solid #69b4ff59}.node-meta-badges{align-items:center;gap:8px;display:flex}.node-req-level{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:600}.node-loc-pill{color:var(--text-secondary);border:1px solid var(--border-subtle);text-transform:capitalize;background:#ffffff0a;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:.72rem;text-decoration:none;display:inline-flex}.node-objective-text{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.45}.node-dependency-notice{color:var(--text-muted);border-left:2px solid var(--border-runic-gold);background:#0003;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:.74rem;display:flex}.node-footer-details{color:var(--text-muted);border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:6px;font-size:.76rem;display:flex}.node-npc-details{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.node-npc-details .npc-sep{opacity:.4}.coord-text{color:var(--text-muted);background:#ffffff0a;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.7rem}.node-reward-details{align-items:center;gap:10px;margin-left:auto;display:flex}.node-xp-badge{color:var(--color-gold);font-size:.72rem;font-weight:600}.node-view-quest-link{color:var(--color-gold);align-items:center;gap:4px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.card-complete{background:#2ecc7114;border:1px solid #2ecc714d}.node-complete-inner{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.node-complete-icon-wrap{background:#c89b3c26;border:1px solid #c89b3c59;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.node-complete-text{flex:1;min-width:200px}.node-complete-title{font-family:var(--font-sans);color:#2ecc71;letter-spacing:.04em;margin-bottom:2px;font-size:.88rem;font-weight:700}.node-complete-sub{color:var(--text-secondary);font-size:.78rem}.btn-unlock-target{color:#fff;white-space:nowrap;background:#2ecc7129;border:1px solid #2ecc7166;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-unlock-target:hover{background:#2ecc7147;box-shadow:0 0 12px #2ecc7140}@media (max-width:1024px){.solver-breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.solver-header-row{flex-direction:column;align-items:stretch}.solver-selector-wrap{justify-content:space-between}.solver-breakdown-grid{grid-template-columns:1fr}.solver-footer-actions{flex-direction:column;align-items:stretch}.solver-buttons-group{justify-content:flex-end}.roadmap-card-header{flex-direction:column;gap:16px;padding:16px}.roadmap-actions-col{border-top:1px solid #ffffff0d;flex-flow:wrap;justify-content:space-between;align-items:stretch;width:100%;padding-top:12px}.btn-roadmap-view-guide,.btn-roadmap-companion,.roadmap-btn-companion{-webkit-tap-highlight-color:transparent;flex:1;justify-content:center;min-height:44px}.btn-roadmap-toggle,.roadmap-btn-toggle{-webkit-tap-highlight-color:transparent;justify-content:center;width:100%;min-height:44px}.roadmap-progression-body,.roadmap-timeline-section{padding:16px 14px 20px}.timeline-node{gap:10px}.node-marker-wrap{width:24px}.node-marker{width:24px;height:24px;font-size:.65rem}.node-card{padding:10px 12px}.node-step-header{flex-direction:column;align-items:flex-start;gap:6px}.node-footer-details{flex-direction:column;align-items:flex-start;gap:8px}.node-reward-details{justify-content:space-between;width:100%;margin-left:0}.node-complete-inner{flex-direction:column;align-items:stretch}.btn-unlock-target{justify-content:center}}