.badge{text-decoration:none;white-space:nowrap}.workspace{grid-template-columns:250px minmax(0,1fr);gap:30px}#advance,#freshwater{width:100%;margin-top:10px}.results canvas{display:block;width:100%;border:1px solid #29424c;border-radius:10px;touch-action:manipulation}#basin-map{cursor:crosshair;background:#0c2030;margin-top:18px;aspect-ratio:4/3}#transport{height:230px;background:#0c2030}.color-key{display:flex;align-items:center;gap:10px;font-size:11px;color:#b0c7ce;font-variant-numeric:tabular-nums;margin:12px 0}.ramp{flex:1;height:7px;border-radius:3px;background:linear-gradient(90deg,#0c2030,#2785a3,#81dcc7)}.ramp.signed{background:linear-gradient(90deg,#358ac2,#162c39,#e6ba77)}.section-heading{margin-top:28px}.section-heading h2{font-size:20px;margin:8px 0 15px}#status{color:var(--gold);min-height:40px}.overview strong{font-size:21px}#budgets,#solver{overflow-wrap:anywhere}@media(max-width:900px){.workspace{grid-template-columns:210px minmax(0,1fr);gap:20px}.overview strong{font-size:17px}}@media(max-width:620px){.workspace{display:flex}.badge{font-size:8px}.overview strong{font-size:19px}.results canvas{border-radius:7px}.results{order:1}.controls{order:0}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.controls>h2,.controls>.rule,.controls>.hint,.controls>.run-controls,.controls>#advance,.controls>#freshwater{grid-column:1/-1}.controls>label{align-self:center}.controls input[type=range]{align-self:center}.controls select{align-self:center;margin-top:10px}.rule{margin:14px 0}.plot-heading h2{font-size:21px}.controls #status{margin-bottom:0}}

#growth{height:150px}#ring-diagnostics[hidden]{display:none}

.controls [hidden]{display:none}