:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#39372f;background:#f8f7f3;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}main{width:min(960px,100%);margin:auto;padding:30px 36px 24px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:17px;font-weight:600;letter-spacing:-.35px;margin:0}h1 span{font-weight:400;color:#706e65}button,input,summary{font:inherit}button{background:transparent;border:1px solid #b4b1a7;border-radius:4px;color:inherit;padding:8px 13px;cursor:pointer;font-size:13px}button:hover{background:#eeece4}button:disabled{opacity:.4;cursor:wait}:focus-visible{outline:2px solid #6e2e26;outline-offset:4px}#stage{height:480px;position:relative;margin-top:10px}#fly{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#fly:active{cursor:grabbing}#instruction{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:14px;pointer-events:none;color:#676459}#loading{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:13px;color:#676459;pointer-events:none}.controls{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;padding:8px 0 25px}.controls label{font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}input{accent-color:#803d30;width:15px;height:15px}.signals{border-top:1px solid #d9d6cb;border-bottom:1px solid #d9d6cb;padding:19px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.signals div{display:flex;flex-direction:column;gap:8px;min-width:0}.signals span{font-size:11px;color:#676459}.signals strong{font-weight:500;font-size:17px;font-variant-numeric:tabular-nums}.signals b{color:#a19d91;font-weight:400}details{padding-top:18px;font-size:13px}summary{cursor:pointer;width:fit-content;color:#555248}details p{font-size:12px;color:#676459;line-height:1.6}#raster{width:100%;height:150px}#cells{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;font-variant-numeric:tabular-nums}#cells a{color:inherit}footer{margin-top:26px;font-size:11px;color:#716e63;line-height:1.6}footer p{margin:3px 0}a{color:#694136;text-underline-offset:3px}footer a{display:inline-block;margin-top:7px}.prose{max-width:700px;line-height:1.65;font-size:15px}.prose h1{font-size:25px;margin:35px 0 18px}.prose h2{font-size:17px;margin:28px 0 10px}.prose p{margin:12px 0}.prose li{margin:8px 0}.prose table{font-size:13px;border-collapse:collapse;width:100%}.prose td,.prose th{padding:8px;text-align:left;border-bottom:1px solid #d9d6cb;vertical-align:top}.prose code{font-size:12px}.prose nav{font-size:13px}.error{color:#8d2c25!important}
@media(max-width:650px){main{padding:20px 18px}#stage{height:390px}.controls{gap:15px;padding-bottom:20px}.signals{gap:6px;padding:16px 0}.signals span{font-size:10px;max-width:77px;min-height:24px}.signals strong{font-size:13px}.signals b{font-size:11px}footer{font-size:10px}#instruction{font-size:12px}.prose{font-size:14px}}
@media(max-width:380px){main{padding:18px 12px}.controls{gap:12px}.controls label{font-size:12px}}