*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#a8bac5;color:#263b40;font:15px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}canvas{display:block;width:100vw;height:100dvh;touch-action:none}header{position:fixed;top:max(24px,env(safe-area-inset-top));left:max(26px,env(safe-area-inset-left));right:max(26px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.brand{font-size:11px;letter-spacing:3px;font-weight:700}h1{font-size:24px;margin:7px 0}small{font-size:11px;font-weight:400;margin-left:8px;opacity:.65}nav{display:flex;gap:8px;align-items:flex-start;pointer-events:auto}button,a{font:inherit;color:inherit;border:1px solid #fff9;border-radius:22px;background:#eff5f3cc;padding:10px 18px;text-decoration:none;cursor:pointer}button:active{background:#d3e7d4}#status{position:fixed;top:104px;left:26px;font-size:13px;letter-spacing:1px}#help{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;opacity:.7}#notice{position:fixed;top:23%;left:50%;transform:translateX(-50%);font-weight:600;text-shadow:0 1px 6px white}dialog{border:1px solid white;border-radius:24px;background:#eef2efed;padding:32px;min-width:280px;color:#263b40;box-shadow:0 20px 80px #19353c33}dialog::backdrop{background:#263b4033}dialog h2{margin-top:0}dialog button,dialog a{display:block;width:100%;margin-top:12px;text-align:center}#joystick,#turns{display:none}#error{position:fixed;top:40%;width:100%;text-align:center}@media(pointer:coarse),(max-width:700px){#help{display:none}#joystick{display:block;position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));width:112px;height:112px;border-radius:50%;background:#f9fafb38;border:1px solid #ffffff75;touch-action:none}#joystick i{position:absolute;width:44px;height:44px;border-radius:50%;background:#fff9;left:33px;top:33px;pointer-events:none}#turns{display:flex;position:fixed;right:max(24px,env(safe-area-inset-right));bottom:35px;gap:10px}#turns button{width:54px;height:54px;font-size:24px;touch-action:none}}@media(max-width:600px){header{left:18px;right:18px;top:max(16px,env(safe-area-inset-top))}h1{font-size:21px}#status{left:18px;top:91px}button{padding:9px 13px}small{display:block;margin:3px 0}} 

/* 2026-09-27: Bauhaus utility chrome; scene carries the visual identity. */
header .brand{font-family:Futura,"Avenir Next",sans-serif;letter-spacing:4px;color:#263c45}header .brand:before{content:"";display:inline-block;width:9px;height:9px;background:#b84432;border-radius:50%;margin-right:9px}h1{font-weight:650;letter-spacing:1px}nav button{border-radius:8px;background:#eeeae0db;border-color:#263c4520;box-shadow:0 2px 8px #263c4508}#status{font-family:"Avenir Next",sans-serif}button:focus-visible,a:focus-visible{outline:2px solid #b84432;outline-offset:3px}