*{box-sizing:border-box}body{color:#222;background:#f6f3ee;margin:0;font-family:system-ui,sans-serif}main{max-width:720px;margin:0 auto}#stage{aspect-ratio:1;background:var(--bg-color,#fff);max-height:60vh;margin:0 auto}#stage.checker{background:repeating-conic-gradient(#ddd 0 25%, #fff 0 50%) 0 0 / 24px 24px}#stage.map{background:url(/bg-map.svg) 50%/cover}#rive{touch-action:none;width:100%;height:100%;display:block}#panel{padding:12px 16px 32px}h2{color:#666;margin:16px 0 6px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.row+.row{margin-top:8px}label{font-size:14px}select,input,button{font:inherit}.controls{flex-direction:column;gap:6px;display:flex}.controls .item{align-items:center;gap:8px;font-size:14px;display:flex}.controls .name{min-width:8em;font-family:ui-monospace,monospace}.controls .type{color:#999;font-size:12px}.controls .empty{color:#999;font-size:13px}button{background:#fff;border:1px solid #bbb;border-radius:6px;padding:6px 12px}#log{max-height:10em;margin:0;padding-left:1.5em;font-family:ui-monospace,monospace;font-size:12px;overflow-y:auto}