.gear-planner-container{max-width:1050px;margin:0 auto;padding:1rem .75rem 2.5rem}.gear-planner-header{margin-bottom:1.25rem}.gear-planner-title{color:var(--text);margin:.5rem 0 .25rem;font-size:1.5rem;font-weight:700}.gear-planner-subtitle{color:var(--text-muted);margin:0;font-size:.9375rem}.gear-nav-tabs{border-bottom:1px solid var(--tab-border);flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem;padding-bottom:.5rem;display:flex}.gear-nav-tab{color:var(--text-muted);background:var(--surface);border:1px solid var(--line);border-radius:4px;align-items:center;gap:.375rem;padding:.4rem .85rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.gear-nav-tab:hover{color:var(--text);border-color:var(--accent)}.gear-nav-tab.active{color:var(--text);background:var(--surface-2);border-color:var(--accent);box-shadow:0 1px 3px #0003}.character-bar{background:var(--surface);border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;display:flex}.char-bar-group{align-items:center;gap:.5rem;display:flex}.char-label{color:var(--text-muted);font-size:.875rem;font-weight:600}.char-select,.char-input{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:.35rem .6rem;font-size:.875rem}.char-select:focus,.char-input:focus{border-color:var(--accent);outline:none}.char-spec-toggle{border:1px solid var(--line);border-radius:4px;display:inline-flex;overflow:hidden}@media (width<=600px){.char-spec-toggle{width:100%;display:flex}.char-spec-toggle .spec-btn{text-align:center;flex:auto;padding:.35rem .4rem;font-size:.75rem}}.spec-btn{background:var(--surface-2);color:var(--text-muted);cursor:pointer;border:none;padding:.3rem .65rem;font-size:.8125rem;font-weight:600}.spec-btn.active{background:var(--primary);color:#fff}.planner-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}@media (width>=900px){.planner-grid{grid-template-columns:520px minmax(0,1fr)}}.planner-left-col,.planner-right-col{min-width:0}.gear-panel{background:var(--surface);border:1px solid var(--line);border-radius:4px;min-width:0;overflow:hidden}.gear-panel-header{background:var(--card-header-bg);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.gear-panel-title{color:#fff;margin:0;font-size:.9375rem;font-weight:700}.gear-panel-body{padding:1rem}.gear-doll-container{flex-direction:column;align-items:center;display:flex}.doll-stage{background:radial-gradient(circle,#00000040 0%,#0000 70%);border-radius:50%;width:320px;height:380px;margin:0 auto;position:relative}.doll-slot{background:var(--surface-2);border:1.5px solid var(--line);cursor:pointer;user-select:none;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .1s,border-color .15s;display:flex;position:absolute}.doll-slot:hover{border-color:var(--accent);transform:scale(1.06)}.doll-slot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.doll-slot-icon{object-fit:cover;border-radius:2px;width:100%;height:100%}.doll-slot-empty{color:var(--text-muted);text-align:center;padding:2px;font-size:.6875rem;font-weight:700;line-height:1.1}.doll-slot-enh{color:var(--gold);border:1px solid var(--gold);background:#000000d9;border-radius:2px;padding:0 3px;font-size:.65rem;font-weight:800;line-height:1.2;position:absolute;bottom:-3px;right:-3px}.slot-helmet{top:15px;left:138px}.slot-armor{top:75px;left:138px}.slot-gloves{top:135px;left:60px}.slot-shoes{top:195px;left:60px}.slot-main_weapon{top:75px;left:60px}.slot-sub_weapon{top:75px;left:216px}.slot-awakening_weapon{top:135px;left:216px}.slot-necklace{top:195px;left:216px}.slot-ring1{top:255px;left:60px}.slot-ring2{top:255px;left:216px}.slot-earring1{top:315px;left:80px}.slot-earring2{top:315px;left:196px}.slot-belt{top:255px;left:138px}.slot-alchemy_stone{top:135px;left:138px}.slot-artifact1{top:195px;left:110px}.slot-artifact2{top:195px;left:166px}.slot-book{top:315px;left:20px}.slot-tool{top:315px;left:256px}.grade-border-white{border-color:var(--line)}.grade-border-green{border-color:var(--grade-green)}.grade-border-blue{border-color:var(--grade-blue)}.grade-border-yellow{border-color:var(--grade-yellow)}.grade-border-orange{border-color:var(--grade-orange)}.grade-border-red{border-color:var(--spirit)}.gear-kpi-banner{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin:1.25rem 0 .75rem;display:grid}@media (width<=600px){.gear-kpi-banner{grid-template-columns:repeat(2,1fr)}}.kpi-chip{background:var(--surface-2);border:1px solid var(--line);text-align:center;border-radius:4px;padding:.5rem .25rem}.kpi-chip-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.kpi-chip-val{color:var(--text);margin-top:.15rem;font-size:1.25rem;font-weight:800}.kpi-chip-val.score-na{color:var(--text-muted);font-size:.8125rem;font-weight:600}.kpi-silver-row{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.silver-label{color:var(--text-muted);font-weight:600}.silver-amount{color:var(--gold);font-weight:800}.action-buttons-row{flex-wrap:wrap;gap:.4rem;width:100%;margin-bottom:.75rem;display:flex}.gear-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.gear-btn:hover{border-color:var(--accent);color:var(--accent-hover)}.gear-btn.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.gear-btn.btn-primary:hover{filter:brightness(.9)}.gear-btn:disabled{opacity:.5;cursor:not-allowed}.build-manager-card{background:var(--surface);border:1px solid var(--line);border-radius:4px;width:100%;padding:.75rem}.build-tabs-list{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.6rem;display:flex}.build-pill{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--line);cursor:pointer;user-select:none;border-radius:3px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.8125rem;font-weight:600;display:inline-flex}.build-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.build-pill-input{background:var(--surface);color:var(--text);border:1px solid var(--accent);border-radius:3px;outline:none;width:120px;padding:.15rem .35rem;font-size:.8125rem;font-weight:600}.build-meta-inputs{flex-direction:column;gap:.4rem;display:flex}.stat-sheet-tabs{border-bottom:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:.25rem;max-width:100%;padding:.5rem .75rem 0;display:flex;overflow-x:auto}.stat-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:3px 3px 0 0;flex-shrink:0;padding:.35rem .75rem;font-size:.8125rem;font-weight:600}.stat-tab-btn.active{background:var(--surface);color:var(--text);border-color:var(--line)}.stat-group-title{color:var(--accent);border-bottom:1px dashed var(--line);margin-bottom:.4rem;padding:.5rem 0 .25rem;font-size:.875rem;font-weight:700}.stat-row{border-bottom:1px solid #00000026;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem;display:flex}.stat-row-name{color:var(--text-muted)}.stat-row-val{color:var(--text);font-weight:700}.stat-row-sub{color:var(--text-muted);margin-left:.25rem;font-size:.75rem}.data-gap-notice{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--gold);color:var(--text-muted);border-radius:4px;margin:.75rem 0;padding:.6rem .85rem;font-size:.8125rem;line-height:1.4}.data-gap-badge{background:var(--surface-2);border:1px solid var(--line);color:var(--gold);border-radius:3px;margin-bottom:.35rem;padding:.1rem .4rem;font-size:.75rem;font-weight:700;display:inline-block}.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--surface);border:1px solid var(--line);border-radius:4px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000080}.modal-header{background:var(--card-header-bg);color:#fff;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.modal-title{margin:0;font-size:1rem;font-weight:700}.modal-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem}.modal-filter-bar{border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.modal-item-list{flex:1;max-height:380px;padding:.5rem;overflow-y:auto}.picker-item-row{cursor:pointer;border:1px solid #0000;border-radius:3px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.picker-item-row:hover{background:var(--surface-2);border-color:var(--line)}.picker-item-row.selected{background:var(--surface-2);border-color:var(--accent)}.picker-item-left{align-items:center;gap:.5rem;display:flex}.picker-item-icon{border:1px solid var(--line);border-radius:2px;width:32px;height:32px}.picker-item-name{font-size:.875rem;font-weight:600}.modal-footer{background:var(--surface-2);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.gear-toast{background:var(--card-header-bg);color:#fff;border:1px solid var(--accent);z-index:2000;opacity:0;pointer-events:none;border-radius:4px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .25s;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 4px 12px #0006}.gear-toast.visible{opacity:1;transform:translateY(0)}.compare-container{flex-direction:column;gap:1.25rem;display:flex}.compare-selector-row{background:var(--surface);border:1px solid var(--line);border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:1rem;display:flex}.compare-table{border-collapse:collapse;width:100%;font-size:.875rem}.compare-table th{background:var(--card-header-bg);color:#fff;text-align:left;border:1px solid var(--line);padding:.5rem .75rem}.compare-table td{border:1px solid var(--line);padding:.5rem .75rem}.compare-table tr:nth-child(2n) td{background:#0000000d}.delta-badge{border-radius:3px;padding:.15rem .45rem;font-size:.8125rem;font-weight:700;display:inline-block}.delta-pos{color:var(--success);border:1px solid var(--success);background:#0003}.delta-neg{color:var(--spirit);border:1px solid var(--spirit);background:#0003}.delta-zero{color:var(--text-muted)}.upgrade-table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.upgrade-table{border-collapse:collapse;width:100%;font-size:.875rem}.upgrade-table th{background:var(--card-header-bg);color:#fff;text-align:left;border:1px solid var(--line);white-space:nowrap;padding:.5rem .75rem}.upgrade-table td{border:1px solid var(--line);padding:.5rem .75rem}.silver-per-ap-badge{border:1px solid var(--gold);color:var(--gold);background:#0003;border-radius:3px;padding:.2rem .5rem;font-size:.8125rem;font-weight:700;display:inline-block}.crystal-preset-card{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;margin-top:1rem;padding:.75rem}.crystal-preset-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.crystal-preset-title{color:var(--text);align-items:center;gap:.4rem;margin:0;font-size:.875rem;font-weight:700;display:flex}.crystal-count-badge{background:var(--surface);border:1px solid var(--line);color:var(--gold);border-radius:3px;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.crystal-slots-grid{grid-template-columns:repeat(8,1fr);gap:.35rem;display:grid}@media (width<=600px){.crystal-slots-grid{grid-template-columns:repeat(4,1fr)}}.crystal-slot-btn{aspect-ratio:1;background:var(--surface);border:1px dashed var(--line);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:100%;min-height:38px;padding:2px;transition:all .15s;display:flex;position:relative}.crystal-slot-btn:hover{border-color:var(--accent);background:var(--surface-2)}.crystal-slot-btn.equipped{border-style:solid}.crystal-slot-icon{object-fit:cover;border-radius:2px;width:100%;height:100%}.crystal-slot-empty{color:var(--text-muted);text-align:center;font-size:.625rem;font-weight:600}.crystal-warning-banner{background:var(--surface);border:1px solid var(--spirit);color:var(--spirit);border-radius:3px;margin-top:.5rem;padding:.4rem .6rem;font-size:.75rem;display:none}.crystal-item-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .6rem;transition:background .1s;display:flex}.crystal-item-row:hover{background:var(--surface-2)}.crystal-row-left{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.crystal-row-icon{object-fit:cover;border:1px solid var(--line);border-radius:3px;flex-shrink:0;width:36px;height:36px}.crystal-row-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600;overflow:hidden}.crystal-row-effects{color:var(--text-muted);margin-top:2px;font-size:.75rem}.crystal-group-pill{background:var(--surface);border:1px solid var(--line);color:var(--gold);white-space:nowrap;border-radius:2px;padding:.1rem .4rem;font-size:.6875rem}.treasure-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1rem;display:grid}.treasure-card{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;flex-direction:column;padding:.85rem;display:flex}.treasure-card-header{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.treasure-icon{object-fit:cover;border:1px solid var(--gold);border-radius:4px;width:44px;height:44px}.treasure-card-title{color:var(--text);margin:0;font-size:1rem;font-weight:700}.treasure-card-desc{color:var(--text-muted);margin:.2rem 0 0;font-size:.75rem}.treasure-pieces-list{flex-direction:column;flex:1;gap:.4rem;display:flex}.treasure-piece-row{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:3px;justify-content:space-between;align-items:center;padding:.4rem .5rem;transition:all .1s;display:flex}.treasure-piece-row.obtained{background:var(--surface-2);border-color:var(--success)}.treasure-piece-left{align-items:center;gap:.5rem;display:flex}.treasure-piece-icon{object-fit:cover;border-radius:2px;width:28px;height:28px}.treasure-piece-name{color:var(--text);font-size:.8125rem;font-weight:600}.treasure-piece-zone{color:var(--text-muted);font-size:.6875rem}.treasure-status-check{align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;display:flex}[data-theme=light] .crystal-preset-card{background:var(--surface);border-color:var(--line)}[data-theme=light] .crystal-slot-btn{background:var(--surface-2);border-color:var(--line)}[data-theme=light] .crystal-slot-empty{color:var(--text-muted)}[data-theme=light] .crystal-count-badge,[data-theme=light] .crystal-group-pill{background:var(--surface-2);border-color:var(--line);color:var(--gold)}[data-theme=light] .treasure-card{background:var(--surface);border-color:var(--line)}[data-theme=light] .treasure-piece-row{background:var(--surface-2);border-color:var(--line)}[data-theme=light] .treasure-piece-row.obtained{background:var(--surface-2);border-color:var(--success)}