.exp-section{margin:2rem 0;padding:1.5rem;background:var(--zn-bg-secondary);border-radius:8px;border:1px solid var(--zn-border)}.exp-section-title{font-size:1.8rem;font-weight:600;color:var(--zn-primary);margin:0 0 1rem;text-align:center}.exp-section-description{text-align:center;margin-bottom:2rem}.exp-section-description p{color:var(--zn-text-secondary);font-size:1rem;line-height:1.5;max-width:800px;margin:0 auto}.exp-subsection{margin-bottom:2rem}.exp-subsection:last-child{margin-bottom:0}.exp-subsection-title{font-size:1.3rem;font-weight:600;color:var(--zn-text-primary);margin:0 0 1rem;padding-left:.5rem;border-left:3px solid var(--zn-primary)}.exp-subsection-description{margin-bottom:1.5rem;padding-left:.5rem}.exp-subsection-description p{color:var(--zn-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.exp-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.exp-card{background:var(--zn-bg-primary);border-radius:8px;padding:1rem;text-align:center;border:1px solid var(--zn-border);display:flex;flex-direction:column;align-items:center}.exp-card-image{margin-bottom:.75rem;display:flex;justify-content:center}.exp-card-image img{border-radius:6px;border:1px solid var(--zn-border)}.exp-card-title{font-size:.85rem;font-weight:600;color:var(--zn-text-secondary);margin-bottom:.25rem}.exp-card-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.exp-card-label{font-size:.8rem;color:var(--zn-text-muted);text-transform:uppercase;letter-spacing:.5px}.exp-card-highest .exp-card-value{color:var(--zn-legendary)}.exp-card-mid .exp-card-value{color:var(--zn-primary)}.exp-card-low .exp-card-value{color:var(--zn-rare)}.exp-card-high .exp-card-value{color:var(--zn-legendary)}.character-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--zn-bg-primary);border-radius:8px;font-family:Space Grotesk,sans-serif;border:1px solid var(--zn-border)}.character-table th{background:var(--zn-primary);color:#222;font-weight:700;font-size:.9rem;padding:.75rem .5rem;text-align:center;border-bottom:1px solid var(--zn-border)}.character-table td{padding:.75rem .5rem;text-align:center;border-bottom:1px solid var(--zn-border);color:var(--zn-text-primary)}.character-table tbody tr:last-child td{border-bottom:none}.exp-amount{color:var(--zn-primary);font-weight:600}.credit-amount{color:var(--zn-text-secondary)}.even-row{background:var(--zn-bg-primary)}.odd-row{background:var(--zn-bg-secondary)}.breakthrough-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--zn-border)}.breakthrough-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--zn-bg-primary);font-family:Space Grotesk,sans-serif}.breakthrough-table th{background:var(--zn-primary);color:#222;font-weight:700;font-size:.9rem;padding:.75rem .5rem;text-align:center;border-bottom:1px solid var(--zn-border)}.breakthrough-table td{padding:.75rem .5rem;text-align:center;border-bottom:1px solid var(--zn-border);color:var(--zn-text-primary)}.breakthrough-table tbody tr:last-child td{border-bottom:none}.breakthrough-level-cell{color:var(--zn-primary);font-weight:700;font-size:1rem}.breakthrough-stone-cell{font-weight:500;font-size:.9rem}.breakthrough-quantity-cell{font-weight:600;color:var(--zn-text-secondary)}.stone-type-low{color:var(--zn-rare)}.stone-type-mid{color:var(--zn-primary)}.stone-type-high{color:var(--zn-legendary)}.chip-type-low{color:var(--zn-rare)}.chip-type-mid{color:var(--zn-primary)}.chip-type-high{color:var(--zn-legendary)}.exp-calculator-container{background:var(--zn-bg-primary);border-radius:8px;padding:1.5rem;border:1px solid var(--zn-border)}.exp-calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.calc-item{background:var(--zn-bg-secondary);border-radius:6px;padding:1rem;text-align:center;border:1px solid var(--zn-border)}.calc-label{color:var(--zn-text-secondary);font-size:.85rem;font-weight:500;margin-bottom:.5rem}.calc-value{color:var(--zn-primary);font-size:1.5rem;font-weight:700}.total-exp-needed{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--zn-bg-secondary);border-radius:6px;border:1px solid var(--zn-border)}.total-label{color:var(--zn-text-primary);font-weight:600;font-size:1rem}.total-value{color:var(--zn-primary);font-size:1.3rem;font-weight:700}.total-credits-container{margin-top:1rem;padding:1rem;background:var(--zn-bg-secondary);border-radius:6px;border:1px solid var(--zn-border)}.total-credits-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.total-credits-label{color:var(--zn-text-primary);font-weight:600;font-size:1rem}.total-credits-value{color:var(--zn-primary);font-size:1.2rem;font-weight:700}.rune-info-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.rune-detail{background:var(--zn-bg-primary);border-radius:6px;padding:1rem;border:1px solid var(--zn-border);text-align:center}.rune-label{color:var(--zn-text-secondary);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.rune-value{color:var(--zn-primary);font-size:1.3rem;font-weight:700}@media (max-width: 768px){.exp-section{padding:1rem;margin:1.5rem 0}.exp-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.exp-calculator-grid{grid-template-columns:1fr;gap:.75rem}.rune-info-box{grid-template-columns:1fr}.character-table,.breakthrough-table{font-size:.9rem}.character-table th,.character-table td,.breakthrough-table th,.breakthrough-table td{padding:.6rem .3rem}.exp-card{padding:.75rem}.exp-card-image img{width:60px;height:60px}.exp-card-title{font-size:.8rem}.exp-card-value{font-size:1.2rem}.exp-card-label{font-size:.75rem}.calc-item{padding:.75rem}.calc-label{font-size:.8rem}.calc-value{font-size:1.2rem}.total-exp-needed,.total-credits-container{padding:.75rem;flex-direction:column;gap:.5rem}.total-label,.total-credits-label{font-size:.9rem;text-align:center}.total-value,.total-credits-value{font-size:1.1rem;text-align:center}.rune-detail{padding:.75rem}.rune-label{font-size:.8rem}.rune-value{font-size:1.1rem}}@media (max-width: 480px){.exp-section{padding:.5rem;margin:1rem 0}.exp-cards-grid{grid-template-columns:1fr;gap:.5rem}.exp-card{padding:.5rem}.exp-card-image img{width:50px;height:50px}.exp-card-title{font-size:.75rem}.exp-card-value{font-size:1rem}.exp-card-label{font-size:.7rem}.character-table,.breakthrough-table{font-size:.8rem}.character-table th,.character-table td,.breakthrough-table th,.breakthrough-table td{padding:.5rem .2rem}.calc-item{padding:.5rem}.calc-label{font-size:.75rem}.calc-value{font-size:1rem}.total-exp-needed,.total-credits-container{padding:.5rem}.total-label,.total-credits-label{font-size:.8rem}.total-value,.total-credits-value{font-size:1rem}.rune-detail{padding:.5rem}.rune-label{font-size:.75rem;margin-bottom:.25rem}.rune-value{font-size:1rem}.exp-subsection{margin-bottom:1.5rem}.exp-calculator-grid{gap:.5rem}.breakthrough-table-container,.character-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}.rune-efficiency-note{background:var(--zn-bg-primary);border-radius:8px;padding:1.5rem;margin:1.5rem 0;border:1px solid var(--zn-border)}.efficiency-alert{color:var(--zn-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-align:center}.efficiency-text{color:var(--zn-text-primary);font-size:1rem;line-height:1.6;text-align:center;margin:0}.efficiency-text strong{color:var(--zn-primary);font-weight:700}.rune-cost-chart{background:var(--zn-bg-primary);border-radius:8px;padding:1.5rem;margin:1.5rem 0;border:1px solid var(--zn-border)}.chart-title{font-size:1.2rem;font-weight:600;color:var(--zn-text-primary);margin:0 0 1.5rem;text-align:center}.chart-container{margin-bottom:1.5rem}.line-chart{display:flex;flex-direction:column;gap:.5rem}.chart-grid{display:flex;align-items:stretch;gap:.5rem;min-height:250px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:.5rem;min-width:30px}.y-label{font-size:.75rem;color:var(--zn-text-secondary);text-align:right}.chart-area{flex:1;position:relative;background:var(--zn-bg-secondary);border:1px solid var(--zn-border);border-radius:4px;overflow:hidden}.grid-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.grid-line{height:1px;background:var(--zn-border);opacity:.5}.chart-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.exp-line{fill:none;stroke:var(--zn-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.credit-line{fill:none;stroke:var(--zn-rare);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.exp-points circle{fill:var(--zn-primary);stroke:var(--zn-bg-primary);stroke-width:1}.exp-points .highlight-point{fill:var(--zn-rare);stroke:var(--zn-bg-primary);stroke-width:2;r:5}.credit-points circle{fill:var(--zn-rare);stroke:var(--zn-bg-primary);stroke-width:1}.credit-points .highlight-point{fill:var(--zn-primary);stroke:var(--zn-bg-primary);stroke-width:2;r:5}.steep-increase-highlight{position:absolute;top:0;right:0;width:37.5%;height:100%;background:#ef44441a;border-left:2px dashed rgba(239,68,68,.5);pointer-events:none}.steep-increase-line{stroke:#ef4444cc;stroke-width:2;stroke-dasharray:5,5}.x-axis{display:flex;justify-content:space-between;padding-left:35px;padding-top:.5rem}.x-label{font-size:.75rem;color:var(--zn-text-secondary);text-align:center}.y-axis-right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding-left:.5rem;min-width:30px}.y-label-right{font-size:.75rem;color:var(--zn-primary);text-align:left}.chart-legend{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--zn-border);padding-top:1rem}.legend-item{display:flex;align-items:center;gap:.75rem}.legend-line{width:30px;height:3px;border-radius:2px}.legend-line.exp-line{background:var(--zn-primary)}.legend-line.credit-line{background:var(--zn-rare)}.legend-highlight{width:30px;height:12px;background:#ef444433;border:1px dashed rgba(239,68,68,.6);border-radius:2px}.legend-item span{color:var(--zn-text-secondary);font-size:.9rem}.highlight-label{color:var(--zn-primary);font-weight:600}@media (max-width: 768px){.rune-efficiency-note,.rune-cost-chart{padding:1rem;margin:1rem 0}.efficiency-alert{font-size:1rem}.efficiency-text{font-size:.9rem}.chart-title{font-size:1.1rem}.chart-grid{min-height:200px}.y-label,.x-label,.y-label-right{font-size:.7rem}.chart-legend,.legend-item{gap:.5rem}.legend-item span{font-size:.85rem}}@media (max-width: 480px){.rune-efficiency-note,.rune-cost-chart{padding:.75rem;margin:.75rem 0}.efficiency-alert{font-size:.9rem}.efficiency-text{font-size:.85rem}.chart-title{font-size:1rem}.chart-grid{min-height:180px}.y-label,.x-label,.y-label-right{font-size:.65rem}.legend-item span{font-size:.8rem}}@media (max-width: 360px){.rune-efficiency-note,.rune-cost-chart{padding:.5rem;margin:.5rem 0}.efficiency-alert{font-size:.85rem}.efficiency-text{font-size:.8rem}.chart-title{font-size:.9rem}.chart-grid{min-height:160px}.y-label,.x-label,.y-label-right{font-size:.6rem}.legend-line{width:25px;height:2px}.legend-item span{font-size:.75rem}}@media (max-width: 360px){.exp-section{padding:.5rem;margin:.75rem 0}.exp-cards-grid{gap:.4rem}.exp-card{padding:.4rem}.exp-card-image img{width:40px;height:40px}.exp-card-title{font-size:.7rem}.exp-card-value{font-size:.9rem}.exp-card-label{font-size:.65rem}.character-table,.breakthrough-table{font-size:.7rem}.character-table th,.character-table td,.breakthrough-table th,.breakthrough-table td{padding:.4rem .1rem}.calc-item{padding:.4rem}.calc-label{font-size:.7rem}.calc-value{font-size:.9rem}.rune-detail{padding:.4rem}.rune-label{font-size:.7rem}.rune-value{font-size:.9rem}}