.character-slot{display:none}.character-slot.active-tab{display:block}.party-builder{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2.5rem}.character-slot{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 16px var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.character-slot:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow)}.master-slot{border:2px solid var(--accent)}.assist-slot{border:2px solid var(--primary-color)}.two-column-layout{display:flex;gap:1.5rem}.character-column{flex:0 0 25%;min-width:280px;display:flex;flex-direction:column}.potentials-column{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.specific-potentials-section{display:flex;flex-wrap:wrap;gap:.625rem}.potential-section-title{width:100%;font-size:1.1rem;font-weight:700;color:var(--sky-blue);margin-bottom:.75rem;padding-bottom:8px;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=dark] .potential-section-title{color:var(--mint-green)}.potential-section-title:before{content:"";width:4px;height:20px;background:var(--sky-blue);border-radius:2px;box-shadow:0 2px 4px #6b9bd14d}[data-theme=dark] .potential-section-title:before{background:var(--mint-green);box-shadow:0 2px 4px #7ed7c14d}.specific-potentials-section .potential-card{flex:0 1 calc(25% - 8px);min-width:140px;max-width:200px}.other-potentials-section{display:flex;flex-direction:column;gap:.75rem}.slot-content{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;margin-bottom:1.5rem}.character-and-specific{display:flex;gap:1rem;align-items:flex-start}.character-section{flex-shrink:0;width:220px}.specific-potentials-row{display:flex;gap:.625rem;flex:1;min-width:0}.specific-potential-1,.specific-potential-2{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0;max-width:180px}.specific-cards-row{display:flex;flex-direction:row;gap:.5rem;flex-wrap:nowrap;min-width:0}.specific-cards-row .potential-card{flex:1;min-width:0;max-width:180px}.slot-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.slot-header h2{font-size:1.5rem;color:var(--text-primary)}.slot-header-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.character-level-phase-selector{display:flex;align-items:center;gap:.5rem;background:var(--surface);padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border)}.level-phase-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.level-phase-select{background:var(--background);color:var(--text-primary);border:1px solid var(--border);border-radius:.375rem;padding:.375rem .75rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.level-phase-select:hover{border-color:var(--primary-color);background:var(--surface)}.level-phase-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.character-score-display{background:var(--primary-color);padding:.5rem 1.25rem;border-radius:.5rem;font-size:1rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #6b9bd14d;display:flex;align-items:center;gap:.5rem;height:2.5rem}.character-score-display .score-label{font-size:.85rem;opacity:.9}.character-score-display .score-value{font-size:1.25rem;font-weight:800}.disc-score-banner{background:var(--surface);color:var(--text-primary);border:2px solid var(--border);padding:16px 24px;border-radius:10px;margin:0 0 20px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:8px}.disc-score-main{display:flex;justify-content:space-between;align-items:center}.disc-score-label{font-size:16px;font-weight:600;opacity:.95}.disc-score-value{font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.disc-score-breakdown{display:flex;justify-content:center;align-items:center;gap:12px;font-size:13px;opacity:.85;padding-top:4px;border-top:1px solid rgba(255,255,255,.2)}.disc-score-detail{font-weight:500}.disc-score-separator{opacity:.5}.position-badge{background:var(--primary-color);padding:.375rem 16px;border-radius:1.25rem;font-size:.85rem;font-weight:600}.character-card{background:var(--surface-light);border-radius:.75rem;padding:1.25rem;min-height:auto;display:flex;flex-direction:column;align-items:center;margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:2px solid var(--border);width:100%}[data-theme=dark] .character-card{background:#14141480}.character-card:hover{border-color:var(--sky-blue);border-width:3px;transform:translateY(-3px);box-shadow:0 0 0 3px #6b9bd11a,0 4px 12px #6b9bd133}.character-card:hover .empty-state{opacity:1}.character-card-image{width:7.5rem;height:7.5rem;object-fit:cover;border-radius:50%;border:3px solid var(--border);margin-bottom:1rem;flex-shrink:0}.empty-state{text-align:center;opacity:.6;transition:opacity .3s ease;width:100%;padding:40px 20px;pointer-events:none}.plus-icon{font-size:3rem;margin-bottom:.5rem;color:var(--primary-color)}.character-info{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.character-action-buttons{width:100%;display:flex;gap:.5rem;margin-bottom:.75rem}.change-character-btn,.remove-character-btn{flex:1;background:var(--primary-color);color:#fff;border:none;padding:.625rem 16px;border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 8px #6b9bd14d}.remove-character-btn{background:var(--danger)}.change-character-btn:hover,.remove-character-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary-medium)}.remove-character-btn:hover{box-shadow:0 4px 12px #ef444466}.change-character-btn:active,.remove-character-btn:active{transform:translateY(0)}.change-icon,.remove-icon{font-size:1.1rem;display:inline-block;transition:transform .3s ease}.change-character-btn:hover .change-icon{transform:rotate(180deg)}.remove-character-btn:hover .remove-icon{transform:scale(1.2)}.character-info-header{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:.5rem;width:100%}.character-name{font-size:1rem;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.character-info .character-level-phase-selector{width:100%;justify-content:center;margin-bottom:.75rem;background:var(--surface);padding:.5rem;border-radius:.375rem}.character-info .level-phase-label{font-size:.85rem}.character-info .level-phase-select{flex:1;max-width:100px;font-size:.85rem;padding:.25rem .5rem}.character-id{color:var(--text-secondary);font-size:.75rem;margin-bottom:10px}.character-stats-enhanced{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:12px;width:100%}.character-stats-enhanced .stat-card{background:var(--surface);padding:.5rem 10px;border-radius:.375rem;display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border)}.character-stats-enhanced .stat-content{display:flex;flex-direction:column;gap:2px}.character-stats-enhanced .stat-label{color:var(--text-primary);font-size:.75rem;font-weight:700;letter-spacing:.3px}.character-stats-enhanced .stat-value{color:var(--text-secondary);font-size:.8rem;font-weight:600}.element-icon-inline{width:14px;height:14px;object-fit:contain;display:inline-block;vertical-align:middle;margin:0 2px}.character-skills{margin-top:10px;width:100%}.skills-title{font-size:.85rem;font-weight:700;color:var(--sky-blue);margin-bottom:.5rem;border-bottom:2px solid var(--sky-blue);padding-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.skill-item{display:grid;grid-template-columns:3rem 1fr;grid-template-rows:auto auto auto;gap:.5rem .75rem;font-size:.75rem;padding:.75rem;background:var(--surface);border-radius:.5rem;margin-bottom:.5rem;border:1px solid var(--border);transition:all .2s ease}.skill-item:hover{border-color:var(--primary-color);background:var(--surface-light)}.skill-icon-wrapper{position:relative;width:3rem;height:3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;grid-row:1;grid-column:1}.skill-icon-bg{position:absolute;width:100%;height:100%;object-fit:contain;z-index:1}.skill-icon{position:relative;width:2rem;height:2rem;object-fit:contain;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.skill-info{display:contents}.skill-title{color:var(--primary-color);font-weight:600;font-size:.875rem;grid-row:1;grid-column:2;display:flex;align-items:center}.skill-desc{color:var(--text-primary);font-size:.8125rem;line-height:1.6;letter-spacing:.01em;grid-row:2;grid-column:1 / -1}.param-value{font-weight:700;color:var(--pastel-pink)}.param-no-level{color:var(--sky-blue);font-weight:700}.param-red{color:var(--danger);font-weight:700}.skill-header{display:flex;align-items:center;gap:.75rem;grid-row:3;grid-column:1 / -1}.skill-label{color:var(--sky-blue);font-weight:600;font-size:.75rem;background:var(--surface-light);padding:.25rem .5rem;border-radius:.25rem;white-space:nowrap;border:1px solid var(--border-light)}[data-theme=dark] .skill-label{background:#1e1e1e66}.skill-level-selector{display:flex;align-items:center;gap:.5rem;margin-left:auto}.skill-level-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;margin:0}.skill-level-controls{display:flex;align-items:center;gap:.375rem}.skill-level-input{width:3.125rem;height:1.75rem;text-align:center;border:1px solid var(--border);border-radius:.25rem;background:var(--background);color:var(--text-primary);font-size:.875rem;font-weight:500;padding:4px}.skill-level-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #a855f733}.potentials-wrapper{margin-top:16px}.description-toggle-wrapper{display:flex;align-items:center;gap:.75rem;margin-left:auto}.description-toggle-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.description-toggle{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1.25rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px var(--shadow);height:2.5rem;display:flex;align-items:center;gap:.5rem}[data-theme=dark] .description-toggle{background:var(--primary-color);color:#fff;border:none;box-shadow:0 2px 8px #6b9bd14d}.description-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}[data-theme=dark] .description-toggle:hover{box-shadow:0 4px 12px #6b9bd166}.description-toggle:active{transform:translateY(0)}.potential-category{margin-bottom:1.25rem}.potential-category-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:var(--sky-blue);display:flex;align-items:center;gap:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}[data-theme=dark] .potential-category-title{color:var(--mint-green)}.potential-category-title:before{content:"";width:4px;height:20px;background:var(--sky-blue);border-radius:2px;box-shadow:0 2px 4px #6b9bd14d}[data-theme=dark] .potential-category-title:before{background:var(--mint-green);box-shadow:0 2px 4px #7ed7c14d}.potential-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.625rem}.specific-grid{display:flex;flex-direction:column;gap:.625rem}.normal-common-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.625rem}.potential-level-selector{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--surface);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.potential-level-label{color:var(--text-secondary);font-size:.85rem;font-weight:600;text-align:center}.potential-level-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.level-btn{background:var(--primary-color);color:#fff;border:none;border-radius:.375rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .2s ease;user-select:none}.level-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.level-btn:active{transform:scale(.95)}.potential-level-input{width:3.5rem;height:2rem;text-align:center;border:2px solid var(--border-color);border-radius:.375rem;background:var(--background);color:var(--text-primary);font-size:1rem;font-weight:600;padding:0}.potential-level-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #a855f733}.potential-level-input::-webkit-outer-spin-button,.potential-level-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.potential-level-input[type=number]{-moz-appearance:textfield;appearance:textfield}.buff-metadata{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:10px;padding:.75rem;background:var(--surface-light);border-radius:.5rem;font-size:.8rem;border:1px solid var(--border-light)}[data-theme=dark] .buff-metadata{background:#1e1e1e66}.buff-meta-item{display:flex;align-items:center;gap:.375rem}.buff-meta-label{color:var(--text-secondary);font-weight:600;font-size:.75rem}.buff-meta-value{color:var(--accent);font-weight:700}.potential-card-details{display:grid;gap:.375rem}.potential-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.375rem .5rem;background:var(--surface-light);border-radius:.375rem;border:1px solid var(--border-light)}[data-theme=dark] .potential-detail-row{background:#1e1e1e66}.potential-detail-label{color:var(--text-secondary);font-weight:600;font-size:.75rem}.potential-detail-value{color:var(--text-primary);font-weight:600}@media (max-width: 1024px){html{font-size:15px}.potential-controls{flex-direction:column;align-items:stretch}.potential-type-toggle,.potential-level-control{min-width:100%}.potentials-display,.potential-group{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}.tab-navigation{flex-direction:column;gap:.5rem}.tab-button{padding:.75rem 16px}.tab-icon{font-size:1.2rem}.tab-label{font-size:.9rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-content{width:95vw;max-height:95vh}.character-card{flex-direction:column;text-align:center}.character-img{margin-right:0;margin-bottom:1rem}.specific-potentials-section .potential-card{flex:0 1 calc(50% - 8px)}.normal-common-grid{grid-template-columns:repeat(4,1fr)}.specific-grid{grid-template-columns:1fr}.compact-tab-navigation{flex-direction:column;align-items:stretch}.main-tabs-group{flex-direction:column;width:100%}.compact-main-tab{width:100%;justify-content:center}.position-tabs-inline{justify-content:center;width:100%;margin-left:0;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.compact-tab-label{font-size:.95rem}.position-tab-label{font-size:.85rem}.character-potentials-section{padding:1.25rem}.potential-controls{padding:1rem;gap:1rem}.potential-type-toggle{flex-direction:column}.potential-type-btn{font-size:.875rem;padding:.75rem 1.25rem}.potential-level-label{font-size:.875rem}.potential-level-display{font-size:1.125rem}.potentials-display,.potential-group{gap:1rem;grid-template-columns:1fr}}@media (max-width: 1200px){.compact-tab-navigation{padding:.75rem 16px;gap:.5rem}.position-tabs-inline{flex-wrap:wrap;gap:.375rem}.position-separator,.position-divider{display:none}.character-and-specific{flex-direction:column}.character-section,.specific-potentials-row{width:100%}.slot-content{grid-template-columns:1fr}.normal-common-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.two-column-layout{flex-direction:column}.character-column{flex:0 0 auto;width:100%;max-width:600px;margin:0 auto}.potentials-column{width:100%}.specific-potentials-section .potential-card{flex:0 1 calc(33.333% - 10px)}.potentials-display,.potential-group{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){html{font-size:13px}.specific-potentials-section .potential-card{flex:0 1 calc(50% - 8px)}.normal-common-grid{grid-template-columns:repeat(3,1fr)}.element-filters,.preset-filters{gap:.375rem}.element-filter-btn,.filter-btn{padding:.375rem .625rem;font-size:.75rem}}@media (max-width: 900px){.normal-common-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}.specific-potentials-section .potential-card,.other-potentials-section .potential-card{padding:.5rem}.specific-potentials-section .potential-card-header,.other-potentials-section .potential-card-header{padding:0}.specific-potentials-section .potential-card-image,.other-potentials-section .potential-card-image{width:100%;aspect-ratio:3 / 4;margin-bottom:.25rem;padding-top:0;border-bottom:none}.specific-potentials-section .potential-bg,.other-potentials-section .potential-bg{height:100%;width:100%;object-fit:cover}.specific-potentials-section .potential-icon,.other-potentials-section .potential-icon{width:70%;height:70%}.specific-potentials-section .potential-card-info,.other-potentials-section .potential-card-info{padding:.25rem}.specific-potentials-section .potential-card-name,.other-potentials-section .potential-card-name{font-size:.8rem;margin-bottom:.125rem}.specific-potentials-section .potential-card-meta,.other-potentials-section .potential-card-meta{font-size:.65rem;padding-bottom:.25rem}.specific-potentials-section .potential-card-body,.other-potentials-section .potential-card-body{padding:.25rem}.specific-potentials-section .potential-card-desc,.other-potentials-section .potential-card-desc{font-size:.8rem;padding:.5rem;min-height:auto;line-height:1.75}.specific-potentials-section .potential-level-selector,.other-potentials-section .potential-level-selector{padding:.375rem}.specific-potentials-section .potential-level-input,.other-potentials-section .potential-level-input{height:1.5rem;width:2.5rem;font-size:.85rem}#discs-container{width:100%;overflow:hidden}.discs-layout{position:relative;display:flex;gap:1rem;width:100%}.discs-main-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2rem}.disc-section{display:flex;flex-direction:column;gap:1.5rem}#discs-container .section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.section-icon{font-size:1.8rem}.disc-slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17.5rem,100%),1fr));gap:1.25rem;width:100%}.disc-slot-card{background:var(--surface);border-radius:.75rem;padding:1.25rem;border:2px solid var(--border);transition:all .3s ease;cursor:pointer}.disc-slot-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 .5rem 1.5rem var(--shadow)}.disc-slot-card.sub-disc:hover{border-color:var(--secondary-color)}.disc-slot-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.disc-slot-number{background:var(--primary-color);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.disc-slot-card.sub-disc .disc-slot-number{background:var(--secondary-color)}.disc-slot-name-group{display:flex;flex-direction:column;gap:.25rem;flex:1}.disc-name-with-element{display:flex;align-items:center;gap:.5rem}.disc-slot-name{font-weight:600;font-size:1rem;color:var(--text-primary)}.disc-slot-id{font-size:.7rem;color:var(--text-secondary);font-weight:400}.disc-element-icon{width:1.5rem;height:1.5rem;object-fit:contain;flex-shrink:0}.disc-element-name{font-size:.7rem;color:var(--text-secondary);font-weight:400}.disc-slot-preview{background:var(--surface-light);border-radius:.75rem;padding:2.5rem 1.25rem;margin-bottom:1rem;min-height:10rem;display:flex;align-items:center;justify-content:center}.disc-placeholder{text-align:center;opacity:.6}.disc-placeholder-icon{font-size:3rem;display:block;margin-bottom:.5rem}.disc-placeholder p{color:var(--text-secondary);font-size:.9rem}.disc-slot-stats{display:flex;flex-direction:column;gap:.5rem}.disc-stat-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:var(--surface-light);border-radius:.375rem;font-size:.85rem}.disc-stat-label{color:var(--text-secondary);font-weight:500}.disc-stat-value{color:var(--text-primary);font-weight:600}.disc-set-bonuses{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 1.25rem var(--shadow)}.disc-set-bonuses h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.disc-set-list{display:flex;flex-direction:column;gap:.75rem}.disc-set-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-light);border-radius:.625rem;border:2px solid var(--border)}.disc-set-name{font-weight:600;color:var(--text-primary)}.disc-set-count{color:var(--text-secondary);font-size:.9rem}#disc-modal .modal-content{padding:2rem;max-width:60rem;overflow:hidden}.disc-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;padding:1.5rem;max-height:calc(90vh - 320px);overflow-y:auto}.disc-option{background:var(--surface-light);border:2px solid var(--border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.disc-option:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 .5rem 1rem var(--shadow)}.disc-option.selected{border-color:var(--primary-color);background:#6b9bd11a;box-shadow:0 0 0 3px #6b9bd133}.disc-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.disc-option.disabled:hover{transform:none;box-shadow:none;border-color:var(--border)}.disc-option.has-required-notes{border-color:var(--secondary-color);background:#7ed7c114}.disc-option.has-required-notes:hover{border-color:var(--secondary-color);box-shadow:0 .5rem 1rem #7ed7c14d}.disc-disabled-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;border-radius:.5rem;display:flex;align-items:center;justify-content:center;z-index:10}.disc-disabled-text{color:#fff;font-size:.75rem;font-weight:700;background:#000c;padding:.375rem .75rem;border-radius:.375rem;text-align:center}.disc-option-image{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:.5rem;overflow:hidden}.disc-option-image img{width:100%;height:100%;object-fit:cover}.disc-option-info{width:100%;display:flex;flex-direction:column;gap:.25rem}.disc-option-name{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;word-break:keep-all}.disc-option-details{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.7rem}.disc-option-id{color:var(--text-secondary)}.disc-option-element-icon{width:1.25rem;height:1.25rem;object-fit:contain}.disc-option-element{color:var(--text-secondary);font-size:.7rem}.disc-option-notes{display:flex;justify-content:center;gap:.25rem;flex-wrap:wrap;margin-top:.25rem}.disc-note-preview-icon{width:1.5rem;height:1.5rem;object-fit:contain;opacity:.8;transition:all .3s ease}.disc-note-preview-icon img,.disc-note-preview-icon picture{width:100%;height:100%;object-fit:contain;display:block}.disc-note-preview-icon:hover{opacity:1}.disc-note-preview-icon.required-match{transform:scale(1.2);opacity:1;filter:brightness(1.1) drop-shadow(0 0 2px rgba(16,185,129,.5)) drop-shadow(0 0 4px rgba(16,185,129,.3));border:2px solid rgba(16,185,129,.6);border-radius:50%;background:#10b9811a;animation:requiredNotePulse 2s ease-in-out infinite}@keyframes requiredNotePulse{0%,to{filter:brightness(1.1) drop-shadow(0 0 2px rgba(16,185,129,.5)) drop-shadow(0 0 4px rgba(16,185,129,.3))}50%{filter:brightness(1.15) drop-shadow(0 0 3px rgba(16,185,129,.6)) drop-shadow(0 0 6px rgba(16,185,129,.4))}}.rarity-ssr{border:4px solid #667eea!important;box-shadow:0 0 16px #667eeacc,0 0 24px #764ba299,inset 0 0 20px #f093fb33!important;animation:rainbow-border 3s linear infinite}@keyframes rainbow-border{0%{border-color:#667eea;box-shadow:0 0 16px #667eeacc,0 0 24px #764ba299,inset 0 0 20px #f093fb33}25%{border-color:#764ba2;box-shadow:0 0 16px #764ba2cc,0 0 24px #f093fb99,inset 0 0 20px #4facfe33}50%{border-color:#f093fb;box-shadow:0 0 16px #f093fbcc,0 0 24px #4facfe99,inset 0 0 20px #667eea33}75%{border-color:#4facfe;box-shadow:0 0 16px #4facfecc,0 0 24px #667eea99,inset 0 0 20px #764ba233}to{border-color:#667eea;box-shadow:0 0 16px #667eeacc,0 0 24px #764ba299,inset 0 0 20px #f093fb33}}.rarity-sr{border:4px solid #fbbf24!important;box-shadow:0 0 16px #fbbf24e6,0 0 24px #fbbf2499,inset 0 0 12px #fbbf2433!important}.rarity-r{border:4px solid #38bdf8!important;box-shadow:0 0 16px #38bdf8cc,0 0 24px #38bdf880,inset 0 0 12px #38bdf833!important}.rarity-m{border:4px solid #86efac!important;box-shadow:0 0 12px #86efac99!important}.rarity-n{border:4px solid #9ca3af!important}.disc-slot-card.filled{border-color:var(--primary-color)}.disc-slot-card.sub-disc.filled{border-color:var(--secondary-color)}.disc-slot-card.filled .disc-slot-preview{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.disc-slot-card.main-disc{border-left:4px solid var(--primary-color)}.disc-slot-card.sub-disc{border-left:4px solid var(--secondary-color)}.limit-break-control{width:100%;padding:.75rem;background:var(--surface-light);border-radius:.5rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.limit-break-control>.limit-break-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.limit-break-control>.limit-break-selector{display:flex;align-items:center;gap:.75rem}.exceed-icons-display{flex:1 1 100%;display:flex;gap:.125rem;align-items:center;justify-content:flex-start;padding-top:.5rem}.exceed-icon{width:1.5rem;height:1.5rem;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.limit-break-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.limit-break-selector{display:flex;align-items:center;gap:.75rem}.lb-btn{width:2rem;height:2rem;border-radius:.375rem;background:var(--primary-color);color:#fff;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.lb-btn:hover:not(:disabled){background:var(--secondary-color);transform:scale(1.1)}.lb-btn:disabled{background:var(--border);cursor:not-allowed;opacity:.5}.lb-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);min-width:1.5rem;text-align:center}.note-requirements-section{margin-top:.75rem;padding:.75rem;background:var(--surface-light);border-radius:.625rem;border-left:4px solid var(--secondary-color)}.note-requirements-header{font-weight:600;font-size:.875rem;color:var(--text);margin-bottom:.625rem;display:flex;align-items:center;gap:.375rem}.note-requirements-grid{display:flex;flex-wrap:wrap;gap:.5rem}.required-note-item{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:var(--background);border-radius:.375rem;border:1px solid var(--border);transition:all .2s}.required-note-item:hover{border-color:var(--secondary-color);background:var(--surface)}.required-note-icon{width:1.25rem;height:1.25rem;object-fit:contain;flex-shrink:0}.required-note-name{font-size:.75rem;color:var(--text);font-weight:500;white-space:nowrap}.disc-card-notes-section{margin-top:.75rem;padding:.75rem;background:var(--surface-light);border-radius:.625rem;border-left:4px solid #ec4899}.disc-card-notes-header{font-weight:600;font-size:.875rem;color:var(--text);margin-bottom:.625rem;display:flex;align-items:center;gap:.375rem}.disc-card-notes-grid{display:flex;flex-direction:column;gap:.5rem}.disc-card-note-item{display:flex;align-items:center;gap:.625rem;padding:.5rem;background:var(--background);border-radius:.5rem;transition:background .2s}.disc-card-note-item:hover{background:var(--surface)}.disc-card-note-icon{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.disc-card-note-info{display:flex;align-items:center;justify-content:space-between;flex:1;gap:.5rem}.disc-card-note-name{font-size:.875rem;color:var(--text);font-weight:500}.disc-card-note-count{font-size:.875rem;font-weight:600;color:#ec4899;padding:.125rem .5rem;background:#ec48991a;border-radius:.375rem}.disc-skills-section{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.disc-skill-item{background:var(--surface-light);border-radius:.625rem;padding:1rem;border-left:4px solid var(--border);display:flex;gap:1rem;align-items:flex-start}.disc-skill-item.main-skill{border-left-color:#f59e0b}.disc-skill-item.secondary-skill{border-left-color:#8b5cf6}.disc-skill-item.inactive{opacity:.6;border-left-color:var(--border)}.skill-icon-container{position:relative;width:4rem;height:4rem;flex-shrink:0}.skill-icon-bg,.skill-icon{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.skill-content{flex:1;min-width:0}.skill-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.skill-badge{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.skill-badge.main{background:var(--peach);color:#fff}.skill-badge.secondary{background:var(--lavender);color:#fff}.skill-badge.inactive{background:var(--border);color:var(--text-secondary)}.skill-level-badge{padding:.25rem .5rem;border-radius:.375rem;font-size:.6875rem;font-weight:700;background:var(--surface-light);border:1px solid var(--border);color:var(--text-primary)}.skill-level-badge.secondary-level{background:#c5b8e026;border-color:var(--lavender);color:var(--lavender)}.skill-level-badge.inactive{background:var(--surface-light);border-color:var(--border);color:var(--text-secondary)}.skill-name{font-size:.9rem;font-weight:600;color:var(--text-primary);flex:1}.skill-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.5rem}.skill-desc .param-value{color:#ec6d21;font-weight:700}.skill-desc .param-no-level{color:#10b981}.skill-desc .param-red{color:#ef4444}.skill-params{font-size:.8rem;color:var(--primary-color);font-weight:600;padding:.5rem;background:#6366f11a;border-radius:.375rem}.disc-icon-container{position:relative;width:8rem;height:8rem;cursor:pointer;border-radius:.75rem;overflow:hidden;background:var(--surface);border:2px solid var(--border);transition:all .3s ease}.disc-icon-container:hover{transform:scale(1.05);border-color:var(--primary-color);box-shadow:0 .5rem 1.5rem var(--shadow)}.disc-icon-container:hover .disc-icon-overlay{opacity:1}.disc-icon{width:100%;height:100%;object-fit:contain;padding:.5rem}.disc-icon-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.zoom-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.disc-action-buttons{display:flex;gap:.5rem;margin-top:.5rem}.change-disc-btn{flex:1;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.change-disc-btn:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.remove-disc-btn{flex:1;padding:.5rem 1rem;background:var(--danger);color:#fff;border:none;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.remove-disc-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 8px #dc262666}#disc-image-viewer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:2000;align-items:center;justify-content:center;padding:2rem;cursor:pointer}.image-viewer-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:default}.image-viewer-content .close-btn{position:absolute;top:-3rem;right:0;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:2rem;width:3rem;height:3rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.image-viewer-content .close-btn:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}#viewer-image{max-width:100%;max-height:calc(90vh - 4rem);object-fit:contain;border-radius:1rem;box-shadow:0 1rem 3rem #00000080}.viewer-title{background:#ffffff1a;backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:.5rem;color:#fff;font-size:1.2rem;font-weight:600;text-align:center}#disc-image-viewer:not(.image-viewer-content){cursor:pointer}.disc-slot-card .disc-image{width:100%;height:100%;object-fit:cover;border-radius:.5rem}@media (max-width: 48rem){.disc-selector-grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}#disc-modal .modal-content{padding:1.5rem}}.notes-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0000004d;z-index:899;opacity:0;pointer-events:none;transition:opacity .3s ease}.notes-sidebar-overlay.active{opacity:1;pointer-events:auto}.notes-sidebar{position:fixed;top:0;right:0;width:440px;height:100vh;background:var(--surface);border-left:1px solid var(--border);box-shadow:-4px 0 24px #00000026;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:900;display:flex;flex-direction:column}.notes-sidebar.open{transform:translate(0)}.notes-sidebar-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.notes-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.notes-sidebar-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin:0}.notes-sidebar-close{background:var(--surface-light);border:none;border-radius:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:1.25rem;transition:all .2s}.notes-sidebar-close:hover{background:var(--border);color:var(--text-primary)}.notes-sidebar-toggle{position:fixed;top:50%;right:1rem;transform:translateY(-50%);background:var(--primary-color);border:none;border-radius:1rem;padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:800;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:600}.notes-sidebar-toggle:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 6px 16px #0000004d}.notes-sidebar-toggle.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(100px)}[data-theme=dark] .notes-sidebar-toggle{color:#fff}.toggle-icon{font-size:1.5rem}.toggle-text{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.toggle-badge{position:absolute;top:-.25rem;right:-.25rem;background:#ef4444;color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--surface)}.disc-notes-section{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.notes-sidebar .disc-notes-info{background:var(--surface-light);border:1px solid var(--border);border-radius:.5rem;padding:.75rem}.notes-sidebar .notes-explanation{margin:0;color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.notes-sidebar .disc-notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.notes-section-header{font-weight:700;font-size:.875rem;padding:.5rem .75rem;margin-top:.75rem;margin-bottom:.5rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;grid-column:1 / -1}.notes-section-header.used{background:#7ed7c126;color:var(--mint-green);border-left:4px solid var(--secondary-color)}.notes-section-header.unused{background:var(--surface-light);color:var(--text-secondary);border-left:4px solid var(--border)}.notes-section-header:first-child{margin-top:0}.notes-sidebar .disc-note-card{display:flex;flex-direction:column;gap:.25rem}.notes-sidebar .disc-note-card.used-note{border-left-color:#10b981}.notes-sidebar .disc-note-card.unused-note{opacity:.7}.notes-sidebar .disc-note-card{background:var(--card-bg);border:1px solid var(--border);border-radius:.375rem;padding:.375rem;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem}.notes-sidebar .disc-note-card:hover{border-color:var(--secondary-color);box-shadow:0 .125rem .375rem var(--shadow)}.notes-sidebar .note-header{gap:.25rem;margin-bottom:0}.notes-sidebar .note-icon{width:1.5rem;height:1.5rem}.notes-sidebar .note-title h4{font-size:.6875rem;margin:0;line-height:1.2}.notes-sidebar .note-levels{gap:.125rem;padding:.25rem;margin:0}.notes-sidebar .note-level-row{padding:.125rem .25rem;gap:.125rem;font-size:.625rem}.notes-sidebar .note-level-row.total{padding-top:.125rem;margin-top:.125rem}.notes-sidebar .note-level-label{font-size:.625rem}.notes-sidebar .note-level-value{font-size:.625rem;font-weight:600}.notes-sidebar .note-controls{padding:.25rem;gap:.25rem}.notes-sidebar .note-adjust-btn{width:1.375rem;height:1.375rem;font-size:.6875rem;border-radius:.25rem}.notes-sidebar .note-input{height:1.375rem;font-size:.6875rem;padding:.125rem .25rem;min-width:2rem}.notes-sidebar .note-effect{padding:.25rem;margin:0}.notes-sidebar .note-desc{font-size:.5625rem;line-height:1.15}.disc-note-card{background:var(--card-bg);border:2px solid var(--border);border-radius:.5rem;padding:.75rem;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;min-width:6.5rem;flex:0 0 calc((100% - 3.5rem) / 7);max-width:8rem}.disc-note-card:nth-child(n+8){flex:0 0 calc((100% - 3rem) / 6)}.disc-note-card:hover{border-color:var(--primary-color);box-shadow:0 .25rem .75rem var(--shadow);transform:translateY(-2px)}.note-header{display:flex;flex-direction:column;align-items:center;gap:.25rem}.note-icon{width:2rem;height:2rem;object-fit:contain;flex-shrink:0}.note-title h4{margin:0;font-size:.75rem;font-weight:700;color:var(--text-primary);text-align:center;line-height:1.2}.note-brief{display:none}.note-levels{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--bg-secondary);border-radius:.25rem}.note-level-row{display:flex;flex-direction:column;align-items:center;font-size:.7rem;gap:.125rem}.note-level-row.total{padding-top:.25rem;border-top:1px solid var(--border);font-weight:600;margin-top:.25rem}.note-level-label{color:var(--text-secondary);font-weight:500;font-size:.65rem;white-space:nowrap}.note-level-value{font-weight:600;color:var(--text-primary);padding:.125rem .375rem;background:var(--card-bg);border-radius:.25rem;font-size:.7rem}.note-level-value.from-discs{color:var(--secondary-color)}.note-level-value.acquired{color:var(--primary-color)}.note-level-value.total-level{color:#10b981;font-size:.75rem;font-weight:700}.note-level-control{display:flex;align-items:center;gap:.25rem;justify-content:center}.note-level-input{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:.25rem;width:2.5rem;height:1.25rem;text-align:center;font-size:.7rem;font-weight:600;padding:0 .25rem;font-family:inherit}.note-level-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary)}.note-level-input::-webkit-inner-spin-button,.note-level-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.note-level-input[type=number]{-moz-appearance:textfield}.note-adjust-btn{background:var(--primary-color);color:#fff;border:none;border-radius:.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s ease;padding:0}.note-adjust-btn:hover{background:var(--primary-hover);transform:scale(1.1)}.note-adjust-btn:active{transform:scale(.95)}.note-effect{padding:.375rem;background:var(--bg-secondary);border-radius:.25rem;border-left:2px solid var(--secondary-color)}.note-effect.inactive{border-left-color:var(--border);opacity:.6}.note-desc{font-size:.65rem;color:var(--text-primary);line-height:1.3;text-align:center}.note-desc .param-value{color:#ec6d21;font-weight:700}.note-desc .param-no-level{color:#10b981}.note-desc .param-red{color:#ef4444}.no-notes{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}@media (max-width: 768px){.notes-sidebar{inset:auto 0 0;width:100%;height:70vh;max-height:600px;border-left:none;border-top:1px solid var(--border);border-radius:1rem 1rem 0 0;transform:translateY(100%)}.notes-sidebar.open{transform:translateY(0)}.notes-sidebar-toggle{top:auto;bottom:5rem;right:1rem;transform:none}.notes-sidebar-toggle:hover{transform:scale(1.05)}.notes-sidebar-toggle.hidden{transform:translateY(150px)}.discs-layout{flex-direction:column}.discs-main-content{width:100%}.notes-sidebar .disc-notes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 48rem){.disc-notes-grid{gap:.375rem}.disc-note-card{padding:.5rem;min-width:5.5rem;flex:1 1 auto;max-width:none}.disc-note-card:nth-child(n+8){flex:1 1 auto}.note-icon{width:1.5rem;height:1.5rem}.note-title h4{font-size:.65rem}}#summary-container{min-height:400px;width:100%;overflow:hidden}.summary-layout{display:flex;flex-direction:column;gap:1rem;width:100%}.summary-section{background:var(--surface);border-radius:.75rem;padding:1rem;box-shadow:0 .25rem 1.25rem var(--shadow)}.summary-section-title{font-size:1.25rem;color:var(--text-primary);margin-bottom:.875rem;padding-bottom:.5rem;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:.5rem}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1.25rem;width:100%}.summary-card{background:#ffffffb3;border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-soft);border:3px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}[data-theme=dark] .summary-card{background:#14141499}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.summary-card.master-summary{border-color:var(--mint-green);box-shadow:0 0 0 3px #7ed7c11f,var(--shadow-soft)}.summary-card.assist-summary{border-color:var(--sky-blue);box-shadow:0 0 0 3px #6b9bd11f,var(--shadow-soft)}.summary-card-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 14px;border-radius:1.25rem;font-size:.85rem;font-weight:700;width:fit-content}.master-badge{background:var(--peach);color:#fff}.assist-badge{background:var(--primary-color);color:#fff}.summary-card-body{min-height:12.5rem}.summary-character-preview{display:flex;flex-direction:column;gap:1rem}.summary-empty-state{text-align:center;padding:3.75rem 1.25rem;color:var(--text-secondary);opacity:.7}.summary-character-info{display:flex;flex-direction:column;gap:1rem}.summary-char-basic{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--surface-light);border-radius:.625rem}.summary-char-image{width:4rem;height:4rem;border-radius:50%;object-fit:cover;border:3px solid var(--border)}.summary-char-name-section{flex:1}.summary-char-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.summary-skills,.summary-potentials{background:#fff6;border-radius:.625rem;padding:1rem;border:2px solid var(--border-light);backdrop-filter:blur(4px)}[data-theme=dark] .summary-skills,[data-theme=dark] .summary-potentials{background:#1e1e1e4d}.potential-level-compact.skill-level{color:var(--lavender);background:#c5b8e026;border:1px solid rgba(197,184,224,.3);font-weight:700}.build-stats-panel{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:0 .25rem 1.25rem var(--shadow)}.build-stats-panel h3{font-size:1.3rem;margin-bottom:1.25rem;color:var(--text-primary)}.build-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1rem}.build-stat-card{background:var(--surface-light);border-radius:.75rem;padding:1.25rem;display:flex;align-items:center;gap:1rem;border:2px solid var(--border);transition:all .3s ease}.build-stat-card:hover{border-color:var(--primary-color);transform:scale(1.02)}.build-stat-icon{font-size:2.5rem}.build-stat-info{display:flex;flex-direction:column;gap:.25rem}.build-stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.build-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.build-notes-panel{background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:0 .25rem 1.25rem var(--shadow)}.build-notes-panel h3{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.build-notes-textarea{width:100%;min-height:7.5rem;padding:1rem;background:var(--surface-light);border:2px solid var(--border);border-radius:.625rem;color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease}.build-notes-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.build-notes-textarea::placeholder{color:var(--text-secondary);opacity:.6}.summary-section-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.summary-skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.summary-skill-card{background:var(--surface-light);padding:.5rem .75rem;border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border)}.skill-name-compact{font-size:.85rem;color:var(--text-primary);font-weight:500}.skill-level-compact{font-size:.85rem;color:var(--accent);font-weight:700}.summary-potential-item{display:flex;gap:.5rem;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:#fff9;border-radius:.5rem;margin-bottom:.5rem;border:2px solid var(--border);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px)}[data-theme=dark] .summary-potential-item{background:#1e1e1e66}.summary-potential-item:hover{background:#6b9bd114;border-color:var(--primary-color);transform:translate(4px)}.potential-info-compact{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.potential-name-compact{font-size:.85rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.potential-mark-badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.potential-mark-badge.essential{background:var(--danger)}.potential-mark-badge.recommended{background:var(--mint-green)}.potential-mark-badge.level-one{background:var(--lavender)}.potential-mark-badge.low-priority{background:#6b7280}.potential-level-compact{font-size:.85rem;color:var(--accent);font-weight:700;flex-shrink:0;margin-left:.5rem}.summary-discs{margin-top:1rem}.summary-disc-list{display:flex;flex-direction:column;gap:.5rem}.summary-disc-column{display:flex;flex-direction:column;gap:.75rem}.summary-disc-card{background:var(--surface-light);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;border-left:3px solid var(--primary-color);margin-bottom:.625rem;min-height:120px}.summary-disc-card.empty{opacity:.5;font-size:.85rem;color:var(--text-secondary);text-align:center;padding:1rem}.disc-card-icon-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.disc-card-icon{width:3rem;height:3rem;object-fit:contain;flex-shrink:0;border-radius:.375rem;border:2px solid var(--border);background:var(--surface);padding:.25rem}.disc-card-icon-placeholder{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--surface);border-radius:.375rem;border:2px solid var(--border);flex-shrink:0}.disc-card-info{flex:1;min-width:0}.disc-card-name{font-size:.9rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc-card-lb{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.disc-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.disc-slot-num{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--primary-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.disc-name-compact{font-size:.9rem;font-weight:600;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc-lb-compact{font-size:.75rem;color:var(--text-secondary);font-weight:500;flex-shrink:0}.disc-skills-compact{display:flex;flex-direction:column;gap:.25rem}.disc-skill-compact{font-size:.8rem;color:var(--text-primary);padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.disc-skill-compact.main{font-weight:600;color:var(--accent)}.skill-badge-mini{display:inline-block;padding:.125rem .375rem;background:var(--primary-color);color:#fff;border-radius:.25rem;font-size:.7rem;font-weight:700}.disc-skill-compact.main .skill-badge-mini{background:var(--accent)}.build-stat-card.highlight{background:var(--primary-color)}.build-stat-card.highlight .build-stat-icon,.build-stat-card.highlight .build-stat-label,.build-stat-card.highlight .build-stat-value{color:#fff}.build-stat-value.large{font-size:2rem}.summary-notes-section{margin-top:1rem;padding:1rem;background:var(--surface-light);border-radius:.625rem}.summary-notes-container,.summary-discs-container{display:flex;flex-direction:column;gap:1.5rem}.summary-disc-subsection{display:flex;flex-direction:column;gap:1rem}.summary-disc-subsection-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.sub-disc-notes{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.sub-disc-note-item{font-size:.75rem;padding:.25rem .5rem;background:#ec48991a;color:#ec4899;border-radius:.25rem;font-weight:500}.summary-disc-card.sub-disc{border-left-color:#ec4899}.notes-subsection{margin-bottom:1rem}.notes-subsection:last-child{margin-bottom:0}.notes-subsection-title{font-size:.85rem;font-weight:600;margin-bottom:.625rem;padding:.375rem .625rem;border-radius:.375rem;display:inline-flex;align-items:center;gap:.375rem}.notes-subsection-title.used{background:#7ed7c126;color:var(--mint-green);border-left:3px solid var(--mint-green)}.notes-subsection-title.unused{background:#9ca3af26;color:#9ca3af;border-left:3px solid #9ca3af}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.note-summary-card{padding:.5rem .75rem;background:var(--surface);border-radius:.375rem;border:1px solid var(--border);transition:all .2s ease}.note-summary-card.used{border-left:3px solid #22c55e}.note-summary-card.unused{border-left:3px solid #9ca3af;opacity:.7}.note-summary-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px var(--shadow)}.note-summary-name{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.note-summary-levels{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-secondary)}.note-level-part{font-weight:500}.note-level-divider{color:var(--text-secondary);opacity:.5}.note-level-total{font-weight:700;color:var(--accent);margin-left:.125rem}.summary-notes-compact-container{display:flex;flex-direction:column;gap:1.5rem}.notes-compact-subsection{display:flex;flex-direction:column;gap:.75rem}.notes-compact-title{font-size:1rem;font-weight:600;padding:.375rem .625rem;border-radius:.375rem;display:inline-flex;align-items:center;gap:.375rem;width:fit-content}.notes-compact-title.used{background:#7ed7c126;color:var(--mint-green);border-left:3px solid var(--mint-green)}.notes-compact-title.unused{background:#9ca3af26;color:#9ca3af;border-left:3px solid #9ca3af}.notes-compact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.75rem}.note-compact-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:var(--surface-light);border-radius:.5rem;border:2px solid var(--border);transition:all .2s ease;cursor:pointer}.note-compact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.note-compact-card.used{border-color:var(--mint-green);background:#7ed7c10d}.note-compact-card.unused{border-color:#9ca3af;opacity:.7}.note-compact-icon{width:2.5rem;height:2.5rem;object-fit:contain;margin-bottom:.25rem}.note-compact-icon-placeholder{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.25rem}.note-compact-level{font-size:.85rem;font-weight:700;color:var(--accent);background:var(--surface);padding:.125rem .5rem;border-radius:.75rem;min-width:2rem;text-align:center}.build-level-card{max-width:18rem}@media (max-width: 768px){.build-level-card{max-width:none}}.build-level-icon-container{position:relative;width:5rem;height:5rem;flex-shrink:0}.build-level-icon{width:100%;height:100%;object-fit:contain}.summary-section-label-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:.25rem}.potential-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.summary-potential-icons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.summary-potential-icons-grid.specific-pots-grid{grid-template-columns:repeat(3,1fr);margin-bottom:.75rem;max-width:100%}.potential-icon-wrapper{position:relative}.potential-icon-wrapper>[data-action]{cursor:pointer}.potential-icon-card{display:flex;flex-direction:column;gap:0;width:100%;transition:transform .2s ease}.potential-icon-compact{position:relative;width:100%;aspect-ratio:.7;border-radius:.625rem .625rem 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem;cursor:grab;transition:all .2s ease;box-shadow:0 2px 8px #00000026;overflow:hidden}.potential-icon-compact:active{cursor:grabbing}.potential-icon-card:hover{transform:translateY(-2px)}.potential-icon-card:hover .potential-icon-compact{box-shadow:0 4px 12px #00000040}.pot-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.pot-icon-img{position:relative;width:70%;height:70%;object-fit:contain;z-index:1}.pot-icon-placeholder{font-size:2.25rem;color:#fff;z-index:1}.pot-name-label{background:var(--surface);color:var(--text-primary);font-size:.75rem;font-weight:600;text-align:center;padding:.375rem .25rem;margin:0;border-radius:0 0 .375rem .375rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;min-height:2rem;border:1px solid var(--border);border-top:none}.pot-level-badge{position:absolute;bottom:12px;right:4px;background:#000c;color:#fff;font-size:.85rem;font-weight:700;padding:4px 7px;border-radius:.375rem;z-index:2;pointer-events:none}.pot-mark-badge{position:absolute;top:2px;left:2px;font-size:.8rem;font-weight:700;padding:4px 7px;border-radius:.375rem;z-index:2;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pot-mark-badge.essential{background:#eb1717;color:#fff}.pot-mark-badge.recommended{background:#9b1294;color:#fff}.pot-mark-badge.level-one{background:#0ea371;color:#fff}.pot-mark-badge.low-priority{background:#6b7280;color:#fff}.potential-icon-wrapper.dragging{opacity:.4}.potential-icon-wrapper.dragging .potential-icon-compact{transform:scale(.95);box-shadow:0 4px 20px #0000004d}.potential-drop-placeholder{width:100%;display:flex;flex-direction:column;gap:0;transition:transform .2s ease;pointer-events:none}.potential-drop-placeholder:before{content:"";width:100%;aspect-ratio:.7;border:2px dashed var(--accent);border-radius:.625rem .625rem 0 0;background:#e88aad14;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;animation:pulse-placeholder 1.5s ease-in-out infinite}.potential-drop-placeholder:after{content:"여기에 놓기";background:var(--surface);color:var(--accent);font-size:.65rem;font-weight:600;text-align:center;padding:.375rem .25rem;margin:0;border-radius:0 0 .375rem .375rem;line-height:1.3;min-height:2rem;border:1px solid var(--accent);border-top:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center}@keyframes pulse-placeholder{0%,to{background:#e88aad14}50%{background:#e88aad26}}@media (max-width: 768px){.summary-potential-icons-grid{grid-template-columns:repeat(3,1fr)}.summary-potential-icons-grid.specific-pots-grid{grid-template-columns:repeat(3,1fr);max-width:100%}.potential-hint{display:none}}.summary-char-basic{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border-radius:.625rem;border:1px solid var(--border);margin-bottom:.75rem}.summary-char-image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.summary-char-name-section{flex:1;display:flex;flex-direction:column;gap:.375rem}.summary-card-badge{display:inline-block;padding:.25rem .625rem;border-radius:.375rem;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#fff;width:fit-content}.master-badge{background:var(--peach)}.assist-badge{background:var(--primary-color)}.summary-char-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.summary-skills-inline{display:flex;flex-wrap:wrap;gap:.375rem}.skill-badge-inline{background:var(--background);border:1px solid var(--border);padding:.2rem .5rem;border-radius:.375rem;font-size:.7rem;font-weight:600;color:var(--text-primary)}.disc-skills-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.disc-skill-badge{background:var(--surface);border:1px solid var(--border);padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:600;color:var(--text-primary);cursor:help;transition:all .2s ease}.disc-skill-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026;border-color:var(--primary-color)}.disc-skill-badge.main{background:var(--peach);border-color:var(--peach);color:#fff}.disc-skill-badge.main:hover{border-color:var(--peach);box-shadow:0 2px 6px #f4c6a04d}.disc-skill-badge.secondary{background:var(--lavender);border-color:var(--lavender);color:#fff}.disc-skill-badge.secondary:hover{border-color:var(--lavender);box-shadow:0 2px 6px #c5b8e04d}.discs-notes-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.summary-disc-column{min-width:0}.summary-disc-column .summary-section-title{font-size:1.1rem;margin-bottom:1rem}@media (max-width: 1024px){.discs-notes-container{grid-template-columns:1fr}}.summary-section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem;gap:1rem}.summary-section-header-row .summary-section-title{margin-bottom:0;padding-bottom:0;border-bottom:none;flex:1}.star-tower-btn{font-family:Poppins,sans-serif;background:var(--surface);color:var(--text-primary);border:2px solid var(--border);padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:var(--shadow-soft);transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.star-tower-btn:hover{background:var(--bg-hover);border-color:var(--sky-blue);color:var(--sky-blue)}.star-tower-btn .btn-icon{font-size:1.1rem}.star-tower-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;align-items:center;justify-content:center;padding:1rem}.star-tower-modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;max-width:700px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.star-tower-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--border-light);background:var(--surface)}.star-tower-modal-header h2{font-family:Fredoka,sans-serif;font-size:1.5rem;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.star-tower-close{background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.star-tower-close:hover{background-color:#ff00001a;color:#f44}.star-tower-search{padding:1rem 1.5rem;border-bottom:1px solid var(--border-light)}.star-tower-search input{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.star-tower-search input:focus{outline:none;border-color:var(--sky-blue);box-shadow:0 0 0 3px #4a90e233}.star-tower-qa-list{padding:1rem;overflow-y:auto;flex:1}.star-tower-qa-item{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem;transition:all .2s ease}.star-tower-qa-item:hover{border-color:var(--sky-blue);box-shadow:0 2px 8px #4a90e226;transform:translateY(-1px)}.star-tower-qa-item:last-child{margin-bottom:0}.star-tower-question,.star-tower-answer{display:flex;gap:.75rem;margin-bottom:.5rem}.star-tower-answer{margin-bottom:0;padding-left:.5rem}.qa-icon{font-weight:700;font-family:Space Mono,monospace;flex-shrink:0}.star-tower-question .qa-icon{color:var(--sky-blue)}.star-tower-answer .qa-icon{color:var(--mint-green)}.qa-text{color:var(--text-primary);line-height:1.6;flex:1}@media (max-width: 768px){.star-tower-btn{padding:.5rem 1rem;font-size:.85rem}.star-tower-btn .btn-text{display:none}.star-tower-btn .btn-icon{font-size:1.2rem}.star-tower-modal-content{max-height:90vh}.star-tower-modal-header h2{font-size:1.25rem}.star-tower-qa-item{padding:.875rem 1rem}}.preset-layout{padding:.75rem 0 1.5rem;width:100%}.preset-empty-state,.preset-error-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.preset-empty-state .empty-icon,.preset-error-state .error-icon{font-size:4rem;margin-bottom:1rem}.preset-empty-state h3,.preset-error-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.preset-empty-state p,.preset-error-state p{font-size:1rem}.preset-info-banner{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.preset-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:0}.preset-info-item{display:flex;align-items:flex-start;gap:.875rem;padding:.75rem;background:var(--background);border-radius:.5rem;border:1px solid var(--border)}.preset-info-item-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;background:var(--primary-color);color:#fff;border-radius:.5rem;font-size:1.125rem}.preset-info-item-icon i{color:#fff}.preset-info-item-content{flex:1;min-width:0}.preset-info-item-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.preset-info-item-value{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.preset-info-note{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-top:1rem;background:var(--background);border:1px solid var(--border);border-left:3px solid var(--primary-color);border-radius:.5rem;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.preset-info-note i{color:var(--primary-color);font-size:1rem;flex-shrink:0}@media (max-width: 768px){.preset-info-banner{padding:.75rem;margin-bottom:1rem}.preset-info-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.preset-info-item{padding:.5rem;gap:.5rem}.preset-info-item-icon{width:2rem;height:2rem;min-width:2rem;font-size:.875rem}.preset-info-item-label{font-size:.625rem;margin-bottom:.125rem}.preset-info-item-value{font-size:.8rem;line-height:1.3}.preset-info-note{padding:.625rem .75rem;font-size:.75rem;gap:.5rem;margin-top:.5rem}.preset-info-note i{font-size:.875rem}}.preset-filters-section{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1.5rem}.preset-filter-group{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.filter-group-label{font-weight:600;font-size:.85rem;color:var(--text-secondary);flex-shrink:0}.preset-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-filter-group{display:flex;flex-direction:column!important;align-items:stretch!important;gap:.875rem}.tag-filter-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tag-filter-header .filter-group-label{flex-shrink:0}.tag-search-wrapper{position:relative;flex:1;min-width:200px;max-width:320px}.tag-search-input{width:100%;padding:.5rem .875rem .5rem 2.25rem;border:1.5px solid var(--border);border-radius:1.25rem;background:var(--background);color:var(--text-primary);font-size:.8rem;font-weight:500;transition:all .2s ease}.tag-search-input:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px rgba(var(--accent-rgb, 52, 152, 219),.1)}.tag-search-input::placeholder{color:var(--text-tertiary)}.tag-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.8rem;pointer-events:none}.tag-filter-clear{padding:.5rem .875rem;border:1.5px solid var(--border);border-radius:1.25rem;background:transparent;color:var(--text-tertiary);font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-filter-clear:hover{border-color:#e74c3c;color:#e74c3c;background:#e74c3c14}.active-tags-section{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:rgba(var(--accent-rgb, 52, 152, 219),.05);border:1.5px solid rgba(var(--accent-rgb, 52, 152, 219),.15);border-radius:.75rem}.active-tags-label{font-weight:700;font-size:.75rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}.active-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.available-tags-section{display:flex;flex-direction:column;gap:.5rem}.tag-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.tag-filter-btn{padding:.375rem .75rem;border:1.5px solid var(--border);border-radius:1.25rem;background:var(--background);color:var(--text-secondary);font-weight:600;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.375rem;position:relative}.tag-filter-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb, 52, 152, 219),.08);transform:translateY(-1px)}.tag-filter-btn.active{background:var(--accent-interactive);border-color:var(--accent-interactive);color:#fff;padding-right:2rem}.tag-filter-btn.active:hover{background:#2980b9;border-color:#2980b9}.tag-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;background:#0000001a;border-radius:.625rem;font-size:.65rem;font-weight:700}.tag-filter-btn.active .tag-count{background:#ffffff40}.tag-remove{position:absolute;right:.5rem;font-size:1.1rem;font-weight:700;line-height:1;opacity:.7;transition:opacity .2s ease}.tag-filter-btn.active:hover .tag-remove{opacity:1}.no-tags-found{text-align:center;padding:1.5rem;color:var(--text-tertiary);font-size:.85rem;font-style:italic}.preset-filters .element-filter-btn{padding:.375rem .875rem;border:1.5px solid var(--border);border-radius:1.25rem;background:var(--background);color:var(--text-primary);font-weight:500;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.preset-filters .element-filter-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb, 52, 152, 219),.08)}.preset-filters .element-filter-btn.active{background:var(--accent-interactive);border-color:var(--accent-interactive);color:#fff}.preset-filters .element-filter-icon{width:20px;height:20px;vertical-align:middle}.preset-builds-section .preset-builds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.5rem}.preset-builds-section .preset-card{background:var(--background);border:2px solid var(--border);border-radius:1rem;display:flex;flex-direction:row;min-height:220px;transition:all .3s ease}.preset-builds-section .preset-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--accent)}.preset-builds-section .preset-thumbnail{width:70px;min-width:70px;max-width:70px;min-height:220px;background:var(--surface);position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.preset-builds-section .preset-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center top}.preset-builds-section .preset-info{flex:1;padding:1.25rem;display:flex;flex-direction:column;overflow:visible}.preset-builds-section .preset-header-inline{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.preset-builds-section .preset-element-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:700;color:#fff;min-height:32px}.preset-builds-section .preset-new-badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:800;background:var(--sky-blue);color:#fff;min-height:32px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #6b9bd166;letter-spacing:1px;border:2px solid rgba(255,255,255,.3);animation:newBadgePulse 2s ease-in-out infinite}@keyframes newBadgePulse{0%,to{box-shadow:0 2px 8px #6b9bd166}50%{box-shadow:0 2px 16px #6b9bd1b3}}.preset-builds-section .preset-meta-badge{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .875rem;border-radius:.375rem;font-size:.8rem;font-weight:800;background:#ff4757;color:#fff;min-height:32px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #ff47574d;letter-spacing:.5px;border:2px solid rgba(255,255,255,.3)}.preset-builds-section .element-tag-icon{width:24px;height:24px;vertical-align:middle}.preset-builds-section .preset-title{font-size:1.15rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary);line-height:1.3}.preset-builds-section .preset-description{font-size:.9rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.6;flex-grow:1}.preset-builds-section .preset-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.preset-builds-section .preset-tag{padding:.25rem .625rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;font-size:.75rem;color:var(--text-secondary);font-weight:600}.preset-builds-section .preset-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border)}.preset-builds-section .preset-author{display:flex;align-items:center;gap:.375rem;font-size:.85rem;color:var(--text-secondary)}.preset-builds-section .preset-author-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.85rem;color:#3498db;text-decoration:underline;font-weight:600;transition:all .2s ease;padding:.25rem .5rem;border-radius:.5rem}.preset-builds-section .preset-author-link:hover{background:var(--surface);color:#2980b9;text-decoration:underline}.preset-builds-section .author-icon{font-size:1rem}.preset-builds-section .external-icon{font-size:.75rem;opacity:.7}.preset-builds-section .preset-load-btn{padding:.625rem 1.25rem;background:#3498db;color:#fff;border:none;border-radius:.625rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;white-space:nowrap}.preset-builds-section .preset-load-btn:hover{background:#2980b9;transform:scale(1.05);box-shadow:0 4px 12px #0003}.preset-builds-section .preset-load-btn:active{transform:scale(.98)}@media (max-width: 768px){.preset-layout{padding:.5rem .75rem .75rem}.preset-filters-section{padding:.625rem;gap:.625rem;margin-bottom:.75rem}.preset-filter-group{gap:.375rem}.filter-group-label{font-size:.7rem;width:100%;text-align:center;margin-bottom:.25rem}.preset-filters{gap:.3rem;justify-content:center}.element-filter-btn{padding:.25rem .5rem;font-size:.7rem}.element-filter-icon{width:16px;height:16px}.tag-filter-header{gap:.375rem}.tag-search-wrapper{min-width:100%;max-width:100%;order:2}.tag-search-input{padding:.375rem .625rem .375rem 1.75rem;font-size:.7rem}.tag-search-icon{left:.5rem;font-size:.7rem}.tag-filter-clear{padding:.375rem .625rem;font-size:.65rem}.active-tags-section{padding:.5rem}.active-tags-label{font-size:.65rem}.tag-filter-buttons{gap:.375rem}.tag-filter-btn{padding:.3rem .625rem;font-size:.7rem}.tag-filter-btn.active{background:var(--accent-interactive);border-color:var(--accent-interactive);padding-right:1.75rem}.tag-count{min-width:1.125rem;height:1.125rem;font-size:.6rem}.tag-remove{right:.425rem;font-size:1rem}.preset-builds-section .preset-builds-grid{grid-template-columns:1fr;gap:1rem}.preset-builds-section .preset-card{flex-direction:row;min-height:auto}.preset-builds-section .preset-thumbnail{width:60px;min-width:60px;max-width:60px;min-height:140px;height:100%;border-radius:1rem 0 0 1rem}.preset-builds-section .preset-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center top}.preset-builds-section .preset-info{padding:.875rem;min-width:0;flex:1}.preset-builds-section .preset-header-inline{margin-bottom:.5rem;flex-wrap:wrap;gap:.375rem}.preset-builds-section .preset-element-tag{padding:.2rem .5rem;font-size:.7rem;min-height:26px}.preset-builds-section .element-tag-icon{width:18px;height:18px}.preset-builds-section .preset-new-badge,.preset-builds-section .preset-meta-badge{padding:.25rem .5rem;font-size:.65rem;min-height:26px}.preset-builds-section .preset-title{font-size:.95rem;margin-bottom:.375rem}.preset-builds-section .preset-description{font-size:.8rem;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preset-builds-section .preset-tags{margin-bottom:.5rem;gap:.375rem}.preset-builds-section .preset-tag{padding:.2rem .5rem;font-size:.7rem}.preset-builds-section .preset-footer{padding-top:.5rem;flex-wrap:wrap;gap:.5rem}.preset-builds-section .preset-author,.preset-builds-section .preset-author-link{font-size:.75rem}.preset-builds-section .preset-load-btn{padding:.5rem .875rem;font-size:.8rem}}@media (max-width: 480px){.preset-layout{padding:.375rem .5rem .5rem}.preset-filters-section{padding:.625rem;gap:.625rem}.preset-filter-group{flex-direction:column;align-items:stretch;gap:.625rem}.tag-filter-header{flex-direction:column;align-items:stretch;gap:.5rem}.filter-group-label{min-width:auto;text-align:center}.tag-search-wrapper{order:0}.tag-filter-clear{width:100%;text-align:center}.tag-filter-btn{padding:.25rem .5rem;font-size:.65rem}.tag-filter-btn.active{background:var(--accent-interactive);border-color:var(--accent-interactive);padding-right:1.5rem}.tag-count{min-width:1rem;height:1rem;font-size:.55rem}.tag-remove{right:.375rem;font-size:.9rem}.preset-builds-section .preset-thumbnail{width:50px;min-width:50px;max-width:50px;min-height:120px}.preset-builds-section .preset-info{padding:.75rem}.preset-builds-section .preset-title{font-size:.9rem}.preset-builds-section .preset-description{font-size:.75rem;-webkit-line-clamp:2}.preset-builds-section .preset-footer{flex-direction:column;align-items:flex-start}.preset-builds-section .preset-load-btn{width:100%;text-align:center}}.preset-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 0;margin-top:1.5rem;border-top:1px solid var(--border);flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid var(--border);border-radius:.5rem;background:var(--background);color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(.disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.pagination-btn.disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:.375rem}.pagination-num{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .5rem;border:2px solid var(--border);border-radius:.5rem;background:var(--background);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pagination-num:hover:not(.active){border-color:var(--accent);color:var(--accent)}.pagination-num.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-ellipsis{color:var(--text-secondary);padding:0 .25rem;font-weight:600}.pagination-info{color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-left:.5rem}@media (max-width: 768px){.preset-pagination{gap:.5rem;padding:1rem 0}.pagination-btn,.pagination-num{width:36px;height:36px;min-width:36px;font-size:.85rem}.pagination-info{width:100%;text-align:center;margin-left:0;margin-top:.5rem}}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preset-load-btn:disabled{opacity:.7;cursor:not-allowed}.build-info-section{background:var(--surface);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 .25rem 1.25rem var(--shadow)}.build-info-header{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.build-title-wrapper{flex:1;min-width:15rem}.build-title-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.build-title-input{width:100%;padding:.75rem 1rem;font-size:1.1rem;font-weight:600;border:2px solid var(--border-color);border-radius:.5rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s}.build-title-input:focus{outline:none;border-color:var(--primary-color);background:var(--surface);box-shadow:0 0 0 3px #6b9bd133}.build-title-input::placeholder{color:var(--text-muted)}.memo-hint{font-size:.75rem;font-weight:400;color:var(--text-secondary);opacity:.8}.save-load-actions{display:flex;gap:.75rem;flex-wrap:wrap}.save-btn,.load-btn-main,.share-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap;color:#fff}.save-btn{background:var(--primary-color)}.load-btn-main{background:var(--mint-green)}.share-btn{background:var(--secondary-color)}.save-btn:hover:not(:disabled),.load-btn-main:hover:not(:disabled),.share-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #6b9bd166}.load-btn-main:hover:not(:disabled){box-shadow:0 4px 12px #7ed7c166}.share-btn:hover:not(:disabled){box-shadow:0 4px 12px #e88aad66}.save-btn:disabled,.share-btn:disabled{cursor:not-allowed;opacity:.5}.btn-icon{font-size:1.2rem;line-height:1}.btn-text{font-weight:600}#load-modal{background:#000000d9;backdrop-filter:blur(8px)}.load-modal-content{background:var(--surface);width:90%;max-width:50rem;max-height:80vh;border:2px solid var(--border-medium)}.load-modal-header{padding:1.5rem;border-bottom:2px solid var(--border-medium);background:var(--lavender)}.load-modal-header h2{color:#fff;margin:0;font-weight:700}.load-modal-close{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.25rem .75rem;font-weight:700;line-height:1}.load-modal-close:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.1)}.load-modal-body{padding:1.5rem;overflow-y:auto;flex:1;background:var(--surface)}#load-list{display:flex;flex-direction:column;gap:1rem}.empty-state-text{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:1rem}.load-item{background:var(--bg-tertiary);border:2px solid var(--border-medium);border-radius:.75rem;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:all .2s}.load-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6b9bd14d;transform:translateY(-2px)}.load-item-info{flex:1;min-width:0}.load-item-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-item-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.has-memo{color:var(--primary-color);font-weight:500}.load-item-actions{display:flex;gap:.5rem}.load-item-actions .load-btn,.load-item-actions .delete-btn{padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;white-space:nowrap}.load-item-actions .load-btn{background:var(--primary-color);color:#fff}.load-item-actions .load-btn:hover{background:var(--sky-blue);transform:translateY(-1px);box-shadow:0 4px 12px #6b9bd166}.load-item-actions .delete-btn{background:var(--danger);color:#fff}.load-item-actions .delete-btn:hover{background:var(--pastel-pink);transform:translateY(-1px);box-shadow:0 4px 12px #e88aad66}.share-url-textarea{width:100%;min-height:6rem;padding:.75rem;font-family:monospace;font-size:.85rem;border:2px solid var(--border-color);border-radius:.375rem;background:var(--background-color);color:var(--text-primary);resize:vertical;margin:1rem 0}.copy-url-btn{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:var(--mint-green);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.copy-url-btn:hover{background:var(--success);transform:translateY(-2px);box-shadow:0 4px 12px #7ed7c14d}@media (max-width: 768px){.build-info-header{flex-direction:column;align-items:stretch}.build-title-wrapper{min-width:100%}.save-load-actions{width:100%;flex-direction:column}.save-btn,.load-btn-main,.share-btn{width:100%;justify-content:center}.load-modal-content{width:95%;max-height:90vh}.load-item{flex-direction:column;align-items:stretch}.load-item-actions{width:100%}.load-item-actions .load-btn,.load-item-actions .delete-btn{flex:1}}.dmgcalc-container{max-width:1600px;margin:0 auto}.dmgcalc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:var(--card-bg, #1f2937);border-radius:12px;border:1px solid var(--border-color, #374151)}.dmgcalc-header h2{margin:0;font-size:1.5rem;color:var(--text-color, #f9fafb);display:flex;align-items:center;gap:.75rem}.dmgcalc-actions{display:flex;gap:.75rem}.dmgcalc-actions button{padding:.625rem 1.25rem;border-radius:8px;border:1px solid var(--border-color, #374151);background:var(--button-bg, #374151);color:var(--text-color, #f9fafb);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.dmgcalc-actions button:hover{background:var(--button-hover-bg, #4b5563);border-color:var(--primary-color, #3b82f6)}.dmgcalc-grid{display:grid;grid-template-columns:400px 1fr;gap:1.5rem}.dmgcalc-sidebar{display:flex;flex-direction:column;gap:1.5rem}.dmgcalc-section{background:var(--card-bg, #1f2937);border-radius:12px;border:1px solid var(--border-color, #374151);padding:1.5rem}.dmgcalc-section h3{margin:0 0 1rem;font-size:1.125rem;color:var(--text-color, #f9fafb);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color, #374151);padding-bottom:.75rem}.stat-category{margin-bottom:1.5rem}.stat-category:last-child{margin-bottom:0}.stat-category h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.stat-list{display:flex;flex-direction:column;gap:.5rem}.stat-item{background:var(--stat-bg, #111827);border-radius:8px;border:1px solid var(--border-color, #374151);overflow:hidden}.stat-header{padding:.75rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.stat-header:hover{background:var(--hover-bg, #1f2937)}.stat-name{font-size:.875rem;color:var(--text-color, #f9fafb);font-weight:500}.stat-total{font-size:1rem;font-weight:700;color:var(--primary-color, #3b82f6)}.stat-expand-icon{font-size:.75rem;color:var(--text-secondary, #9ca3af);transition:transform .2s}.stat-expand-icon.rotated{transform:rotate(180deg)}.stat-details{border-top:1px solid var(--border-color, #374151);padding:.75rem;background:var(--details-bg, #0f172a)}.stat-details.hidden{display:none}.stat-source{padding:.5rem 0;border-bottom:1px solid var(--border-color, #374151)}.stat-source:last-child{border-bottom:none}.stat-source label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8125rem}.stat-source input[type=checkbox]{width:16px;height:16px;cursor:pointer}.source-name{flex:1;color:var(--text-secondary, #9ca3af)}.source-value{font-weight:600;color:var(--success-color, #22c55e)}.stat-manual{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color, #374151)}.stat-manual label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary, #9ca3af)}.stat-manual input[type=number]{width:100px;padding:.375rem .5rem;border-radius:4px;border:1px solid var(--border-color, #374151);background:var(--input-bg, #111827);color:var(--text-color, #f9fafb);font-size:.875rem}.empty-buffs{padding:2rem;text-align:center;color:var(--text-secondary, #9ca3af);font-size:.875rem}.buff-list{display:flex;flex-direction:column;gap:.75rem}.buff-item{background:var(--buff-bg, #111827);border-radius:8px;border:1px solid var(--border-color, #374151);padding:.75rem;transition:all .2s}.buff-item.active{border-color:var(--success-color, #22c55e);background:var(--buff-active-bg, rgba(34, 197, 94, .1))}.buff-toggle{display:flex;gap:.75rem;cursor:pointer}.buff-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin-top:2px}.buff-info{flex:1}.buff-name{font-size:.875rem;font-weight:600;color:var(--text-color, #f9fafb);margin-bottom:.25rem}.buff-category{display:inline-block;font-size:.75rem;padding:.125rem .5rem;border-radius:4px;background:var(--category-bg, #374151);color:var(--text-secondary, #9ca3af);margin-bottom:.5rem}.buff-desc{font-size:.8125rem;color:var(--text-secondary, #9ca3af);line-height:1.5}.enemy-inputs{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #9ca3af)}.input-group input{padding:.625rem .75rem;border-radius:6px;border:1px solid var(--border-color, #374151);background:var(--input-bg, #111827);color:var(--text-color, #f9fafb);font-size:.875rem;transition:border-color .2s}.input-group input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.dmgcalc-main{min-height:600px}.damage-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.damage-card{background:var(--card-bg, #1f2937);border-radius:12px;border:1px solid var(--border-color, #374151);padding:1.5rem;transition:all .2s}.damage-card:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 4px 12px #3b82f626}.damage-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #374151)}.damage-card-header i{font-size:1.5rem;color:var(--primary-color, #3b82f6)}.damage-card-header h3{flex:1;margin:0;font-size:1.25rem;color:var(--text-color, #f9fafb)}.skill-level{padding:.25rem .75rem;border-radius:6px;background:var(--level-bg, #374151);color:var(--text-color, #f9fafb);font-size:.875rem;font-weight:600}.damage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.damage-value{text-align:center;padding:1rem;background:var(--value-bg, #111827);border-radius:8px;border:2px solid var(--border-color, #374151)}.damage-value.base .value{color:var(--text-color, #f9fafb)}.damage-value.crit{border-color:var(--crit-color, #ef4444)}.damage-value.crit .value{color:var(--crit-color, #ef4444)}.damage-value.avg{border-color:var(--success-color, #22c55e)}.damage-value.avg .value{color:var(--success-color, #22c55e)}.damage-value .label{font-size:.75rem;color:var(--text-secondary, #9ca3af);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.damage-value .value{font-size:1.5rem;font-weight:700;line-height:1}.damage-breakdown{background:var(--breakdown-bg, #111827);border-radius:8px;padding:1rem}.damage-breakdown h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary, #9ca3af);text-transform:uppercase;letter-spacing:.05em}.breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.breakdown-item{display:flex;justify-content:space-between;padding:.5rem;background:var(--item-bg, #0f172a);border-radius:6px;font-size:.8125rem}.breakdown-item span:first-child{color:var(--text-secondary, #9ca3af)}.breakdown-item span:last-child{font-weight:700;color:var(--primary-color, #3b82f6)}.empty-result{padding:3rem;text-align:center;color:var(--text-secondary, #9ca3af);font-size:.875rem}@media (max-width: 1200px){.dmgcalc-grid{grid-template-columns:350px 1fr}.damage-results{grid-template-columns:1fr}}@media (max-width: 1024px){.dmgcalc-grid{grid-template-columns:1fr}.dmgcalc-sidebar{order:2}.dmgcalc-main{order:1}}@media (max-width: 768px){.dmgcalc-header{flex-direction:column;gap:1rem;align-items:stretch}.dmgcalc-actions{flex-direction:column}.damage-summary,.breakdown-grid{grid-template-columns:1fr}}[data-theme=dark]{--card-bg: #1f2937;--stat-bg: #111827;--details-bg: #0f172a;--buff-bg: #111827;--buff-active-bg: rgba(34, 197, 94, .1);--value-bg: #111827;--breakdown-bg: #111827;--item-bg: #0f172a;--input-bg: #111827;--button-bg: #374151;--button-hover-bg: #4b5563;--hover-bg: #1f2937;--category-bg: #374151;--level-bg: #374151;--border-color: #374151;--text-color: #f9fafb;--text-secondary: #9ca3af;--primary-color: #3b82f6;--success-color: #22c55e;--crit-color: #ef4444}[data-theme=light]{--card-bg: #ffffff;--stat-bg: #f9fafb;--details-bg: #f3f4f6;--buff-bg: #f9fafb;--buff-active-bg: rgba(34, 197, 94, .1);--value-bg: #f9fafb;--breakdown-bg: #f9fafb;--item-bg: #f3f4f6;--input-bg: #ffffff;--button-bg: #f3f4f6;--button-hover-bg: #e5e7eb;--hover-bg: #f9fafb;--category-bg: #e5e7eb;--level-bg: #e5e7eb;--border-color: #e5e7eb;--text-color: #111827;--text-secondary: #6b7280;--primary-color: #3b82f6;--success-color: #22c55e;--crit-color: #ef4444}