.build-planner-page{padding-top:1.5rem;padding-bottom:4rem}.build-planner-container{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.planner-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;flex-wrap:wrap;gap:1rem}.toolbar-info{display:flex;flex-direction:column;gap:.2rem}.toolbar-kicker{font-family:var(--font-caps);font-size:.8rem;letter-spacing:.1em;color:var(--accent);text-transform:uppercase;font-weight:700}.toolbar-hint{font-size:.85rem;color:var(--text-faint)}.actions-group{display:flex;align-items:center;gap:.75rem;position:relative}.game-btn{padding:.45rem 1.1rem;font-family:var(--font-caps);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all .15s}.game-btn--primary{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.game-btn--primary:hover{filter:brightness(1.15)}.game-btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.game-btn--secondary:hover{border-color:var(--danger);color:var(--danger)}.copy-toast{position:absolute;top:-2.25rem;right:0;background:var(--good);color:#0c1a2a;padding:.25rem .65rem;font-family:var(--font-caps);font-size:.75rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-sm);opacity:0;transform:translateY(6px);transition:all .2s;pointer-events:none}.copy-toast.visible{opacity:1;transform:translateY(0)}.attached-skills-bar{display:flex}.attached-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.attached-sigil{font-size:1.4rem;color:var(--accent)}.attached-meta{display:flex;flex-direction:column;flex:1}.attached-meta strong{font-family:var(--font-display);font-size:.95rem;color:var(--text)}.attached-meta span{font-size:.8rem;color:var(--text-faint)}.attached-edit-link{font-family:var(--font-caps);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-decoration:none;font-weight:600}.attached-edit-link:hover{text-decoration:underline}.planner-grid-layout{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:start}.gear-column,.totals-column{display:flex;flex-direction:column}.search-input-wrap{display:flex;width:100%}.column-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.column-header h2{font-family:var(--font-caps);font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0}.column-count{font-size:.85rem;color:var(--text-faint)}.column-line{flex:1;height:1px;background:var(--border)}.gear-slots-grid{display:flex;flex-direction:column;gap:.85rem}.gear-slots-loading{padding:2rem;text-align:center;color:var(--text-faint);font-style:italic}.slot-card{border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.15rem;background:var(--surface);transition:border-color .15s}.slot-card.is-equipped{border-color:var(--border-strong)}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.slot-label{font-family:var(--font-caps);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:600}.slot-remove-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:.9rem;padding:.2rem .4rem;transition:color .15s}.slot-remove-btn:hover{color:var(--danger)}.slot-empty-btn{width:100%;display:flex;align-items:center;gap:1rem;padding:.6rem .85rem;background:var(--surface-2);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.slot-empty-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}.slot-ph-icon{width:32px;height:32px;opacity:.6;object-fit:contain}.slot-ph-text{font-family:var(--font-caps);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.slot-body{display:flex;flex-direction:column;gap:.65rem}.slot-item-info{display:flex;align-items:center;gap:.85rem}.slot-icon-wrap{width:44px;height:44px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.slot-icon-wrap[data-rarity=common]{border-color:var(--rarity-common)}.slot-icon-wrap[data-rarity=uncommon]{border-color:var(--rarity-uncommon)}.slot-icon-wrap[data-rarity=rare]{border-color:var(--rarity-rare)}.slot-icon-wrap[data-rarity=epic]{border-color:var(--rarity-epic)}.slot-icon-wrap[data-rarity=legendary]{border-color:var(--rarity-legendary)}.slot-icon-wrap img{width:36px;height:36px;object-fit:contain}.slot-name-meta{display:flex;flex-direction:column;flex:1;min-width:0}.slot-item-name{font-family:var(--font-display);font-size:1rem;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-item-name:hover{text-decoration:underline}.slot-item-level{font-size:.75rem;color:var(--text-faint)}.slot-change-btn{padding:.3rem .7rem;font-family:var(--font-caps);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.slot-change-btn:hover{border-color:var(--accent);color:var(--accent)}.slot-rarity-chips{display:flex;gap:.4rem;flex-wrap:wrap;padding-top:.25rem}.rarity-chip{padding:.15rem .5rem;font-family:var(--font-caps);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;opacity:.7;transition:opacity .15s,border-color .15s}.rarity-chip:hover{opacity:1}.rarity-chip.active{opacity:1;border-color:currentColor;background:var(--surface);box-shadow:0 0 6px currentColor}.slot-perks-list{list-style:none;margin:0;padding:.4rem 0 0;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.3rem}.slot-perks-list li{display:flex;align-items:flex-start;gap:.4rem;font-size:.82rem;line-height:1.4}.perk-bullet{color:var(--accent);font-size:.75rem;line-height:1.4}.perk-label{color:var(--text)}.perk-label strong{color:var(--accent)}.totals-panel{padding:1.25rem}.totals-content{display:flex;flex-direction:column;gap:1.25rem}.totals-empty{color:var(--text-faint);font-style:italic;font-size:.85rem;line-height:1.5}.totals-group-title{font-family:var(--font-caps);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.totals-list{display:flex;flex-direction:column;gap:.45rem;margin:0}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;padding:.2rem 0}.total-label{color:var(--text-faint)}.total-val{color:var(--text);font-weight:600;margin:0}.item-picker-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#051421d9;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:1rem}.item-picker-modal.is-open{display:flex}.modal-dialog{width:100%;max-width:580px;max-height:85vh;display:flex;flex-direction:column;padding:1.25rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 12px 36px #000c}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-heading{font-family:var(--font-display);font-size:1.25rem;color:var(--text);margin:0}.modal-close-btn{background:none;border:none;color:var(--text-faint);font-size:1.2rem;cursor:pointer}.modal-close-btn:hover{color:#fff}.modal-controls{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.modal-search-input{width:100%;padding:.6rem .85rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;outline:none}.modal-search-input:focus{border-color:var(--accent)}.modal-chips-row{display:flex;gap:.4rem}.modal-chip{padding:.25rem .7rem;font-family:var(--font-caps);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--border);color:var(--text-faint);border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.modal-chip:hover{color:var(--text);border-color:var(--accent)}.modal-chip.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.modal-chip.chip--warrior.active{background:var(--flame);color:#fff;border-color:var(--flame)}.modal-chip.chip--ranger.active{background:var(--good);color:#0c1a2a;border-color:var(--good)}.modal-chip.chip--mage.active{background:var(--frost);color:#0c1a2a;border-color:var(--frost)}.picker-items-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.4rem;padding-right:.25rem}.picker-empty{padding:2rem;text-align:center;color:var(--text-faint);font-style:italic}.picker-item-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.picker-item-row:hover{border-color:var(--accent);background:var(--surface-3, #152738)}.picker-item-icon{width:36px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.picker-item-icon[data-rarity=common]{border-color:var(--rarity-common)}.picker-item-icon[data-rarity=uncommon]{border-color:var(--rarity-uncommon)}.picker-item-icon[data-rarity=rare]{border-color:var(--rarity-rare)}.picker-item-icon[data-rarity=epic]{border-color:var(--rarity-epic)}.picker-item-icon[data-rarity=legendary]{border-color:var(--rarity-legendary)}.picker-item-info{display:flex;flex-direction:column;flex:1;min-width:0}.picker-item-name{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-item-meta{font-size:.75rem;color:var(--text-faint)}.picker-select-btn{padding:.25rem .65rem;font-family:var(--font-caps);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;background:var(--surface);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.picker-item-row:hover .picker-select-btn{background:var(--accent);color:var(--bg)}@media(max-width:900px){.planner-grid-layout{grid-template-columns:1fr}}