.tcg-calculator{min-width:0}.tcg-calculator .surface{padding:clamp(1rem,3vw,1.6rem)}.tcg-calculator h2{margin:0 0 1rem;font-size:1.35rem}.tcg-calculator h3{font-size:1.05rem}.tcg-calculator p{overflow-wrap:anywhere;line-height:1.65}.tcg-field{gap:.4rem;min-width:0;margin:1rem 0;display:grid}.tcg-field label{font-weight:650}.tcg-field p{color:var(--color-text-muted);margin:.1rem 0;font-size:.85rem}.tcg-field input,.tcg-field select,.tcg-field textarea{border:1px solid var(--color-control-border);width:100%;min-width:0;min-height:44px;color:inherit;background:var(--color-card);font:inherit;border-radius:.55rem;padding:.65rem}.tcg-field input[type=range]{accent-color:var(--color-primary);padding:0}.tcg-primary{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:.6rem 0;font-size:clamp(2.7rem,7vw,4.3rem);font-weight:750}.tcg-result{min-height:440px}.tcg-progress{background:var(--color-control-border);border-radius:6px;height:12px;overflow:hidden}.tcg-progress span{background:var(--color-primary);height:100%;display:block}.tcg-metrics{gap:1rem;display:grid}.tcg-metrics div{border-bottom:1px solid var(--color-control-border);padding-bottom:.8rem}.tcg-metrics dt{color:var(--color-text-muted)}.tcg-metrics dd{overflow-wrap:anywhere;margin:.3rem 0 0;font-size:1.3rem;font-weight:700}.tcg-muted{color:var(--color-text-muted);font-size:.9rem}.tcg-details{gap:1.5rem;min-width:0;margin-top:1.5rem;display:grid}.tcg-copy-controls{gap:1rem;display:grid}.tcg-selected{background:var(--color-background);border:1px solid var(--color-control-border);border-radius:.5rem;padding:.8rem}.tcg-graph{aspect-ratio:400/205;width:100%;height:auto;max-height:350px;margin:1rem auto;display:block}.tcg-graph line{stroke:var(--color-control-border)}.tcg-graph text{fill:var(--color-text-muted);font-size:12px}.tcg-graph polyline{fill:none;stroke:var(--color-primary);stroke-width:3px}.tcg-graph circle{fill:var(--color-primary)}.tcg-graph-values summary{cursor:pointer;min-height:44px;padding:.7rem 0}.tcg-calculator table{border-collapse:collapse;table-layout:fixed;width:100%}.tcg-calculator table th,.tcg-calculator table td{text-align:left;border-bottom:1px solid var(--color-control-border);overflow-wrap:anywhere;padding:.65rem .3rem}.tcg-calculator caption{text-align:left;padding:.7rem 0;font-size:.85rem}.tcg-threshold-grid{gap:1rem;display:grid}.tcg-threshold{border:1px solid var(--color-control-border);border-radius:.7rem;min-width:0;padding:1rem}.tcg-threshold h3{margin:0}.tcg-pack-total{margin:.6rem 0}.tcg-pack-total strong{font-size:1.7rem}.tcg-toggle{align-items:center;gap:.7rem;min-height:44px;margin:1.2rem 0;display:flex}.tcg-toggle input{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.tcg-actions{flex-wrap:wrap;gap:.7rem;margin:1.2rem 0;display:flex}.tcg-actions button{border:1px solid var(--color-control-border);min-height:44px;font:inherit;color:inherit;background:var(--color-card);cursor:pointer;border-radius:.6rem;padding:.65rem 1rem;font-weight:650}.tcg-actions button:first-child{background:var(--color-primary);color:#fff}.tcg-actions button:disabled{opacity:.5;cursor:not-allowed}.tcg-calculator :focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media (min-width:640px){.tcg-threshold-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tcg-copy-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
