:root{--bg-color:#0a0a0a;--card-bg:#1a1a1a;--neon-green:#39ff14;--neon-blue:#00f3ff;--rust-orange:#ff4500;--text-color:#fff;--text-dim:#b0b0b0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1000px;margin:0 auto;padding:1rem}header{text-align:center;margin-bottom:2rem}h1{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green), 0 0 20px var(--neon-green);text-transform:uppercase;letter-spacing:2px;font-size:clamp(2rem,8vw,3.5rem)}.subtitle{color:var(--text-dim);margin-top:.5rem;font-size:.9rem}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:2rem;display:grid}.target-card{background:var(--card-bg);cursor:pointer;text-align:center;border:1px solid #333;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.target-card h3{font-size:.85rem;line-height:1.2}.target-card:hover{border-color:var(--neon-blue);transform:translateY(-2px);box-shadow:0 0 10px #00f3ff33}.target-card.active{border-color:var(--neon-green);background:#39ff140d;box-shadow:0 0 15px #39ff144d}.target-icon{background:#333;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:700;display:flex}.calculator-section{background:var(--card-bg);border:1px solid var(--neon-green);border-radius:16px;padding:1.25rem;box-shadow:0 0 20px #39ff140d}.calculator-header{border-bottom:1px solid #333;margin-bottom:1.5rem;padding-bottom:.75rem}.calculator-header h2{font-size:1.25rem}.efficient-banner{border-left:4px solid var(--neon-green);background:linear-gradient(90deg,#39ff1426,#39ff140d);border-radius:8px;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}@media (width>=600px){.efficient-banner{flex-direction:row;justify-content:space-between;align-items:center}}.efficient-label{text-transform:uppercase;color:var(--neon-green);font-size:.75rem;font-weight:700}.efficient-value{font-size:1.1rem;font-weight:700}.results-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=480px){.results-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.results-grid{grid-template-columns:repeat(4,1fr)}}.result-card{border-left:4px solid var(--neon-green);background:#252525;border-radius:10px;padding:1rem}.result-label{color:var(--text-dim);text-transform:uppercase;margin-bottom:.25rem;font-size:.8rem}.result-value{margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.sulfur-cost{color:var(--rust-orange);font-size:.9rem;font-weight:700}.quantity-selector{align-items:center;gap:.5rem;display:flex}.quantity-selector input{border:1px solid var(--neon-blue);color:#fff;background:#333;border-radius:4px;width:60px;padding:.3rem .5rem;font-weight:700}.shopping-list{border:1px dashed var(--neon-blue);background:#0000004d;border-radius:12px;margin:1.5rem 0;padding:1.25rem}.shopping-list h3{color:var(--neon-blue);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1rem}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.material-item{border-bottom:1px solid #333;justify-content:space-between;padding-bottom:.25rem;display:flex}.mat-name{color:var(--text-dim);font-size:.9rem}.mat-val{color:var(--neon-green);font-weight:700}.footer{text-align:center;color:#444;margin-top:3rem;font-size:.75rem}
