.party-bar{display:flex;align-items:stretch;gap:.75rem;padding:1rem;background:var(--surface);border-radius:1rem;box-shadow:0 4px 16px var(--shadow);margin-bottom:1.5rem;flex-wrap:wrap}.party-slot{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface-light);border:2px solid var(--border);border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:180px;max-width:280px}.party-slot:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.party-slot.active{border-color:var(--accent);background:#7ed7c114;box-shadow:0 0 0 3px #7ed7c126}.party-slot-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.party-slot-icon.master{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.party-slot-icon.assist{background:linear-gradient(135deg,var(--primary-color),var(--sky-blue));color:#fff}.party-slot-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:var(--surface);flex-shrink:0}.party-slot-avatar img,.party-slot-avatar .party-avatar-img,.party-slot-avatar picture{width:100%;height:100%;object-fit:cover;border-radius:50%}.party-empty-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-secondary);background:var(--surface-light)}.party-element-icon{display:none;align-items:center;justify-content:center;flex-shrink:0}.party-element-icon .party-element-img{width:1.5rem;height:1.5rem;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.party-slot-info{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.party-slot-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.party-slot-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-bar-controls{display:flex;align-items:center;gap:.75rem;margin-left:auto;padding-left:.75rem;border-left:1px solid var(--border)}.description-toggle-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.description-toggle-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.3px}[data-theme=dark] .description-toggle-label{color:var(--text-secondary)}.description-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-light);border:2px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}[data-theme=dark] .description-toggle{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.description-toggle:hover{border-color:var(--primary-color);background:var(--surface)}[data-theme=dark] .description-toggle:hover{background:var(--surface-light);border-color:var(--sky-blue)}.description-toggle i{font-size:.9rem;color:var(--sky-blue)}[data-theme=dark] .description-toggle i{color:var(--mint-green)}.character-slot{display:none;background:var(--surface);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 16px var(--shadow);transition:all .3s ease}.character-slot.active-tab{display:block;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.master-slot{border:2px solid var(--accent)}.assist-slot{border:2px solid var(--primary-color)}.character-build-layout{display:grid;grid-template-columns:minmax(280px,320px) 1fr;gap:1.5rem;align-items:start}.character-column{display:flex;flex-direction:column;gap:1rem}.skill-info-section{width:100%}.skill-info-section .character-skills-collapsible{background:var(--card-bg);border-radius:12px;padding:.75rem;box-shadow:0 2px 8px #00000014;border:1px solid var(--border)}.potentials-column{display:flex;flex-direction:column;gap:1rem;min-width:0}.two-column-layout{display:grid;grid-template-columns:minmax(280px,320px) 1fr;gap:1.5rem;align-items:start}.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)}.section-title-hint{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin-left:auto}.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;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-header{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:1rem}.character-portrait-wrapper{flex-shrink:0}.character-portrait-wrapper .character-card-image{width:5rem;height:5rem;object-fit:cover;border-radius:50%;border:3px solid var(--border);margin-bottom:0}.character-header-info{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.character-name-row{display:flex;align-items:center;gap:.5rem}.character-name-row .character-element-icon{position:static;width:1.5rem;height:1.5rem;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));background:transparent;border:none;border-radius:0;padding:0;margin:0}.character-name-row .character-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-header-info .character-id{color:var(--text-secondary);font-size:.7rem;margin:0}.character-meta-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.25rem}.meta-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.meta-badge.grade-badge{color:#f0c419;font-size:.65rem;letter-spacing:1px}.meta-badge.class-badge{color:var(--primary-color)}.character-card-body{display:flex;flex-direction:column;gap:.75rem;width:100%}.character-controls-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.character-controls-row .character-level-phase-selector{flex:1;min-width:0}.character-controls-row .character-action-buttons{display:flex;gap:.5rem;margin-bottom:0}.character-controls-row .change-character-btn,.character-controls-row .remove-character-btn{flex:1;padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem}.character-controls-row .change-character-btn .btn-text,.character-controls-row .remove-character-btn .btn-text{font-size:.8rem;font-weight:600}.character-controls-row .change-character-btn i,.character-controls-row .remove-character-btn i{font-size:.85rem}.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-stats-compact{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.75rem 0}.stat-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;font-size:.8rem;font-weight:600;color:var(--text-primary)}.stat-badge.stat-grade{color:#f0c419}.character-skills-collapsible{width:100%;margin-top:.75rem;border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.character-skills-collapsible summary{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);cursor:pointer;user-select:none;transition:background .2s ease;list-style:none}.character-skills-collapsible summary::-webkit-details-marker{display:none}.character-skills-collapsible summary:hover{background:var(--surface-light)}.character-skills-collapsible[open] summary{border-bottom:1px solid var(--border)}.skills-toggle{display:flex;align-items:center;justify-content:space-between;width:100%}.skills-toggle .skills-title{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-primary);border-bottom:none;padding-bottom:0;line-height:1;margin-bottom:0}.skills-toggle-icon{font-size:.75rem;color:var(--text-secondary);transition:transform .3s ease}.character-skills-collapsible[open] .skills-toggle-icon{transform:rotate(180deg)}.character-skills-collapsible .character-skills{padding:1rem;margin-top:0;background:var(--surface-light)}[data-theme=dark] .character-skills-collapsible .character-skills{background:#0f0f0f66}.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{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:.85rem;line-height:1.7;letter-spacing:.02em;grid-row:2;grid-column:1 / -1;padding:.5rem 0}.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}.potential-category{margin-bottom:1.25rem}.potential-category-title{width:100%;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);padding-bottom:8px;border-bottom:2px solid var(--border)}[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}.branch-potentials{margin-top:1.5rem}.branch-potentials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;grid-auto-rows:1fr;align-items:stretch;margin-top:1rem}.branch-potentials-grid>.potential-card{height:100%}.common-potentials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;grid-auto-rows:1fr;align-items:stretch;margin-top:1rem}.common-potentials-grid>.potential-card{height:100%}.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: 1200px){.character-build-layout,.two-column-layout{grid-template-columns:1fr}.character-column{position:static;width:100%;max-width:400px;margin:0 auto}.normal-common-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.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: 1024px){html{font-size:15px}.party-bar{gap:.5rem;padding:.75rem}.party-slot{min-width:150px;padding:.5rem .75rem}.party-bar-controls{flex:0 0 100%;margin-left:0;padding-left:0;padding-top:.75rem;border-left:none;border-top:1px solid var(--border);justify-content:center}.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:1.75rem}.party-bar{flex-direction:column;gap:.5rem}.party-slot{max-width:none;min-width:auto}.party-bar-controls{flex:0 0 auto;padding-top:.5rem}.character-slot{padding:1rem}.slot-header h2{font-size:1.25rem}.compact-tab-navigation{flex-wrap:wrap;gap:.5rem}.compact-main-tab{flex:1 1 auto;min-width:calc(50% - .25rem);justify-content:center}.compact-tab-label{font-size:.85rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.modal-content{width:95vw;max-height:95vh}.specific-potentials-section .potential-card{flex:0 1 calc(50% - 8px)}.branch-potentials-grid,.common-potentials-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.normal-common-grid{grid-template-columns:repeat(3,1fr)}.potentials-display,.potential-group{gap:.75rem;grid-template-columns:1fr}}@media (max-width: 480px){html{font-size:13px}.party-slot-avatar{width:2.5rem;height:2.5rem}.party-slot-info{gap:0}.party-slot-label{font-size:.6rem}.party-slot-name{font-size:.8rem}.compact-main-tab{min-width:100%;padding:.75rem 1rem}.specific-potentials-section .potential-card{flex:0 1 calc(50% - .3125rem)}.branch-potentials-grid,.common-potentials-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.normal-common-grid{grid-template-columns:repeat(2,1fr)}.element-filters,.preset-filters{gap:.375rem}.element-filter-btn,.filter-btn{padding:.375rem .625rem;font-size:.75rem}.character-card-header{gap:.75rem}.character-portrait-wrapper .character-card-image{width:4rem;height:4rem}.character-element-icon{width:1.5rem;height:1.5rem}.party-element-icon .party-element-img{width:1.25rem;height:1.25rem}.description-toggle{padding:.375rem .75rem;font-size:.75rem}.description-toggle .toggle-label{display:none}.character-name-row .character-name{font-size:1rem}.character-controls-row{flex-direction:column;align-items:stretch}.character-controls-row .character-action-buttons{justify-content:flex-end}}.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}.skill-influence-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:linear-gradient(135deg,#5a4a9a,#3d5a80);color:#fff;font-size:.65rem;font-weight:600;border-radius:4px;white-space:nowrap;box-shadow:0 1px 3px #00000040}[data-theme=dark] .skill-influence-badge{background:linear-gradient(135deg,#4a6fa5,#2d4a6a);color:#e0e0e0}.specific-potentials-section .potential-card-meta{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:nowrap}#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;display:flex;align-items:center;justify-content:center}.skill-icon-bg{position:absolute;width:100%;height:100%;object-fit:contain;z-index:1}.skill-icon-bg picture,.skill-icon-bg img{width:100%;height:100%;object-fit:contain;display:block}.skill-icon{position:relative;width:70%;height:70%;object-fit:contain;z-index:2}.skill-icon picture,.skill-icon img{width:100%;height:100%;object-fit:contain;display:block}.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:0;transform:translateY(-50%);background:var(--primary-color);border:none;border-radius:1rem 0 0 1rem;padding:.75rem .75rem .75rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;box-shadow:-4px 0 12px #00000026;z-index:800;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:600}.notes-sidebar-toggle:hover{transform:translateY(-50%) translate(-4px);box-shadow:-6px 0 16px #00000040;padding-right:1rem}.notes-sidebar-toggle.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translate(100%)}[data-theme=dark] .notes-sidebar-toggle{color:#fff}.toggle-icon{font-size:1.5rem}.toggle-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;writing-mode:vertical-rl;text-orientation:mixed}.toggle-badge{position:absolute;top:-.25rem;left:-.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:6rem;right:1rem;transform:none;border-radius:1rem;padding:.75rem 1rem;box-shadow:0 4px 16px #00000040}.notes-sidebar-toggle .toggle-text{writing-mode:horizontal-tb;text-orientation:mixed;font-size:.75rem}.notes-sidebar-toggle:hover{transform:scale(1.05);padding-right:1rem}.notes-sidebar-toggle.hidden{opacity:0;pointer-events:none;transform:translateY(100px)}.notes-sidebar-toggle .toggle-badge{top:-.25rem;right:-.25rem;left:auto}.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}}.potential-tooltip{position:fixed;z-index:10000;max-width:300px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #00000026;font-size:.85rem;line-height:1.5;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .15s ease;word-wrap:break-word}[data-theme=dark] .potential-tooltip{background:var(--surface-dark, #1a1a1a);border-color:var(--border-dark, #333);box-shadow:0 4px 20px #0006}.potential-tooltip .tooltip-title{font-weight:600;margin-bottom:6px;color:var(--primary-color)}@media (hover: none) and (pointer: coarse){.summary-potential-icons-grid:after{content:"";display:none}}.preset-layout{padding:.75rem 0 1.5rem;width:100%}.preset-category-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);padding-bottom:0}.category-tab{background:none;border:none;border-bottom:3px solid transparent;padding:.75rem 1.25rem;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:-2px;white-space:nowrap}.category-tab:hover{background:var(--hover-bg);color:var(--text-primary)}.category-tab.active{font-weight:700;color:var(--accent);border-bottom-color:var(--accent);background:var(--active-bg)}.category-count{font-size:.875rem;opacity:.7;margin-left:.25rem}.category-tab.active .category-count{opacity:1;font-weight:600}@media (max-width: 768px){.preset-category-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.preset-category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:.625rem 1rem;font-size:.875rem}}.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;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem;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:.8rem;color:var(--text-secondary)}.preset-builds-section .preset-author-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem;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-authors{display:flex;flex-wrap:wrap;gap:.125rem .5rem;align-items:center;min-width:0;overflow:hidden}.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;flex-shrink:0;margin-left:auto}.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:.7rem}.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;margin-left:0}}.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);border-radius:.5rem;background:var(--surface-light);color:var(--text-primary);transition:all .2s}[data-theme=dark] .build-title-input{background:#1e1e1e99;border-color:var(--border)}.build-title-input:focus{outline:none;border-color:var(--primary-color);background:var(--surface);box-shadow:0 0 0 3px #6b9bd133}[data-theme=dark] .build-title-input:focus{background:#282828cc;border-color:var(--sky-blue);box-shadow:0 0 0 3px #6b9bd126}.build-title-input::placeholder{color:var(--text-secondary);opacity:.6}.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;padding:1rem}.dmgcalc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft);gap:1.5rem}.dmgcalc-title-section h2{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.dmgcalc-title-section h2 i{color:var(--primary-color)}.dmgcalc-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.dmgcalc-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn-action{padding:.625rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-soft)}.btn-action:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-action:active{transform:translateY(0)}.btn-action i{font-size:1rem}.dmgcalc-layout{display:flex;flex-direction:column;gap:2rem}.dmgcalc-skills-row{width:100%}.dmgcalc-details-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.damage-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill-damage-card{background:var(--surface);border-radius:.75rem;border:2px solid var(--border);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.skill-damage-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--skill-color, var(--primary-color));opacity:.7}.skill-damage-card:hover{border-color:var(--skill-color);transform:translateY(-4px);box-shadow:var(--shadow-strong)}.skill-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.skill-icon-wrapper{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--skill-color) 0%,var(--skill-color) 100%);border-radius:.75rem;box-shadow:0 4px 12px #00000026;flex-shrink:0}.skill-icon-wrapper i{font-size:1.5rem;color:#fff}.skill-info{flex:1;min-width:0}.skill-title{margin:0 0 .25rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-level-badge{display:inline-block;padding:.25rem .625rem;border-radius:.375rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.025em}.damage-values{margin-bottom:1.5rem}.damage-primary{text-align:center;padding:1.25rem;background:var(--bg-secondary);border-radius:.75rem;margin-bottom:1rem}.damage-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.damage-number{font-size:2rem;font-weight:800;line-height:1;color:var(--text-primary)}.damage-number.primary{color:var(--skill-color);text-shadow:0 2px 8px rgba(0,0,0,.1)}.damage-number.critical{color:var(--color-danger-red)}.damage-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.damage-secondary{text-align:center;padding:.75rem;background:var(--surface-light);border-radius:.5rem;border:1px solid var(--border)}.damage-secondary .damage-label{font-size:.7rem;margin-bottom:.375rem}.damage-secondary .damage-number{font-size:1.25rem;font-weight:700}.skill-breakdown{background:var(--surface-light);border-radius:.75rem;padding:1rem}.breakdown-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.breakdown-header i{color:var(--primary-color)}.breakdown-stats{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{display:flex;justify-content:space-between;padding:.5rem;background:var(--surface);border-radius:.375rem;font-size:.8125rem;transition:background .2s}.breakdown-row:hover{background:var(--bg-secondary)}.breakdown-label{color:var(--text-secondary);font-weight:500}.breakdown-value{font-weight:700;color:var(--primary-color)}.empty-skill-result{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.empty-skill-result i{font-size:2rem;margin-bottom:.75rem;color:var(--text-secondary);opacity:.5}.empty-skill-result p{margin:0;font-size:.875rem;font-weight:500}.hit-damages-section{background:var(--surface-light);border-radius:.75rem;padding:1rem;margin-top:1rem}.hit-damages-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.hit-damages-header i{color:var(--skill-color)}.hit-damages-list{display:flex;flex-direction:column;gap:.5rem}.hit-damage-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border);transition:all .2s}.hit-damage-item:hover{border-color:var(--skill-color);background:var(--bg-secondary);transform:translate(2px)}.hit-name{display:flex;flex-direction:column;gap:.25rem;flex:1;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.hit-multiplier{font-size:.7rem;color:var(--text-secondary);font-weight:500;font-family:Courier New,monospace}.hit-damage-values{display:flex;align-items:center;gap:.75rem}.hit-value{font-size:1rem;font-weight:700;color:var(--primary-color);min-width:70px;text-align:right}.hit-value-small{font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.hit-value-small.crit{color:var(--color-danger-red)}.single-hit-info{margin-top:.75rem;text-align:center}.hit-multiplier-badge{display:inline-block;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;font-size:.8125rem;font-weight:600;font-family:Courier New,monospace;color:var(--text-secondary)}.dmgcalc-section{background:var(--surface);border-radius:.75rem;border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow-soft);height:fit-content}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.section-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.section-header h3 i{color:var(--primary-color)}.section-badge{padding:.25rem .625rem;border-radius:.375rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-category{margin-bottom:1.5rem}.stat-category:last-child{margin-bottom:0}.stat-category-title{margin:0 0 .75rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem}.stat-list{display:flex;flex-direction:column;gap:.5rem}.stat-item.compact{background:var(--surface-light);border-radius:.5rem;border:1px solid var(--border);overflow:hidden;transition:all .2s}.stat-item.compact:hover{border-color:var(--primary-color);box-shadow:var(--shadow-soft)}.stat-row{padding:.75rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:.75rem}.stat-row:hover{background:var(--bg-secondary)}.stat-name{font-size:.875rem;color:var(--text-primary);font-weight:600;flex:1}.stat-total{font-size:1rem;font-weight:700;color:var(--primary-color);margin-right:.5rem}.stat-expand-icon{font-size:.75rem;color:var(--text-secondary);transition:transform .2s}.stat-expand-icon.rotated{transform:rotate(180deg)}.stat-details{border-top:1px solid var(--border);background:var(--surface)}.stat-details.hidden{display:none}.stat-sources{padding:.75rem}.stat-source-row{padding:.5rem 0;border-bottom:1px solid var(--border-light)}.stat-source-row:last-child{border-bottom:none}.source-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.8125rem;padding:.25rem 0}.source-checkbox:hover{color:var(--primary-color)}.source-checkbox input[type=checkbox]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--primary-color)}.source-label{flex:1;color:var(--text-secondary)}.source-value{font-weight:700;color:var(--success);font-size:.875rem}.stat-manual-adjust{margin-top:.75rem;padding:.75rem;border-top:1px solid var(--border);background:var(--bg-secondary)}.stat-manual-adjust label{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;color:var(--text-secondary)}.manual-input{width:100px;padding:.5rem;border-radius:.375rem;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.875rem;font-weight:600}.manual-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6b9bd11a}.empty-state-small{padding:2rem 1rem;text-align:center;color:var(--text-muted)}.empty-state-small i{font-size:2rem;margin-bottom:.75rem;color:var(--text-secondary);opacity:.5}.empty-state-small p{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.empty-state-small small{font-size:.75rem;color:var(--text-muted);display:block}.buff-list{display:flex;flex-direction:column;gap:.75rem}.buff-card{background:var(--surface-light);border-radius:.5rem;border:2px solid var(--border);padding:.75rem;transition:all .2s}.buff-card.active{border-color:var(--success);background:#7ed7c10d}.buff-card.inactive{opacity:.6}.buff-toggle{display:flex;gap:.75rem;cursor:pointer}.buff-toggle input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:var(--success);margin-top:.125rem;flex-shrink:0}.buff-content{flex:1}.buff-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:.75rem}.buff-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.buff-category-badge{display:inline-block;font-size:.7rem;padding:.125rem .5rem;border-radius:.25rem;background:var(--bg-secondary);color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.025em}.buff-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.enemy-config{display:flex;flex-direction:column;gap:1rem}.enemy-input-group{display:flex;flex-direction:column;gap:.5rem}.enemy-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.enemy-label i{color:var(--primary-color);width:1rem;text-align:center}.enemy-input{padding:.75rem;border-radius:.5rem;border:2px solid var(--border);background:var(--surface-light);color:var(--text-primary);font-size:.875rem;font-weight:600;transition:all .2s}.enemy-input:focus{outline:none;border-color:var(--primary-color);background:var(--surface);box-shadow:0 0 0 3px #6b9bd11a}.enemy-presets{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.presets-label{margin:0 0 .75rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.preset-buttons{display:flex;flex-direction:column;gap:.5rem}.preset-btn{padding:.625rem;border-radius:.375rem;border:1px solid var(--border);background:var(--surface-light);color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:not-allowed;transition:all .2s;opacity:.5}@media (max-width: 1400px){.damage-results-grid{grid-template-columns:repeat(2,1fr)}.dmgcalc-details-row{grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.damage-results-grid,.dmgcalc-details-row{grid-template-columns:1fr}.dmgcalc-header{flex-direction:column;align-items:stretch}.dmgcalc-actions{justify-content:stretch}.btn-action{flex:1}}@media (max-width: 768px){.dmgcalc-container{padding:.5rem}.dmgcalc-header{padding:1rem;gap:1rem}.dmgcalc-title-section h2{font-size:1.5rem}.dmgcalc-actions{flex-direction:column}.damage-number{font-size:1.5rem}.damage-secondary-grid{grid-template-columns:1fr}.breakdown-stats{gap:.375rem}}.skill-parameters{margin-top:1rem;padding:1rem;background:rgba(var(--surface-rgb),.3);border-radius:.5rem;border:1px solid var(--border-faint)}.skill-parameters .param-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}.skill-parameters .param-header i{color:var(--primary-color);font-size:.875rem}.skill-desc-text{font-size:.85rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem;padding:.75rem;background:var(--background);border-radius:.375rem;border-left:3px solid var(--primary-color)}.param-section{margin-top:.75rem}.param-section-title{font-size:.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.param-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-bottom:.25rem;background:var(--background);border-radius:.375rem;font-size:.85rem}.param-item .param-name{color:var(--text-primary);font-weight:500}.param-item .param-value{color:var(--accent-color);font-weight:600;font-family:Courier New,monospace}.dmgcalc-tabs{margin-bottom:2rem}.dmgcalc-tabs-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--border);padding-bottom:0;overflow-x:auto}.dmgcalc-tab-btn{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap}.dmgcalc-tab-btn i{font-size:1.125rem}.dmgcalc-tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.dmgcalc-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:transparent}.dmgcalc-tab-content{min-height:400px}.dmgcalc-skill-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.dmgcalc-skill-card{background:var(--surface);border-radius:.5rem;border:1px solid var(--border);border-left:3px solid var(--primary-color);padding:1rem}.skill-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.skill-icon{width:32px;height:32px;border-radius:.25rem;flex-shrink:0}.skill-card-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);flex:1}.skill-level{font-size:.8125rem;padding:.25rem .625rem;background:var(--bg-secondary);border-radius:.25rem;color:var(--text-secondary);font-weight:500}.skill-card-body{display:flex;flex-direction:column;gap:.375rem}.damage-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.damage-row.highlight{padding:.5rem .625rem;background:var(--bg-secondary);border-radius:.25rem;margin-top:.375rem}.damage-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.damage-value{color:var(--text-primary);font-size:.9375rem;font-weight:600;font-family:Courier New,monospace}.damage-row.highlight .damage-value{color:var(--primary-color);font-size:1rem;font-weight:700}.dmgcalc-placeholder-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{background:var(--surface);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.info-card h4{margin:0 0 1rem;font-size:1.125rem;color:var(--text-primary)}.info-card p{margin:.5rem 0;color:var(--text-secondary);font-size:.875rem}.info-card ul{margin:.5rem 0;padding-left:1.5rem;color:var(--text-secondary);font-size:.875rem}.info-card li{margin:.25rem 0}.dmgcalc-placeholder{text-align:center;padding:3rem 1.5rem;background:var(--surface);border-radius:.75rem;border:2px dashed var(--border)}.placeholder-icon{font-size:4rem;color:var(--primary-color);margin-bottom:1.5rem;opacity:.5}.dmgcalc-placeholder h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.placeholder-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.placeholder-content{max-width:800px;margin:0 auto;text-align:left}.placeholder-content h4{margin:1.5rem 0 1rem;font-size:1.125rem;color:var(--text-primary)}.placeholder-content p{margin:.5rem 0;color:var(--text-secondary)}.placeholder-content ul{padding-left:1.5rem;margin:1rem 0}.placeholder-content li{margin:.5rem 0;color:var(--text-secondary)}.placeholder-tech-note{margin-top:2rem;padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--accent-color)}.placeholder-tech-note strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.placeholder-tech-note p{margin:.25rem 0;font-size:.875rem}.placeholder-tech-note code{background:var(--background);padding:.125rem .375rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.8125rem;color:var(--primary-color)}.placeholder-status{margin-top:2rem}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:1rem;font-size:.875rem;font-weight:600}.status-badge.status-pending{background:var(--bg-secondary);color:var(--text-secondary)}.placeholder-mockup{margin:2rem 0;border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.mockup-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border)}.mockup-row:first-child{background:var(--bg-secondary);font-weight:700}.mockup-row:last-child{border-bottom:none}.mockup-label,.mockup-build,.mockup-diff{padding:.5rem}.mockup-build.highlight-better{background:#22c55e1a;color:var(--success-color, #22c55e);border-radius:.25rem}.mockup-build.highlight-worse{background:#ef44441a;color:var(--error-color, #ef4444);border-radius:.25rem}.mockup-diff.positive{color:var(--success-color, #22c55e);font-weight:700}.mockup-diff.negative{color:var(--error-color, #ef4444);font-weight:700}.mockup-manual-input{margin:1rem 0;padding:1rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border)}.mockup-stat-name{font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.mockup-comparison{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.auto-value,.manual-value,.delta{font-size:.875rem}.auto-value{color:var(--text-secondary)}.manual-value input{width:80px;padding:.25rem .5rem;border:1px solid var(--border);border-radius:.25rem;background:var(--background);color:var(--text-primary)}.separator{color:var(--border)}.delta.positive{color:var(--success-color, #22c55e);font-weight:700}.delta.negative{color:var(--error-color, #ef4444);font-weight:700}@media (max-width: 768px){.dmgcalc-tabs-nav{flex-wrap:wrap}.dmgcalc-tab-btn{font-size:.875rem;padding:.625rem 1rem}.dmgcalc-skill-cards{grid-template-columns:1fr}.mockup-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.mockup-label{grid-column:1 / -1}}.skill-description{padding:1rem;margin:1rem 0;background:var(--bg-secondary);border-radius:.5rem;font-size:.875rem;line-height:1.6;color:var(--text-secondary);border-left:3px solid var(--primary-color)}.damage-summary{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.hit-damages-section{margin-top:1rem}.section-title{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.25px}.hit-damages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.hit-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.25rem;overflow:hidden}.hit-card-header{padding:.375rem .5rem;background:var(--surface-raised);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.hit-header-left{display:flex;align-items:center;gap:.25rem}.hit-element-icon{width:16px;height:16px;flex-shrink:0}.hit-index{font-size:.6875rem;font-weight:600;color:var(--text-secondary)}.hit-percent{font-size:.75rem;font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}.hit-card-body{padding:.5rem;display:flex;flex-direction:column;gap:.375rem}.hit-stat-row{display:flex;justify-content:space-between;align-items:center}.hit-stat-row.hit-highlight{padding-top:.375rem;border-top:1px solid var(--border)}.hit-stat-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.hit-stat-value{font-size:.75rem;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.hit-stat-row.hit-highlight .hit-stat-value{color:var(--primary-color);font-weight:700}.hit-damage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.hit-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.hit-multiplier{font-family:Courier New,monospace;font-weight:700;color:var(--accent-color);font-size:.875rem}.hit-damage-values{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.hit-value{display:flex;flex-direction:column;gap:.25rem}.hit-value.highlight{background:var(--surface);padding:.5rem;border-radius:.375rem}.hit-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.hit-number{font-size:.875rem;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace}.hit-value.highlight .hit-number{color:var(--primary-color)}.breakdown-section{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.breakdown-item{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--bg-secondary);border-radius:.25rem}.breakdown-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.breakdown-value{font-size:.9375rem;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.stat-sources-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border)}.stat-sources-title{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-category-group{margin-bottom:1.5rem}.stat-category-header{font-size:.8125rem;font-weight:700;color:var(--primary-color);padding:.5rem .75rem;background:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:.25rem;margin-bottom:.75rem}.stat-list{display:flex;flex-direction:column;gap:.75rem}.stat-item-detailed{background:var(--surface);border-radius:.25rem;border:1px solid var(--border);padding:.5rem}.stat-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-item-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.stat-item-value{font-size:1rem;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.stat-item-sources{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.source-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.source-group-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:60px}.source-item{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.25rem;font-family:Courier New,monospace}.source-item.char-source{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.source-item.disc-source{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.source-item.pot-source{background:#ec489926;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.source-item.buff-source{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.dmgcalc-main-content{display:grid;grid-template-columns:1fr 350px;gap:1rem;margin-bottom:1.5rem}.dmgcalc-left-column{min-width:0}.dmgcalc-right-column{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem;align-self:flex-start;max-height:calc(100vh - 2rem);overflow-y:auto}.dmgcalc-panel{background:var(--surface);border-radius:.5rem;border:1px solid var(--border);overflow:hidden}.panel-header{padding:.75rem 1rem;background:var(--surface-raised);border-bottom:1px solid var(--border)}.panel-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.panel-title i{color:var(--primary-color);font-size:.875rem}.panel-body{padding:.875rem}.config-panel .panel-body{display:flex;flex-direction:column;gap:1rem}.config-section{display:flex;flex-direction:column;gap:.5rem}.config-section-title{margin:0;font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.config-section-title i{color:var(--primary-color)}.config-inputs{display:flex;flex-direction:column;gap:.75rem}.config-input-group{display:flex;flex-direction:column;gap:.375rem}.config-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.config-input{padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border);border-radius:.375rem;background:var(--bg);color:var(--text-primary);font-family:Courier New,monospace;transition:all .2s ease}.config-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.config-input:hover{border-color:var(--primary-color)}.buff-toggles-placeholder{padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border:1px dashed var(--border)}.placeholder-text{margin:0;font-size:.8125rem;color:var(--text-secondary);text-align:center;font-style:italic}.stats-panel .panel-body{padding:0}.stats-category-section{border-bottom:1px solid var(--border)}.stats-category-section:last-child{border-bottom:none}.stats-category-header{padding:.5rem .75rem;background:var(--surface-raised);cursor:pointer;display:flex;align-items:center;gap:.5rem;user-select:none}.category-chevron{color:var(--text-secondary);font-size:.625rem;transition:transform .15s ease}.category-chevron.rotated{transform:rotate(-90deg)}.category-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);flex:1}.category-count{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.stats-category-body{max-height:1000px;overflow:hidden;transition:max-height .2s ease}.stats-category-body.collapsed{max-height:0}.stat-row{border-bottom:1px solid var(--border-subtle)}.stat-row:last-child{border-bottom:none}.stat-row-header{padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.stat-name{font-size:.75rem;font-weight:500;color:var(--text-primary);flex:1}.stat-value{font-size:.8125rem;font-weight:600;color:var(--primary-color);font-family:Courier New,monospace}.stat-chevron{color:var(--text-secondary);font-size:.5625rem;transition:transform .15s ease}.stat-chevron.rotated{transform:rotate(90deg)}.stat-row-sources{padding:.5rem .75rem;padding-top:0;background:var(--bg);border-top:1px solid var(--border-subtle)}.stat-sources-compact{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem}.source-row{display:flex;gap:.5rem;align-items:baseline}.source-type{font-weight:600;color:var(--text-secondary);min-width:60px}.source-values{color:var(--text-primary);font-family:Courier New,monospace}.no-sources{margin:0;font-size:.75rem;color:var(--text-secondary);font-style:italic}@media (max-width: 1024px){.dmgcalc-main-content{grid-template-columns:1fr}.dmgcalc-right-column{position:static;max-height:none}}@media (max-width: 640px){.hit-damage-values{grid-template-columns:1fr}.breakdown-grid{grid-template-columns:repeat(2,1fr)}.source-group{flex-direction:column;align-items:flex-start}.source-group-label{min-width:auto}.panel-body{padding:1rem}.stat-row-header{padding:.625rem 1rem}.stat-row-sources{padding:.625rem 1rem;padding-top:0}}.dmgcalc-character-contribution{margin-top:1.5rem;padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.contribution-header{margin-bottom:1.5rem}.contribution-title{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.contribution-title i{color:var(--primary-color)}.contribution-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.contribution-cards{display:flex;flex-direction:column;gap:1rem}.contribution-card{padding:1rem;background:var(--surface-light);border-radius:.5rem;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.contribution-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.contribution-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.contribution-char-info{display:flex;align-items:center;gap:.5rem}.contribution-position{font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.contribution-char-name{font-size:1rem;color:var(--text-primary);font-weight:600}.contribution-percentage{font-size:1.25rem;font-weight:700}.contribution-bar-container{height:.5rem;background:var(--bg-secondary);border-radius:.25rem;overflow:hidden;margin-bottom:.5rem}.contribution-bar{height:100%;transition:width .3s ease;border-radius:.25rem}.contribution-stats-summary{display:flex;justify-content:flex-end;align-items:center}.contribution-stat-count{font-size:.75rem;color:var(--text-secondary);font-weight:500}.contribution-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.contribution-details-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface-light);border-radius:.5rem;cursor:pointer;transition:background-color .2s;user-select:none}.contribution-details-header:hover{background:var(--bg-secondary)}.contribution-details-header span{font-size:.875rem;color:var(--text-secondary);font-weight:500}.details-chevron{transition:transform .2s;color:var(--text-secondary);font-size:.75rem}.details-chevron.rotated{transform:rotate(90deg)}.contribution-details-body{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem}.contribution-detail-section{padding:1rem;background:var(--surface-light);border-radius:.5rem;border:1px solid var(--border)}.contribution-detail-title{margin:0 0 1rem;font-size:1rem;color:var(--text-primary);font-weight:600}.contribution-detail-stats{display:flex;flex-direction:column;gap:.5rem}.contribution-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-primary);border-radius:.375rem;border:1px solid var(--border)}.contribution-stat-name{font-size:.875rem;color:var(--text-primary);font-weight:500}.contribution-stat-value{font-size:.875rem;color:var(--success);font-weight:600}.contribution-stat-item.more-stats{background:transparent;border:1px dashed var(--border)}.contribution-stat-item.more-stats .contribution-stat-name{color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.dmgcalc-character-contribution{padding:1rem}.contribution-card{padding:.75rem}.contribution-percentage{font-size:1rem}.contribution-char-name{font-size:.875rem}}.breakdown-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border)}.breakdown-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface-raised);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-family:inherit}.breakdown-toggle:hover{background:var(--surface-elevated);border-color:var(--primary-color);transform:translateY(-1px)}.breakdown-toggle-icon{color:var(--primary-color);font-size:.875rem;transition:transform .2s ease}.breakdown-toggle-icon.expanded,.breakdown-toggle-icon.rotated{transform:rotate(90deg)}.breakdown-toggle .section-title{flex:1;margin:0;font-size:1rem;font-weight:600;text-align:left}.breakdown-toggle-hint{font-size:.75rem;color:var(--text-secondary);font-weight:500;padding:.25rem .75rem;background:var(--surface);border-radius:.25rem}.breakdown-content{margin-top:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.breakdown-category{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.breakdown-category-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.breakdown-category-title i{color:var(--primary-color);font-size:1rem}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.breakdown-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--surface-raised);border-radius:.375rem;border:1px solid var(--border-light)}.breakdown-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.breakdown-value{font-size:1.125rem;color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.breakdown-bonus,.breakdown-penalty{font-size:.75rem;font-weight:500;margin-top:.125rem}.breakdown-bonus{color:var(--success)}.breakdown-penalty{color:var(--error)}.breakdown-calculation-steps{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-raised) 100%);border:2px solid var(--primary-color);padding:1.5rem}.calculation-steps{display:flex;flex-direction:column;gap:.5rem}.calculation-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border)}.calculation-step-final{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:2px solid var(--primary-color)}.step-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-color);color:#fff;border-radius:50%;font-weight:700;font-size:.875rem;flex-shrink:0}.step-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.step-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.step-formula{font-size:.75rem;color:var(--text-secondary);font-family:Courier New,monospace;background:var(--surface-raised);padding:.5rem .75rem;border-radius:.25rem;border:1px solid var(--border-light);line-height:1.5}.step-value{font-size:1.25rem;font-weight:700;color:var(--primary-color);font-variant-numeric:tabular-nums}.step-result{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin-top:.25rem}.step-value-final{display:flex;align-items:baseline;gap:.75rem;padding:.5rem .75rem;background:var(--surface-raised);border-radius:.375rem;border:1px solid var(--border);margin-top:.25rem}.step-value-final .final-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.step-value-final .final-number{font-size:1.5rem;font-weight:700;color:var(--primary-color);font-variant-numeric:tabular-nums}.calculation-arrow{display:flex;justify-content:center;align-items:center;color:var(--primary-color);font-size:1.25rem;padding:.25rem 0}@media (max-width: 768px){.breakdown-grid{grid-template-columns:1fr}.breakdown-category{padding:.75rem}.calculation-step{flex-direction:column;gap:.75rem;padding:.75rem}.step-number{width:1.75rem;height:1.75rem;font-size:.75rem}.step-value-final{flex-direction:column;align-items:flex-start;gap:.25rem}.step-value-final .final-number{font-size:1.25rem}.breakdown-toggle{padding:.625rem .875rem}.breakdown-toggle .section-title{font-size:.875rem}}.dmgcalc-limitbreak-tab{width:100%;display:flex;flex-direction:column;gap:1.5rem}.limitbreak-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft);gap:1.5rem}.limitbreak-header-left h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;font-weight:700}.limitbreak-header-left h2 i{color:var(--primary-color)}.limitbreak-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.limitbreak-header-actions{display:flex;gap:.75rem}.skill-selector-section{padding:1.25rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.skill-selector-section .section-label{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.skill-selector-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.skill-selector-btn{padding:1rem;border-radius:.5rem;border:2px solid var(--border);background:var(--surface);color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:var(--shadow-soft)}.skill-selector-btn i{font-size:1.5rem;color:var(--text-secondary);transition:color .2s ease}.skill-selector-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.skill-selector-btn:hover i{color:var(--primary-color)}.skill-selector-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-medium)}.skill-selector-btn.active i{color:#fff}.limitbreak-results{display:flex;flex-direction:column;gap:1.5rem}.limitbreak-chart-section{padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.limitbreak-chart-section .section-title{margin:0 0 1.25rem;font-size:1.125rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-weight:600}.limitbreak-chart-section .section-title i{color:var(--primary-color)}.chart-container{width:100%;max-width:100%;height:400px;position:relative;margin-bottom:1rem}.chart-container canvas{max-height:400px}.chart-legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.legend-color{width:1rem;height:1rem;border-radius:.25rem;box-shadow:var(--shadow-soft)}.legend-label{font-weight:500}.limitbreak-table-section{padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.limitbreak-table-section .section-title{margin:0 0 1.25rem;font-size:1.125rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-weight:600}.limitbreak-table-section .section-title i{color:var(--primary-color)}.limitbreak-table-container{width:100%;overflow-x:auto}.limitbreak-table{width:100%;border-collapse:collapse;font-size:.875rem}.limitbreak-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border)}.limitbreak-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.limitbreak-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.limitbreak-table tbody tr:hover{background:var(--bg-secondary)}.limitbreak-table tbody tr.baseline-row{background:var(--surface-raised);font-weight:600}.limitbreak-table td{padding:.875rem 1rem;color:var(--text-primary)}.limitbreak-table .lb-level{font-weight:600;color:var(--primary-color)}.limitbreak-table .char-level{color:var(--text-secondary);font-size:.875rem}.limitbreak-table .total-damage,.limitbreak-table .percent-gain{font-weight:600;font-variant-numeric:tabular-nums}.limitbreak-table .percent-gain.positive{color:var(--success-color)}.limitbreak-table .stats-contrib,.limitbreak-table .buffs-contrib{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.limitbreak-insights-section{padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.limitbreak-insights-section .section-title{margin:0 0 1.25rem;font-size:1.125rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-weight:600}.limitbreak-insights-section .section-title i{color:var(--primary-color)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--surface-raised);border-radius:.5rem;border:1px solid var(--border);box-shadow:var(--shadow-soft);transition:all .2s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.insight-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:var(--primary-color);color:#fff;font-size:1.25rem;flex-shrink:0}.insight-content{flex:1;min-width:0}.insight-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.insight-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-variant-numeric:tabular-nums}.insight-desc{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.recommendation-box{padding:1.25rem;background:linear-gradient(135deg,var(--surface-raised) 0%,var(--bg-secondary) 100%);border-radius:.5rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.recommendation-box h4{margin:0 0 .75rem;font-size:.9375rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-weight:600}.recommendation-box h4 i{color:var(--primary-color)}.recommendation-box p{margin:0;font-size:.9375rem;color:var(--text-primary);line-height:1.6}.limitbreak-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.limitbreak-loading .spinner{width:3rem;height:3rem;border:3px solid var(--border);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.limitbreak-loading p{margin:0;font-size:.9375rem;color:var(--text-secondary);font-weight:500}.limitbreak-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft);text-align:center}.limitbreak-empty .empty-icon{font-size:4rem;color:var(--text-secondary);opacity:.3;margin-bottom:1.5rem}.limitbreak-empty h3{margin:0 0 .75rem;font-size:1.25rem;color:var(--text-primary);font-weight:600}.limitbreak-empty p{margin:0 0 .5rem;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.limitbreak-empty .empty-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;margin-top:1rem;background:var(--bg-secondary);border-radius:.5rem;font-size:.875rem;color:var(--text-secondary)}.limitbreak-empty .empty-hint i{color:var(--primary-color)}@media (max-width: 1024px){.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.limitbreak-header{flex-direction:column}.skill-selector-buttons{grid-template-columns:1fr}.skill-selector-btn{flex-direction:row;justify-content:flex-start}.chart-container{height:300px}.insights-grid{grid-template-columns:1fr}.limitbreak-table-container{overflow-x:scroll}.limitbreak-table{font-size:.8125rem}.limitbreak-table th,.limitbreak-table td{padding:.625rem .75rem}}.dmgcalc-manual-tab{width:100%;display:flex;flex-direction:column;gap:1.5rem}.manual-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft);gap:1.5rem}.manual-header-left h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;font-weight:700}.manual-header-left h2 i{color:var(--primary-color)}.manual-subtitle{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.manual-header-actions{display:flex;gap:.75rem}.manual-tab-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.manual-tab-left,.manual-tab-right{display:flex;flex-direction:column;gap:1.5rem}.manual-section{padding:1.5rem;background:var(--surface);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.manual-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.manual-section .section-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.manual-section .section-header h3 i{color:var(--primary-color)}.manual-section .section-count{padding:.25rem .625rem;border-radius:.375rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:700}.manual-category{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.manual-category:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.manual-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.manual-category-header .category-label{font-size:.8125rem;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em}.manual-category-header .category-stat-count{font-size:.75rem;color:var(--text-secondary);font-weight:500}.manual-category-stats{display:flex;flex-direction:column;gap:.5rem}.manual-stat-item{background:var(--surface-light);border-radius:.5rem;border:1px solid var(--border);overflow:hidden;transition:all .2s ease}.manual-stat-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-soft)}.manual-stat-header{padding:.75rem;display:flex;align-items:center;gap:.75rem;background:var(--surface)}.manual-stat-header .stat-key{font-size:.6875rem;font-weight:600;color:var(--text-secondary);font-family:Courier New,monospace;padding:.125rem .375rem;background:var(--bg-secondary);border-radius:.25rem}.manual-stat-header .stat-display-name{flex:1;font-size:.875rem;font-weight:600;color:var(--text-primary)}.manual-stat-header .stat-total-value{font-size:1rem;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.manual-stat-sources{padding:.75rem;background:var(--bg-secondary);display:flex;flex-direction:column;gap:.5rem}.no-sources-text{padding:.5rem .75rem;font-size:.75rem;color:var(--text-secondary);font-style:italic}.source-group-item{padding:.5rem .75rem;background:var(--surface);border-radius:.375rem;border-left:3px solid var(--source-color, var(--primary-color))}.source-group-header{display:flex;align-items:center;gap:.5rem}.source-group-header i{font-size:.75rem}.source-group-label{flex:1;font-size:.75rem;font-weight:600;color:var(--text-primary)}.source-group-total{font-size:.8125rem;font-weight:700;color:var(--source-color, var(--primary-color));font-family:Courier New,monospace}.source-group-details{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.source-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;padding:.25rem 0}.source-detail-name{color:var(--text-secondary)}.source-detail-value{font-family:Courier New,monospace;font-weight:600;color:var(--text-primary)}.damage-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.damage-type-card{padding:.75rem;background:var(--surface-raised);border-radius:.5rem;border:1px solid var(--border)}.damage-type-header{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.damage-type-name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.damage-type-stats{display:flex;flex-direction:column;gap:.375rem}.damage-type-stat{display:flex;justify-content:space-between;align-items:center}.damage-type-stat .stat-label{font-size:.6875rem;color:var(--text-secondary);font-weight:500}.damage-type-stat .stat-value{font-size:.8125rem;font-weight:600;color:var(--success);font-family:Courier New,monospace}.general-multipliers{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}.general-multipliers h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.multiplier-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.multiplier-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--surface-raised);border-radius:.375rem;border:1px solid var(--border);opacity:.6}.multiplier-item.has-value{opacity:1;border-color:var(--success);background:#10b9810d}.multiplier-label{font-size:.75rem;font-weight:500;color:var(--text-primary)}.multiplier-key{font-size:.625rem;font-weight:600;color:var(--text-secondary);font-family:Courier New,monospace}.multiplier-value{font-size:.9375rem;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace}.multiplier-item.has-value .multiplier-value{color:var(--success)}.no-data{margin:0;padding:1rem;font-size:.875rem;color:var(--text-secondary);font-style:italic;text-align:center}.buffs-breakdown-section .no-buffs-message{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center}.buffs-breakdown-section .no-buffs-message i{font-size:2rem;color:var(--text-secondary);opacity:.5;margin-bottom:.75rem}.buffs-breakdown-section .no-buffs-message p{margin:0;font-size:.875rem;color:var(--text-secondary)}.buffs-breakdown-section .no-buffs-message .hint{margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.buff-character-group{margin-bottom:1rem}.buff-character-group:last-child{margin-bottom:0}.buff-character-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface-raised);border-radius:.375rem;border-left:3px solid var(--primary-color);margin-bottom:.75rem}.character-position{font-size:.875rem;font-weight:600;color:var(--text-primary)}.buff-count{font-size:.75rem;color:var(--text-secondary);font-weight:500}.buff-list-detailed{display:flex;flex-direction:column;gap:.5rem}.buff-detail-card{background:var(--surface-light);border-radius:.5rem;border:2px solid var(--border);overflow:hidden;transition:all .2s ease}.buff-detail-card.active{border-color:var(--success);background:#10b9810d}.buff-detail-card.inactive{opacity:.5;border-color:var(--border)}.buff-detail-header{padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--surface)}.buff-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1}.buff-checkbox{width:1rem;height:1rem;accent-color:var(--success);cursor:pointer}.buff-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.buff-category{font-size:.6875rem;font-weight:700;padding:.125rem .5rem;background:var(--bg-secondary);border-radius:.25rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.buff-description{padding:.5rem .75rem;font-size:.75rem;color:var(--text-secondary);line-height:1.5;border-top:1px solid var(--border);background:var(--bg-secondary)}.buff-values-list{padding:.5rem .75rem;display:flex;flex-wrap:wrap;gap:.375rem;border-top:1px solid var(--border)}.buff-value-item{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:var(--surface);border-radius:.25rem;font-size:.6875rem}.buff-value-stat{color:var(--text-secondary);font-weight:500}.buff-value-amount{color:var(--success);font-weight:700;font-family:Courier New,monospace}.formula-reference-section .section-body{display:flex;flex-direction:column;gap:1.25rem}.formula-box{padding:1rem;background:var(--surface-raised);border-radius:.5rem;border:1px solid var(--border)}.formula-box h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.formula-text{padding:.75rem;background:var(--bg);border-radius:.375rem;overflow-x:auto}.formula-text code{font-family:Courier New,monospace;font-size:.75rem;color:var(--primary-color);white-space:nowrap}.formula-terms h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.term-list{display:flex;flex-direction:column;gap:.5rem}.term-item{display:flex;gap:.75rem;padding:.5rem;background:var(--surface-raised);border-radius:.375rem;border:1px solid var(--border)}.term-name{font-size:.75rem;font-weight:700;color:var(--primary-color);font-family:Courier New,monospace;min-width:80px}.term-desc{font-size:.75rem;color:var(--text-secondary);flex:1}.formula-crit h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.formula-note{margin:.5rem 0 0;font-size:.6875rem;color:var(--text-secondary);font-style:italic}@media (max-width: 1024px){.manual-tab-content{grid-template-columns:1fr}}@media (max-width: 768px){.manual-header{flex-direction:column}.damage-type-grid{grid-template-columns:repeat(2,1fr)}.multiplier-grid{grid-template-columns:1fr}.manual-section{padding:1rem}.manual-stat-header{flex-wrap:wrap}.manual-stat-header .stat-key{order:3;width:100%;margin-top:.5rem}.formula-text code{font-size:.625rem}}