.page-banner{background:linear-gradient(90deg,#b91c1c,#dc2626,#ef4444,#dc2626,#b91c1c);border-radius:4px;height:6px;margin-bottom:1.5rem}.breadcrumb{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text-primary)}.bc-sep{margin:0 .4rem}.page-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.25rem;font-weight:800}.page-desc{color:var(--text-secondary);max-width:700px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.view-tree-btn{background:var(--accent);color:#fff;border-radius:6px;align-items:center;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.view-tree-btn:hover{background:var(--accent-hover);color:#fff}.planner-header{margin-bottom:.75rem}.planner-label{color:#ffa94d;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.planner-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.planner-title-block{flex:1}.planner-game{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;display:block}.planner-name{font-size:1rem;font-weight:700;display:block}.planner-sub{color:var(--text-muted);font-size:.7rem;display:block}.planner-stat{text-align:center;border-left:1px solid var(--border);padding:0 1rem}.ps-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;display:block}.ps-val{color:var(--text-primary);font-size:1.1rem;font-weight:800;display:block}.ps-val.gold{color:#ffd43b}.search-row{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.search-icon-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.search-row .search-input{background:var(--bg-tertiary);border:1px solid var(--border);min-width:150px;color:var(--text-primary);border-radius:5px;flex:1;padding:.4rem .6rem;font-family:inherit;font-size:.8rem}.search-row .search-input:focus{border-color:var(--accent);outline:none}.mode-toggle{align-items:center;gap:.25rem;margin-left:.5rem;display:flex}.mode-label{color:var(--text-muted);text-transform:uppercase;margin-right:.25rem;font-size:.65rem;font-weight:600}.mode-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:.3rem .6rem;font-family:inherit;font-size:.7rem;font-weight:600}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.mode-btn:hover{border-color:var(--accent)}.tool-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:.3rem .7rem;font-family:inherit;font-size:.75rem;font-weight:500}.tool-btn:hover{border-color:var(--accent);color:var(--text-primary)}.planner-layout{align-items:flex-start;gap:1rem;display:flex}.rune-map-container{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex:1;overflow:hidden}.rune-map-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.rune-map-title{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.rune-map-count{color:var(--text-muted);font-size:.7rem}.rune-map{scrollbar-width:thin;scrollbar-color:var(--border) transparent;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:3px;max-height:500px;padding:.75rem;display:grid;overflow-y:auto}.rune-node{border:1px solid var(--border);background:var(--bg-tertiary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-family:inherit;transition:all .1s;display:flex;position:relative}.rune-node:hover{border-color:var(--accent);z-index:1;transform:scale(1.1)}.rune-node.selected{border-color:var(--accent);border-width:2px;box-shadow:0 0 8px #6c5ce766}.rune-node.leveled{border-color:#51cf66}.rune-node.maxed{border-color:#ffd43b}.rune-node-img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain}.rune-node-fallback{font-size:1rem}.rune-node-lv{background:var(--bg-primary);color:var(--text-muted);border-radius:2px;padding:0 3px;font-size:.5rem;font-weight:800;line-height:1.2;position:absolute;bottom:-1px;right:-1px}.rune-node.leveled .rune-node-lv{color:#51cf66}.rune-node.maxed .rune-node-lv{color:#ffd43b}.rune-detail-panel{background:var(--bg-card);border:1px solid var(--border);width:300px;top:calc(var(--topbar-height) + 1rem);border-radius:10px;flex-shrink:0;padding:1rem;position:sticky}.rd-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.rd-icon-box{background:var(--bg-tertiary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.rd-icon-box img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.rd-key{color:var(--text-muted);font-size:.6rem;display:block}.rd-name{font-size:.95rem;font-weight:700;display:block}.rd-level{color:#51cf66;font-size:.75rem;font-weight:600;display:block}.rd-costs{margin-bottom:.75rem}.rd-cost-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.3rem 0;font-size:.8rem;display:flex}.rd-cost-row span:first-child{color:var(--text-muted)}.rd-cost-row .gold{color:#ffd43b;font-weight:700}.rd-controls{gap:.35rem;margin-bottom:1rem;display:flex}.rd-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border-radius:5px;flex:1;padding:.4rem;font-family:inherit;font-size:.8rem;font-weight:600}.rd-btn:hover{border-color:var(--accent);color:var(--text-primary)}.rd-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.rd-section{margin-bottom:.75rem}.rd-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.7rem;font-weight:700}.rd-section p{color:var(--text-primary);font-size:.85rem}.rd-gains-header{justify-content:space-between;margin-bottom:.35rem;font-size:.85rem;font-weight:700;display:flex}.rd-gains-empty{color:var(--text-muted);font-size:.8rem;font-style:italic}.rd-gains-list{font-size:.8rem}.rd-gain-item{border-bottom:1px solid var(--border);justify-content:space-between;padding:.2rem 0;display:flex}@media (width<=900px){.planner-layout{flex-direction:column}.rune-detail-panel{width:100%;position:static}.planner-bar{flex-wrap:wrap}}