*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:16px/1.45 'Segoe UI',Arial,sans-serif;color:#173640;background:#e9eef0;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px 14px;background:#fff;border-bottom:1px solid #e2e8eb}h1{font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0}header p{margin:2px 0 0;color:#60727a;font-size:14px}nav{padding:12px 26px;display:flex;justify-content:space-between;gap:12px;background:#fff}.views,.options{display:flex;gap:8px}button{font:inherit;font-size:14px;min-height:44px;padding:9px 15px;border:1px solid #bcccd2;border-radius:6px;background:#fff;color:#173640;cursor:pointer}button:hover{background:#edf3f5}button[aria-pressed=true]{background:#153e49;border-color:#153e49;color:white}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c07a2b;outline-offset:3px}#zoom-in,#zoom-out{font-size:23px;line-height:1;min-width:44px;padding:5px 12px}#stage{position:relative;flex:1;min-height:260px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:9px 16px;border:1px solid #d4e0e4;border-radius:6px;background:#fffffff0;font-size:14px;white-space:nowrap;pointer-events:none}.touch{display:none}#loading,#error{position:absolute;inset:0;display:grid;place-content:center;padding:24px;text-align:center;background:#e9eef0;z-index:3}#error[hidden]{display:none}#error{color:#8b2828}footer{display:flex;justify-content:space-between;gap:10px;background:#fff;color:#60727a;padding:10px 26px;font-size:13px}a{color:inherit}@media(pointer:coarse){.desktop{display:none}.touch{display:inline}}@media(max-width:600px){header{padding:12px 14px}h1{font-size:21px}nav{padding:10px 14px;flex-wrap:wrap;gap:8px}.views{flex:1}.views button{flex:1;white-space:nowrap;padding:8px 10px}.options{width:100%;justify-content:flex-end}#walls{margin-right:auto}.hint{font-size:12px;bottom:12px;padding:8px 10px;max-width:95%;white-space:normal;text-align:center;width:max-content}footer{padding:8px 14px;font-size:12px}body{min-height:100svh}#stage{min-height:300px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}