.page-damage-calculator .calc-container{max-width:900px;color:var(--text);margin:0 auto;padding:2rem}.page-damage-calculator h1{margin-bottom:.5rem;font-size:clamp(2.2rem,5vw,3.2rem)}.page-damage-calculator .subtitle{color:var(--text2);margin-bottom:2rem;font-size:1.1rem}.page-damage-calculator .calc-section{background:var(--bg2);border:1px solid var(--border);border-radius:3px;margin-bottom:2rem;padding:2rem}.page-damage-calculator .calc-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.page-damage-calculator .input-group{flex-direction:column;gap:.5rem;display:flex}.page-damage-calculator label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.page-damage-calculator select,.page-damage-calculator input[type=range]{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:.75rem;font-size:1rem}.page-damage-calculator select:hover,.page-damage-calculator input[type=range]:hover{border-color:var(--accent)}.page-damage-calculator select:focus,.page-damage-calculator input[type=range]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .1);outline:none}.page-damage-calculator .slider{cursor:pointer}.page-damage-calculator #distanceValue{color:var(--accent);font-weight:600}.page-damage-calculator .armor-toggle{grid-column:1/-1}.page-damage-calculator .toggle-group{flex-wrap:wrap;gap:.5rem;display:flex}.page-damage-calculator .armor-btn{background:var(--bg3);border:1px solid var(--border);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text2);cursor:pointer;border-radius:0;padding:.65rem 1.5rem;font-weight:600;transition:all .15s;transform:skew(-10deg)}.page-damage-calculator .armor-btn:hover{border-color:var(--accent);color:var(--text)}.page-damage-calculator .armor-btn.active{background:var(--accent);border-color:var(--accent);color:#0b0d12;font-weight:800}.page-damage-calculator .result-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.page-damage-calculator .result-box{background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--accent);text-align:center;border-radius:2px;padding:1.5rem}.page-damage-calculator .result-box.highlight{border-color:var(--accent);background:rgba(var(--accent-rgb), .1)}.page-damage-calculator .result-box h3{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.9rem}.page-damage-calculator .damage-value{font-family:var(--font-display);letter-spacing:.01em;color:var(--accent);margin:0;font-size:3rem;font-style:italic;font-weight:800;line-height:1}.page-damage-calculator .info-section,.page-damage-calculator .faq-section{background:var(--bg2);border:1px solid var(--border);border-radius:3px;margin-bottom:2rem;padding:2rem}.page-damage-calculator .info-section h2,.page-damage-calculator .faq-section h2{margin:0 0 1.5rem;font-size:1.5rem}.page-damage-calculator .info-section ul{padding:0;list-style:none}.page-damage-calculator .info-section li{border-bottom:1px solid var(--border);color:var(--text2);padding:.75rem 0}.page-damage-calculator .info-section li:last-child{border-bottom:none}.page-damage-calculator .faq-item{border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.page-damage-calculator .faq-item:last-child{border-bottom:none}.page-damage-calculator .faq-item h3{color:var(--accent);margin-bottom:.5rem}.page-damage-calculator .faq-item p{color:var(--text2);line-height:1.6}.page-damage-calculator .links-section{background:var(--bg2);border:1px solid var(--border);border-radius:3px;padding:2rem}.page-damage-calculator .links-section h2{margin:0 0 1.5rem;font-size:1.5rem}.page-damage-calculator .links-section ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:0;list-style:none;display:grid}.page-damage-calculator .links-section a{background:var(--bg3);border:1px solid var(--border);color:var(--accent);border-radius:3px;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:block}.page-damage-calculator .links-section a:hover{background:var(--accent);color:#0b0d12}.page-damage-calculator .calc-section{border-top:2px solid var(--accent)}.page-damage-calculator table thead th{border-bottom:2px solid var(--accent)}
