html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#c8bba8;touch-action:none}#app canvas{display:block;width:100%;height:100%}#hud{position:fixed;inset:0;pointer-events:none;font-family:Iowan Old Style,Palatino,Songti SC,"Noto Serif SC",serif;color:#fff4e6e0;text-shadow:0 1px 2px rgba(40,24,10,.45)}#title{position:absolute;top:18px;left:22px;letter-spacing:.42em;font-size:14px}#hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);font-size:13px;letter-spacing:.08em;opacity:.9;transition:opacity 1.4s ease;white-space:nowrap}body.moved #hint{opacity:0}body.capture #hud{display:none}#joystick{display:none;position:absolute;left:28px;bottom:28px;width:128px;height:128px;border-radius:50%;background:#fff4e224;border:1px solid rgba(255,244,226,.35);pointer-events:auto;touch-action:none}#joystick .knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#ffecd673}@media(pointer:coarse){#joystick{display:block}#hint{bottom:168px;font-size:12px}}body.touch #joystick{display:block}