.disc-hero{display:flex;align-items:center;gap:var(--ss-spacing-xl);margin-bottom:var(--ss-spacing-xl);background:var(--ss-gradient-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-xl)}.disc-hero-image{width:120px;height:120px;border-radius:var(--ss-radius-md);object-fit:cover;border:3px solid var(--ss-border)}.disc-hero-info{flex:1}.disc-hero-name{font-size:2.5rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-sm)}.disc-hero-meta{display:flex;flex-wrap:wrap;gap:var(--ss-spacing-md);margin-bottom:var(--ss-spacing-md)}.disc-hero-description{color:var(--ss-text-secondary);line-height:1.6;font-size:1.125rem}.disc-section{background:var(--ss-gradient-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-xl);margin-bottom:var(--ss-spacing-xl)}.disc-section-title{font-size:1.75rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-lg);padding-bottom:var(--ss-spacing-md);border-bottom:2px solid var(--ss-border)}.disc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--ss-spacing-md)}.disc-stat-item{background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-spacing-md)}.disc-stat-label{font-size:.875rem;color:var(--ss-text-secondary);margin-bottom:var(--ss-spacing-xs);text-transform:uppercase;font-weight:var(--ss-font-medium)}.disc-stat-value{font-size:1.125rem;color:var(--ss-text-primary);font-weight:var(--ss-font-bold)}.disc-skill{background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-spacing-lg);margin-bottom:var(--ss-spacing-lg)}.disc-skill:last-child{margin-bottom:0}.disc-skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ss-spacing-md)}.disc-skill-name{font-size:1.25rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary)}.disc-skill-type{background:var(--ss-accent-20);color:var(--ss-accent);padding:6px 12px;border-radius:var(--ss-radius-sm);font-size:.75rem;font-weight:var(--ss-font-medium);text-transform:uppercase}.disc-skill-effect{color:var(--ss-text-secondary);line-height:1.6;font-size:1rem}.disc-skill-requirements{margin-top:var(--ss-spacing-md);padding-top:var(--ss-spacing-md);border-top:1px solid var(--ss-border);font-size:.875rem;color:var(--ss-text-muted)}.disc-support-info{background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-spacing-lg);margin-bottom:var(--ss-spacing-md)}.disc-support-source{font-size:1.125rem;color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-lg);font-weight:var(--ss-font-medium)}.disc-melodies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--ss-spacing-lg)}.disc-melody{background:var(--ss-bg-primary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-spacing-md)}.disc-melody-name{font-size:1rem;color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-sm);font-weight:var(--ss-font-medium);text-transform:uppercase}.disc-melody-effect{font-size:.875rem;color:var(--ss-text-secondary);line-height:1.4;margin-bottom:var(--ss-spacing-xs)}.disc-skill-effect strong,.disc-support-info strong{color:var(--ss-primary);font-weight:700}@media (max-width: 1024px){.disc-hero{gap:var(--ss-spacing-lg)}.disc-section{padding:var(--ss-spacing-lg)}}@media (max-width: 768px){.disc-hero{flex-direction:column;text-align:center;gap:var(--ss-spacing-lg);padding:var(--ss-spacing-lg)}.disc-hero-image{width:140px;height:140px}.disc-hero-name{font-size:2.25rem;line-height:1.2}.disc-hero-description{font-size:1rem;text-align:center}.disc-section{padding:var(--ss-spacing-md);margin-bottom:var(--ss-spacing-lg)}.disc-section-title{font-size:1.5rem}.disc-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--ss-spacing-sm)}.disc-stat-item{padding:var(--ss-spacing-sm)}.disc-skill{padding:var(--ss-spacing-md);margin-bottom:var(--ss-spacing-md)}.disc-skill-header{flex-direction:column;align-items:flex-start;gap:var(--ss-spacing-sm)}.disc-skill-name{font-size:1.125rem}.disc-skill-effect{font-size:.9rem}.disc-support-info{padding:var(--ss-spacing-md)}.disc-melodies-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--ss-spacing-md)}.disc-melody{padding:var(--ss-spacing-sm)}}@media (max-width: 640px){.disc-hero-name{font-size:2rem}.disc-hero-meta{justify-content:center;flex-wrap:wrap}.disc-section{padding:var(--ss-spacing-sm)}.disc-stats-grid{grid-template-columns:1fr}.disc-skill-header{align-items:center}.disc-melodies-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--ss-spacing-sm)}}@media (max-width: 480px){.disc-hero{padding:var(--ss-spacing-md)}.disc-hero-image{width:120px;height:120px}.disc-hero-name{font-size:1.75rem}.disc-hero-description{font-size:.9rem}.disc-section{padding:var(--ss-spacing-sm);margin-bottom:var(--ss-spacing-md)}.disc-section-title{font-size:1.375rem;margin-bottom:var(--ss-spacing-md)}.disc-stat-item{padding:var(--ss-spacing-xs)}.disc-stat-label{font-size:.75rem}.disc-stat-value{font-size:1rem}.disc-skill{padding:var(--ss-spacing-sm)}.disc-skill-name{font-size:1rem}.disc-skill-effect{font-size:.875rem}.disc-skill-type{font-size:.625rem;padding:4px 8px}.disc-support-info{padding:var(--ss-spacing-sm)}.disc-melodies-grid{grid-template-columns:1fr;gap:var(--ss-spacing-sm)}.disc-melody{padding:var(--ss-spacing-sm)}.disc-melody-name{font-size:.875rem}.disc-melody-effect{font-size:.75rem}}.disc-individual{padding:var(--ss-spacing-lg) 0}.disc-art-showcase{background:var(--ss-gradient-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-xl);margin-bottom:var(--ss-spacing-xl);display:flex;justify-content:center;align-items:center}.disc-art-container{max-width:800px;width:100%}.disc-art-image{width:100%;height:auto;border-radius:var(--ss-radius-lg);border:3px solid var(--ss-border);box-shadow:0 8px 32px #0000004d}.disc-info-section{background:var(--ss-gradient-card);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-xl);margin-bottom:var(--ss-spacing-xl);text-align:center}.disc-info-name{font-size:2.5rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-md)}.disc-info-meta{display:flex;gap:var(--ss-spacing-lg);margin-bottom:var(--ss-spacing-md);justify-content:center;flex-wrap:wrap}.rarity-display,.element-display{display:flex;align-items:center;gap:var(--ss-spacing-xs)}.disc-info-tags{display:flex;flex-wrap:wrap;gap:var(--ss-spacing-sm);justify-content:center}.section-title{font-size:1.5rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-lg);padding-bottom:var(--ss-spacing-sm);border-bottom:2px solid var(--ss-accent)}.section-description{color:var(--ss-text-secondary);margin-bottom:var(--ss-spacing-lg)}.subsection-title{font-size:1.125rem;font-weight:var(--ss-font-semibold);color:var(--ss-text-primary);margin-top:0;margin-bottom:var(--ss-spacing-md)}.stats-controls{display:flex;flex-wrap:wrap;gap:var(--ss-spacing-lg);margin-bottom:var(--ss-spacing-lg)}.level-selector,.dupe-selector{display:flex;align-items:center;gap:var(--ss-spacing-sm)}.dupe-selector label{font-weight:var(--ss-font-medium);color:var(--ss-text-secondary)}.dupe-buttons{display:flex;gap:4px}.dupe-btn{padding:var(--ss-spacing-xs) var(--ss-spacing-sm);background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);color:var(--ss-text-secondary);font-size:.75rem;font-weight:var(--ss-font-medium);cursor:pointer;transition:all .2s ease}.dupe-btn:hover{border-color:var(--ss-accent);color:var(--ss-text-primary)}.dupe-btn.active{background:var(--ss-accent);border-color:var(--ss-accent);color:#fff}.level-selector label{font-weight:var(--ss-font-medium);color:var(--ss-text-secondary)}.level-input{width:80px;padding:var(--ss-spacing-sm);background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);color:var(--ss-text-primary);font-size:1rem;text-align:center;color-scheme:dark;-moz-appearance:textfield}.level-input::-webkit-outer-spin-button,.level-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.level-input:focus{outline:none;border-color:var(--ss-accent)}.level-btn-control{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);color:var(--ss-text-primary);font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease;user-select:none;-webkit-tap-highlight-color:transparent}.level-btn-control:hover{background:var(--ss-accent-20);border-color:var(--ss-accent)}.level-btn-control:active{background:var(--ss-accent);color:var(--ss-bg-primary)}.level-max{color:var(--ss-text-muted)}.stats-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--ss-spacing-md)}.stat-item{display:flex;flex-direction:column;background:var(--ss-bg-tertiary);padding:var(--ss-spacing-md);border-radius:var(--ss-radius-md);text-align:center}.stat-label{font-size:.75rem;color:var(--ss-text-muted);text-transform:uppercase;margin-bottom:var(--ss-spacing-xs)}.stat-value{font-size:1.25rem;font-weight:var(--ss-font-bold);color:var(--ss-accent)}.dupe-section{margin-top:var(--ss-spacing-xl);padding-top:var(--ss-spacing-lg);border-top:1px solid var(--ss-border)}.dupe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--ss-spacing-md)}.dupe-item{background:var(--ss-bg-tertiary);padding:var(--ss-spacing-md);border-radius:var(--ss-radius-md);text-align:center}.dupe-label{font-size:.75rem;color:var(--ss-text-muted);margin-bottom:var(--ss-spacing-xs)}.dupe-stat{font-size:.875rem;font-weight:var(--ss-font-semibold);color:var(--ss-accent)}.dupe-item.dupe-active{background:#4ade8033;border:1px solid rgba(74,222,128,.4)}.dupe-item.dupe-active .dupe-stat{color:#4ade80}.dupe-bonus-indicator{font-size:.75rem;color:#f59e0b;margin-left:var(--ss-spacing-xs)}.breakthrough-section{margin-top:var(--ss-spacing-xl);padding-top:var(--ss-spacing-lg);border-top:1px solid var(--ss-border)}.breakthrough-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--ss-spacing-sm)}.breakthrough-item{background:var(--ss-bg-tertiary);padding:var(--ss-spacing-sm);border-radius:var(--ss-radius-md);text-align:center;border:1px solid var(--ss-border)}.breakthrough-level{font-size:.75rem;color:var(--ss-text-muted);margin-bottom:var(--ss-spacing-xs);font-weight:var(--ss-font-medium)}.breakthrough-stats{display:flex;flex-direction:column;gap:2px}.breakthrough-hp{font-size:.8rem;color:#4ade80;font-weight:var(--ss-font-semibold)}.breakthrough-atk{font-size:.8rem;color:#f87171;font-weight:var(--ss-font-semibold)}.max-stats-section{margin-top:var(--ss-spacing-xl);padding-top:var(--ss-spacing-lg);border-top:1px solid var(--ss-border)}.max-stats-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--ss-spacing-md)}.max-stats-display .stat-item{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid rgba(251,191,36,.3)}.max-stats-display .stat-value{color:#fbbf24}.max-stats-display .dupe-bonus{font-size:.75rem;color:#f59e0b;margin-left:var(--ss-spacing-xs)}.skill-card{background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:var(--ss-spacing-lg);margin-bottom:var(--ss-spacing-lg)}.skill-card:last-child{margin-bottom:0}.skill-header{display:flex;align-items:center;gap:var(--ss-spacing-md);margin-bottom:var(--ss-spacing-md)}.skill-icon-container{width:48px;height:48px;flex-shrink:0}.skill-info{flex:1}.skill-name{font-size:1.125rem;font-weight:var(--ss-font-bold);color:var(--ss-text-primary);margin-bottom:var(--ss-spacing-xs)}.skill-type{font-size:.75rem;color:var(--ss-text-muted);text-transform:uppercase}.skill-levels{display:flex;flex-wrap:wrap;gap:var(--ss-spacing-xs);margin-bottom:var(--ss-spacing-md)}.level-btn{padding:var(--ss-spacing-xs) var(--ss-spacing-md);background:var(--ss-bg-secondary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-sm);color:var(--ss-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.level-btn:hover{border-color:var(--ss-accent);color:var(--ss-text-primary)}.level-btn.active{background:var(--ss-accent);border-color:var(--ss-accent);color:#fff}.skill-description{color:var(--ss-text-secondary);line-height:1.6;white-space:pre-wrap}.skill-requirements{margin-top:var(--ss-spacing-lg);padding-top:var(--ss-spacing-md);border-top:1px solid var(--ss-border)}.requirements-title{font-size:.875rem;font-weight:var(--ss-font-semibold);color:var(--ss-text-secondary);margin-bottom:var(--ss-spacing-sm)}.requirements-list{display:flex;flex-wrap:wrap;gap:var(--ss-spacing-md)}.requirement-item{display:flex;align-items:center;gap:var(--ss-spacing-xs);font-size:.875rem;color:var(--ss-text-primary)}.support-notes-table-container{overflow-x:auto}.support-notes-table{width:100%;border-collapse:collapse}.support-notes-table th,.support-notes-table td{padding:var(--ss-spacing-md);border:1px solid var(--ss-border);text-align:left}.support-notes-table th{background:var(--ss-bg-tertiary);font-weight:var(--ss-font-semibold);color:var(--ss-text-secondary);font-size:.875rem}.level-cell{font-weight:var(--ss-font-medium);color:var(--ss-text-primary);width:80px}.notes-list{display:flex;flex-wrap:wrap;gap:var(--ss-spacing-md)}.note-item{display:flex;align-items:center;gap:var(--ss-spacing-xs);font-size:.875rem;color:var(--ss-text-primary)}.upgrades-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--ss-spacing-md)}.upgrade-card{background:var(--ss-bg-tertiary);border:1px solid var(--ss-border);border-radius:var(--ss-radius-md);padding:var(--ss-spacing-md)}.upgrade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ss-spacing-md);padding-bottom:var(--ss-spacing-sm);border-bottom:1px solid var(--ss-border)}.upgrade-level{font-weight:var(--ss-font-semibold);color:var(--ss-text-primary)}.upgrade-cost{font-size:.875rem;color:var(--ss-accent);display:flex;align-items:center;gap:var(--ss-spacing-xs)}.upgrade-materials{display:flex;flex-direction:column;gap:var(--ss-spacing-sm)}.material-item{display:flex;align-items:center;gap:var(--ss-spacing-sm);font-size:.875rem}.material-name{color:var(--ss-text-secondary);flex:1}.material-qty{color:var(--ss-text-primary);font-weight:var(--ss-font-medium)}.rarity-badge{display:inline-block;padding:4px 12px;border-radius:var(--ss-radius-sm);font-size:.875rem;font-weight:var(--ss-font-medium)}.rarity-3{background:#60a5fa33;color:#60a5fa}.rarity-4{background:#a78bfa33;color:#a78bfa}.rarity-5{background:#fbbf2433;color:#fbbf24}.element-badge{display:inline-block;padding:4px 12px;border-radius:var(--ss-radius-sm);font-size:.875rem;font-weight:var(--ss-font-medium)}.element-aqua{background:#3b82f633;color:#3b82f6}.element-ignis{background:#ef444433;color:#ef4444}.element-lux{background:#facc1533;color:#facc15}.element-terra{background:#84cc1633;color:#84cc16}.element-umbra{background:#8b5cf633;color:#8b5cf6}.element-ventus{background:#2dd4bf33;color:#2dd4bf}.element-none{background:#9ca3af33;color:#9ca3af}.tag-badge{display:inline-block;padding:4px 10px;background:var(--ss-accent-20);border:1px solid var(--ss-accent);border-radius:var(--ss-radius-sm);font-size:.75rem;color:var(--ss-accent);text-transform:uppercase}@media (max-width: 1024px){.disc-art-container{max-width:600px}.disc-info-name{font-size:2rem}.upgrades-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.disc-individual{padding:var(--ss-spacing-md) 0}.disc-art-showcase{padding:var(--ss-spacing-md);margin-bottom:var(--ss-spacing-lg)}.disc-art-container{max-width:100%}.disc-art-image{border-width:2px}.disc-info-section{padding:var(--ss-spacing-lg);margin-bottom:var(--ss-spacing-lg)}.disc-info-name{font-size:1.5rem}.disc-info-meta{flex-direction:column;align-items:center;gap:var(--ss-spacing-md)}.rarity-display,.element-display{justify-content:center}.disc-info-tags{gap:var(--ss-spacing-sm)}.section-title{font-size:1.25rem}.stats-controls{flex-direction:column;gap:var(--ss-spacing-md)}.level-selector{width:100%;justify-content:center}.dupe-selector{width:100%;flex-direction:column;align-items:flex-start;gap:var(--ss-spacing-xs)}.dupe-buttons{flex-wrap:wrap;width:100%}.dupe-btn{flex:1;min-width:44px;min-height:44px;padding:var(--ss-spacing-sm)}.level-input{font-size:16px}.stats-display,.dupe-grid{grid-template-columns:repeat(2,1fr)}.breakthrough-grid{grid-template-columns:repeat(4,1fr)}.max-stats-display{grid-template-columns:repeat(2,1fr)}.upgrades-grid{grid-template-columns:1fr}.skill-card{padding:var(--ss-spacing-md)}.skill-levels{gap:4px}.level-btn{padding:6px 10px;font-size:.7rem}.level-btn-control{width:40px;height:40px;font-size:1.5rem}}@media (max-width: 480px){.disc-individual{padding:var(--ss-spacing-sm) 0}.disc-art-showcase{padding:var(--ss-spacing-sm);border-radius:var(--ss-radius-md)}.disc-info-section{padding:var(--ss-spacing-md)}.disc-info-name{font-size:1.25rem;line-height:1.3;margin-bottom:var(--ss-spacing-sm)}.disc-info-meta{flex-direction:column;align-items:center;gap:var(--ss-spacing-sm)}.rarity-display{margin-bottom:var(--ss-spacing-xs)}.element-display{flex-wrap:nowrap;gap:var(--ss-spacing-xs)}.element-badge{font-size:.8rem;padding:3px 10px}.disc-info-tags{gap:var(--ss-spacing-xs);margin-top:var(--ss-spacing-sm)}.tag-badge{font-size:.7rem;padding:4px 10px}.section-title{font-size:1.125rem;margin-bottom:var(--ss-spacing-md)}.level-selector{flex-wrap:wrap;gap:var(--ss-spacing-xs)}.level-input{width:70px;padding:6px;font-size:16px}.level-btn-control{width:44px;height:44px;font-size:1.75rem}.stats-display{grid-template-columns:1fr 1fr;gap:var(--ss-spacing-sm)}.stat-item{padding:var(--ss-spacing-sm)}.stat-label{font-size:.65rem}.stat-value{font-size:1rem}.dupe-grid{grid-template-columns:repeat(3,1fr);gap:var(--ss-spacing-xs)}.dupe-item{padding:var(--ss-spacing-sm)}.dupe-label{font-size:.65rem}.dupe-stat{font-size:.75rem}.breakthrough-grid{grid-template-columns:repeat(4,1fr);gap:var(--ss-spacing-xs)}.breakthrough-item{padding:var(--ss-spacing-xs)}.breakthrough-level{font-size:.65rem}.breakthrough-hp,.breakthrough-atk{font-size:.7rem}.max-stats-display{grid-template-columns:1fr 1fr;gap:var(--ss-spacing-sm)}.subsection-title{font-size:1rem}.skill-header{gap:var(--ss-spacing-sm)}.skill-icon-container{width:40px;height:40px}.skill-name{font-size:1rem}.skill-description{font-size:.875rem}.upgrade-card{padding:var(--ss-spacing-sm)}.material-item{font-size:.8rem}.support-notes-table th,.support-notes-table td{padding:var(--ss-spacing-sm);font-size:.8rem}.note-item{font-size:.75rem}}