*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a1d26;font-family:Palatino,Palatino Linotype,Georgia,serif}#app canvas{display:block}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(8,8,16,.45) 100%);z-index:5}.hud-panel{position:fixed;z-index:10;color:#ead9b0;background:#14151ed1;border:2px solid #6b5c39;border-radius:6px;box-shadow:0 2px 12px #00000080;pointer-events:none}#hud-location{top:18px;left:18px;padding:10px 18px 12px;min-width:220px}#hud-location .street{font-size:20px;font-variant:small-caps;letter-spacing:1.5px;color:#f5e8c8}#hud-location .district{font-size:13px;font-style:italic;color:#b9a878;margin-top:2px}#hud-prompt{bottom:96px;left:50%;transform:translate(-50%);padding:8px 22px;font-size:16px;border-radius:20px;border-color:#8a7548;display:none}#hud-prompt .key{display:inline-block;background:#ead9b0;color:#1d1d28;font-weight:700;border-radius:4px;padding:0 7px;margin-right:8px;font-family:monospace;font-size:15px}#hud-dialogue{bottom:24px;left:50%;transform:translate(-50%);width:min(560px,86vw);padding:12px 20px 14px;display:none}#hud-dialogue .title{font-size:14px;font-variant:small-caps;letter-spacing:1px;color:#cf9f4e;margin-bottom:4px}#hud-dialogue .text{font-size:16px;line-height:1.45;color:#ece2cb}#hud-help{top:18px;right:18px;padding:8px 14px;font-size:12.5px;color:#a99c79;line-height:1.7;text-align:right;background:#14151e99}#hud-help .seed{color:#7d7257}#error-overlay{position:fixed;z-index:100;top:10px;left:50%;transform:translate(-50%);max-width:80vw;background:#4d1620;color:#ffd9d9;border:2px solid #a33;border-radius:6px;padding:10px 16px;font-family:monospace;font-size:13px;white-space:pre-wrap;display:none}#touch-controls{display:none}@media (pointer: coarse){body{touch-action:none;user-select:none;-webkit-user-select:none}#hud-help{display:none}#hud-location{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));min-width:0;max-width:56vw;padding:8px 12px 10px}#hud-location .street{font-size:16px}#hud-location .district{font-size:12px}#hud-prompt{bottom:calc(108px + env(safe-area-inset-bottom));max-width:76vw;font-size:15px;white-space:nowrap}#hud-prompt .key{font-family:inherit;font-size:13px}#hud-dialogue{bottom:calc(18px + env(safe-area-inset-bottom));width:min(520px,92vw);padding:10px 14px 12px}#hud-dialogue .text{font-size:14px}#touch-controls{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}#touch-stick{position:absolute;left:max(24px,calc(env(safe-area-inset-left) + 18px));bottom:max(136px,calc(env(safe-area-inset-bottom) + 124px));width:132px;height:132px;border-radius:50%;border:2px solid rgba(234,217,176,.55);background:#14151e57;box-shadow:inset 0 0 18px #0006;pointer-events:auto;touch-action:none}#touch-stick:before{content:"";position:absolute;top:45px;right:45px;bottom:45px;left:45px;border-radius:50%;border:1px solid rgba(234,217,176,.35)}#touch-stick-knob{position:absolute;left:41px;top:41px;width:46px;height:46px;border-radius:50%;background:#ead9b0bd;border:2px solid rgba(29,29,40,.8);box-shadow:0 3px 10px #0006;pointer-events:none}#touch-action{position:absolute;right:max(24px,calc(env(safe-area-inset-right) + 18px));bottom:max(154px,calc(env(safe-area-inset-bottom) + 142px));width:86px;height:86px;border-radius:50%;border:2px solid rgba(234,217,176,.68);background:#14151e94;color:#f5e8c8;font-family:Palatino,Palatino Linotype,Georgia,serif;font-size:18px;font-variant:small-caps;box-shadow:0 3px 14px #00000073;pointer-events:auto;touch-action:none}#touch-action:active{background:#ead9b0bd;color:#1d1d28}}