:root{color:#111;background:#fff;font:14px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button{font:inherit;cursor:pointer;padding:3px 8px}button:disabled{cursor:default}select{font:inherit;max-width:min(480px,85vw)}.run-controls{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px 16px;display:flex}.run-controls label{align-items:center;gap:6px;display:flex}.run-picker{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.run-picker button,.run-picker select{height:28px;padding:3px 8px}#run-status{color:#555}.map-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid}.toolbar{border-bottom:1px solid #bbb;flex-wrap:wrap;align-items:center;gap:12px;padding:8px;display:flex}.view-controls{gap:4px;display:flex;position:absolute;top:8px;right:8px}.view-controls button{min-width:28px;height:28px;color:inherit;background:#fff;border:0;border-radius:0;justify-content:center;align-items:center;gap:4px;padding:3px 6px;display:flex}.height-control{white-space:nowrap;align-items:center;gap:6px;display:flex}.height-control input{width:110px;margin:0}.height-control output{font-variant-numeric:tabular-nums;min-width:3ch}.height-note{color:#555;font-size:12px}.hint{color:#555;margin-left:auto;font-size:12px}#data-notice{color:#765100;font-size:12px}.viewport{background:#eee;min-height:0;position:relative}.map{position:absolute;inset:0}.map canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.map canvas:active{cursor:grabbing}.north span{transform:rotate(var(--bearing,0deg));display:inline-block}.state{color:#555;overflow-wrap:anywhere;font-size:12px}.state.expanded{color:#111;border:1px solid #bbb;width:420px;max-width:100%;padding:12px}.state h2{margin:0 0 8px;font-size:16px}.state p,.state ol{margin:8px 0;line-height:1.5}.state ol{padding-left:20px}.state code{overflow-wrap:anywhere;margin:8px 0;font-size:12px;display:block}.state .setup-note{color:#555}.text-button{padding:0 4px}.map-footer{border-top:1px solid #bbb;flex-wrap:wrap;align-items:center;gap:18px;padding:8px;font-size:12px;display:flex}.scale{pointer-events:none;flex-direction:column;gap:3px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px}#scale-line{border:1px solid #555;border-top:0;width:100px;height:6px}.legend{flex-wrap:wrap;gap:10px;display:flex}.legend>span{align-items:center;gap:4px;display:flex}.swatch{border:1px solid #888;width:10px;height:10px;display:inline-block}.ground{background:#c2c3af}.road{background:#e1dbcb}.path{background:#b7a57e}.park{background:#77976b}.water{background:#80b5bb}.diagnostics summary,.data-details summary{cursor:pointer}.data-content{gap:6px;margin-top:8px;display:grid}.diagnostics dl{grid-template-columns:1fr auto;gap:4px 16px;margin:8px 0 0;display:grid}.diagnostics dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.credits{flex-wrap:wrap;gap:8px;display:flex}