/* Presentation revision 12: readable controls and a world-sized arena. */
.topbar{height:64px;padding:0 max(16px,calc((100% - 1760px)/2 + 16px))}.brand h1{font-size:20px;letter-spacing:-.4px}.brand-mark{width:26px;height:26px;gap:4px}.brand{gap:11px}
.layout{max-width:1760px;grid-template-columns:220px minmax(0,1fr);gap:16px;padding:16px}
.controls{top:16px;max-height:calc(100dvh - 32px);border-radius:9px}.control-block{padding:14px}.section-heading{margin-bottom:10px}
.population-block h2{font-size:14px;line-height:1.4;letter-spacing:0;margin:0 0 14px}.stepper{height:36px;margin:8px 0}.stepper input{font-size:18px}.stepper button{font-size:19px}
.hint{margin:9px 0 12px}.primary-button{padding:10px 8px;font-size:12px}.reset-button{padding-top:10px}.range-control{margin-top:11px}.restoration-controls{padding:14px}
.metrics-strip{gap:10px;margin-bottom:12px}.metric{min-height:66px;padding:10px 12px;border-radius:8px}.metric strong{font-size:18px;letter-spacing:-.3px}.metric>div:not(.progress-track){gap:8px;margin-top:7px}.metric canvas{height:16px}.runtime-metric>p{margin-top:8px}.progress-track{margin:10px 0 5px}
.arena{width:100%;height:auto;min-height:0;aspect-ratio:1200/860;border-radius:10px}.arena-top{top:14px;left:18px;right:18px}.arena-bottom{bottom:13px;left:14px;right:14px}.toolbox{padding:4px}.tool{height:31px}
.bottom-strip{margin-top:12px;gap:12px}.inspector,.event-panel{padding:12px 14px}.inspector{min-height:140px}.event-panel{height:140px}.event-log{height:82px}
.celebration h2{font-size:24px;line-height:1.2;letter-spacing:0;text-shadow:none;animation:none}.celebration-kicker{font-size:10px;letter-spacing:1px}.celebration p{font-size:12px;margin-top:12px}
dialog h2{font-size:20px;letter-spacing:0}dialog{padding:22px}.empty-state>span{font-size:17px}
@media(min-width:1440px){
 .workspace{display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:auto 1fr auto;gap:12px 14px;align-content:start}
 .arena{grid-column:1;grid-row:1 / 3;align-self:start}.metrics-strip{grid-column:2;grid-row:1;grid-template-columns:1fr;margin:0;gap:8px}
 .bottom-strip{grid-column:2;grid-row:2;grid-template-columns:1fr;align-self:start;margin:0;gap:10px}.science-footnote{grid-column:1 / -1;grid-row:3}
 .metric{min-height:70px}.inspector-header{flex-wrap:wrap}.inspector-header span:last-of-type{display:none}.inspector-adjust{flex-wrap:wrap}.inspector-adjust button{margin-left:auto}.event-panel{height:190px}.event-log{height:135px}
}
@media(max-width:850px){
 body{min-width:0}.topbar{height:auto;min-height:64px;padding:12px 16px;gap:12px;flex-wrap:wrap}.top-actions{flex-wrap:wrap;gap:7px}.brand h1{font-size:18px}
 .layout{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.controls{position:static;max-height:270px}.control-block{padding:12px}.workspace{min-width:0}
 .metric{padding:9px 8px}.metric strong{font-size:16px}.metrics-strip{gap:6px}.metric>div:not(.progress-track){flex-wrap:wrap;gap:4px}.metric .metric-caption{font-size:9px}
 .arena{height:auto;min-height:300px;aspect-ratio:1200/900}.arena-dimensions{display:none}.arena-label{font-size:8px;letter-spacing:.5px}.arena-top{left:12px;right:12px}.arena-bottom{left:8px;right:8px}.toolbox{max-width:100%;gap:0}.tool{padding:0 8px}.tool span{display:none}.tool-divider{margin:0 3px}.canvas-hint{display:none}
 .science-footnote{flex-wrap:wrap}.science-footnote>span:nth-child(2){max-width:none}.bottom-strip{grid-template-columns:1fr}.inspector-header span:last-of-type{display:inline}
}