.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-inner{max-width:1400px;margin:0 auto}.dmgcalc-layout{display:flex;gap:1.5rem;padding:1rem}.dmgcalc-sidebar{flex:0 0 300px;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 120px);overflow-y:auto}.dmgcalc-main{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.dmgcalc-buffs-section{width:100%;margin-top:1rem;padding:0 1rem;box-sizing:border-box}.dmgcalc-panel{background:var(--surface, #1a1a2e);border-radius:8px;padding:1rem}.dmgcalc-panel-title{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary, #888);margin-bottom:.75rem;letter-spacing:.05em}.char-card{display:flex;align-items:center;gap:.75rem}.char-card-portrait{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--bg-secondary, #2a2a3e);flex-shrink:0}.char-card-portrait img,.char-card-image{width:48px;height:48px;border-radius:50%;object-fit:cover}.char-card-info{flex:1}.char-card-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.char-card-level{font-size:.75rem;color:var(--text-secondary, #888)}.char-card-stats{display:flex;gap:.75rem;margin-top:.75rem}.char-stat{text-align:center;flex:1}.char-stat-value{font-size:.85rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.char-stat-label{font-size:.65rem;color:var(--text-secondary, #888)}.lb-stepper{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.lb-stepper button{width:28px;height:28px;border-radius:4px;border:1px solid var(--border, #444);background:var(--bg-secondary, #2a2a3e);color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.lb-stepper button:hover:not(:disabled){background:var(--bg-tertiary, #3a3a4e)}.lb-stepper button:disabled{opacity:.3;cursor:not-allowed}.lb-stepper-value{font-size:.85rem;color:var(--text-primary, #e0e0e0);min-width:40px;text-align:center}.disc-summary{display:flex;flex-direction:column;gap:2px}.disc-level-ctrl{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.8rem;color:#ccc}.disc-level-input{width:40px;background:#2a2a3e;border:1px solid #444;border-radius:4px;padding:2px 4px;color:#e0e0e0;font-size:.8rem;text-align:center}.disc-level-input:focus{border-color:var(--primary-color, #6c5ce7);outline:none}.disc-ctrl-btn{width:22px;height:22px;border-radius:3px;border:1px solid #444;background:#2a2a3e;color:#e0e0e0;cursor:pointer;font-size:.75rem;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.disc-ctrl-btn:hover:not(:disabled){background:#3a3a4e}.disc-ctrl-btn:disabled{opacity:.3;cursor:not-allowed}.disc-slot-row{display:flex;align-items:center;font-size:.75rem;padding:2px 0;gap:.25rem}.disc-slot-label{color:var(--text-secondary, #888);min-width:2em;flex-shrink:0}.disc-slot-name{flex:1;color:var(--text-primary, #ccc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc-slot-lb-ctrl{display:flex;align-items:center;gap:2px;flex-shrink:0}.disc-slot-lb-value{font-size:.7rem;color:#888;min-width:28px;text-align:center}.disc-summary-empty{font-size:.75rem;color:var(--text-secondary, #888);padding:.5rem 0}.enemy-config{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.enemy-field{display:flex;flex-direction:column;gap:2px}.enemy-field label{font-size:.7rem;color:var(--text-secondary, #888)}.enemy-input{background:var(--bg-secondary, #2a2a3e);border:1px solid var(--border, #444);border-radius:4px;padding:4px 8px;color:var(--text-primary, #e0e0e0);font-size:.8rem;width:100%;box-sizing:border-box}.enemy-input:focus{border-color:var(--primary-color, #6c5ce7);outline:none}.toughness-toggle{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:.8rem;color:var(--text-primary, #ccc)}.toggle-switch{position:relative;display:inline-block;width:36px;height:20px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border, #444);border-radius:10px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--text-primary, #e0e0e0);top:2px;left:2px;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--primary-color, #6c5ce7)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.skill-card{background:var(--surface, #1a1a2e);border-radius:8px;overflow:hidden}.skill-card-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}.skill-card--normalAtk .skill-card-header{border-top:3px solid #ff9800}.skill-card--skill .skill-card-header{border-top:3px solid #2196f3}.skill-card--ultimate .skill-card-header{border-top:3px solid #e91e63}.skill-card-icon,.skill-card-icon-placeholder{width:36px;height:36px;border-radius:6px;background:var(--bg-secondary, #2a2a3e);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.skill-card-icon{object-fit:cover}.skill-card-name{font-size:.9rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.skill-card-level{font-size:.7rem;color:var(--text-secondary, #888)}.skill-card-level-stepper{display:inline-flex;align-items:center;gap:2px}.skill-level-btn{width:20px;height:20px;border-radius:3px;border:1px solid var(--border, #444);background:var(--bg-secondary, #2a2a3e);color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.skill-level-btn:hover{background:var(--bg-tertiary, #3a3a4e)}.skill-card-total{margin-left:auto;font-size:1.4rem;font-weight:700;color:var(--text-primary, #fff)}.hit-table-body{padding:0 1rem .75rem}.hit-table{width:100%;border-collapse:collapse}.hit-table th{font-size:.7rem;color:var(--text-secondary, #888);text-transform:uppercase;text-align:right;padding:4px 8px;border-bottom:1px solid var(--border, #333)}.hit-table th:first-child{text-align:left}.hit-table td{font-size:.8rem;color:var(--text-primary, #ccc);text-align:right;padding:6px 8px;border-bottom:1px solid var(--border-light, #222)}.hit-table td:first-child{text-align:left;color:var(--text-secondary, #888)}.hit-table tr:last-child td{border-bottom:none}.hit-table tfoot td{font-weight:600;color:var(--text-primary, #e0e0e0);border-top:1px solid var(--border, #444);border-bottom:none}.hit-table-empty{text-align:center!important;color:var(--text-secondary, #888);font-style:italic}.dmgcalc-buffs-panel{width:100%}.buff-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 1.5rem;align-items:start}.buff-block{padding:.5rem 0;border-top:1px solid var(--border, #333)}.buff-block:first-child{border-top:none}.buff-block-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.buff-block-title{font-size:.8rem;font-weight:600;color:var(--text-primary, #e0e0e0)}.buff-block-count{font-size:.7rem;color:var(--text-secondary, #888)}.buff-lb-title{color:var(--warning, #ff9800)}.buff-lb-icon{color:var(--warning, #ff9800);font-size:.65rem;margin-right:2px}.buff-row{display:flex;align-items:center;gap:.25rem;padding:1px 0;font-size:.75rem;min-height:24px}.buff-row-name{color:var(--text-primary, #ccc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.buff-row-value{color:var(--success, #4caf50);font-size:.7rem;white-space:nowrap;margin-left:auto;flex-shrink:0}.lvl-stepper{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;margin:0 2px}.lvl-stepper-val{font-size:.7rem;color:var(--primary-color, #6c5ce7);min-width:30px;text-align:center;font-weight:600}.lvl-stepper-val.lvl-zero{color:var(--text-secondary, #666)}.buff-level{display:inline-block;font-size:.65rem;color:var(--primary-color, #6c5ce7);background:#6c5ce726;border-radius:3px;padding:0 4px;font-weight:600}.buff-notes-block{grid-column:1 / -1}.notes-title{color:var(--info, #42a5f5)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 1.5rem}.note-row{display:flex;align-items:center;gap:.25rem;padding:1px 0;font-size:.75rem;min-height:24px}.note-row-name{color:var(--text-primary, #ccc);white-space:nowrap;min-width:5em;flex-shrink:0}.note-row-effect{color:var(--success, #4caf50);font-size:.7rem;white-space:nowrap;margin-left:auto}.dmgcalc-stat-summary{width:100%}.stat-summary-row{border-bottom:1px solid var(--border-light, #222);font-size:.8rem}.stat-summary-row:last-child{border-bottom:none}.stat-summary-row>summary{display:flex;align-items:center;padding:4px 0;cursor:pointer;list-style:none}.stat-summary-row>summary::-webkit-details-marker{display:none}.stat-summary-row>summary:before{content:"▸";color:var(--text-secondary, #666);font-size:.7rem;width:1em;flex-shrink:0;transition:transform .15s}.stat-summary-row[open]>summary:before{transform:rotate(90deg)}.stat-summary-label{flex:1;color:var(--text-primary, #ccc);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-summary-calc{flex-shrink:0;color:var(--info, #42a5f5);font-weight:600;font-size:.8rem;min-width:50px;text-align:right}.stat-summary-arrow{color:var(--text-secondary, #555);font-size:.7rem;flex-shrink:0;margin:0 2px}.stat-override-input{width:65px;text-align:right;background:transparent;border:1px solid var(--border, #333);border-radius:3px;color:var(--text-secondary, #888);font-size:.75rem;padding:1px 4px;flex-shrink:0}.stat-override-input::placeholder{color:var(--text-secondary, #444);font-size:.65rem}.stat-override-input:focus{border-color:var(--primary-color, #6c5ce7);outline:none;background:var(--bg-secondary, #2a2a3e);color:var(--warning, #ff9800)}.stat-overridden .stat-override-input{color:var(--warning, #ff9800);font-weight:600;border-color:var(--warning, #ff9800)}.stat-overridden .stat-summary-calc{text-decoration:line-through;opacity:.5}.stat-summary-effective{font-size:.75rem;color:var(--success, #4caf50);font-weight:600;min-width:50px;text-align:right;flex-shrink:0;display:none}.stat-summary-effective.active{display:inline}.stat-src-breakdown{padding:2px 0 6px 1em}.stat-src-row{display:flex;align-items:center;padding:1px 0;font-size:.7rem}.stat-src-name{flex:1;color:var(--text-secondary, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-src-val{color:var(--success, #4caf50);flex-shrink:0;margin-left:.5rem}.dmgcalc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary, #888);text-align:center;padding:2rem}@media (max-width: 900px){.dmgcalc-layout{flex-direction:column}.dmgcalc-sidebar{flex:none;max-height:none}.buff-panel-grid,.notes-grid{grid-template-columns:1fr}}