html,body{overscroll-behavior:none;background:#87ceeb;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}#hud{color:#fff;pointer-events:none;background:#00000073;border-radius:10px;padding:10px 14px;position:fixed;top:12px;left:12px}#hud .title{font-size:18px;font-weight:700}#hud .keys{opacity:.85;margin-top:4px;font-size:13px}#hud.flying{background:#1d4158e6}#hud.flying .keys{color:#ffe49b;opacity:1}#hud.driving{background:#223a30e6}#prompt{color:#222;pointer-events:none;background:#ffc83cf2;border-radius:20px;padding:10px 18px;font-weight:600;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.hidden{display:none!important}#location{color:#fff;pointer-events:none;background:#00000073;border-radius:10px;padding:8px 14px;font-weight:600;position:fixed;top:12px;right:12px}#map{color:#fff;background:#0f1e2dd1;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}#map .map-title{font-size:20px;font-weight:700}#map .map-title span{opacity:.8;margin-left:10px;font-size:13px;font-weight:400}#map canvas{cursor:pointer;border-radius:12px;box-shadow:0 6px 30px #00000080}#fade{opacity:0;pointer-events:none;background:#000;transition:opacity .35s;position:fixed;inset:0}#fade.on{opacity:1}#mobile-ui,#rotate-hint{display:none}@media (hover:none) and (pointer:coarse){body{-webkit-user-select:none;user-select:none}#mobile-ui{z-index:5;pointer-events:none;display:block;position:fixed;inset:0}#mobile-ui button,#rotate-hint button{color:#fff;text-shadow:0 1px 2px #263640;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#142530c7;border:1px solid #fff9;border-radius:14px;font:700 13px system-ui,sans-serif}#mobile-ui button:active,#mobile-ui button.pressed{background:#276880e6}#mobile-fullscreen{top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 10px);height:37px;padding:0 11px;position:absolute}#mobile-joystick{bottom:calc(env(safe-area-inset-bottom) + 14px);left:calc(env(safe-area-inset-left) + 18px);touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#1425306b;border:2px solid #ffffffb3;border-radius:50%;width:112px;height:112px;position:absolute;box-shadow:0 2px 12px #00000040}#mobile-stick{pointer-events:none;background:#ffffffdb;border-radius:50%;width:48px;height:48px;position:absolute;top:32px;left:32px;box-shadow:0 2px 10px #0000004d}#mobile-buttons{bottom:calc(env(safe-area-inset-bottom) + 14px);right:calc(env(safe-area-inset-right) + 18px);pointer-events:none;grid-template-columns:repeat(2,64px);gap:8px;display:grid;position:absolute}#mobile-buttons button{min-height:46px}#mobile-action{grid-column:1/-1;background:#a76a16eb!important}#mobile-up,#mobile-down{display:none}#mobile-buttons.flying #mobile-up,#mobile-buttons.flying #mobile-down{display:block}#hud{top:calc(env(safe-area-inset-top) + 10px);left:calc(env(safe-area-inset-left) + 10px);max-width:40vw;padding:7px 10px;font-size:12px}#hud .title{font-size:13px}#hud .keys{display:none}#location{top:calc(env(safe-area-inset-top) + 54px);right:calc(env(safe-area-inset-right) + 10px);text-align:right;max-width:38vw;padding:5px 8px;font-size:11px}#prompt{top:calc(env(safe-area-inset-top) + 57px);text-align:center;max-width:45vw;padding:6px 10px;font-size:12px;bottom:auto}#rotate-hint{z-index:10;box-sizing:border-box;text-align:center;color:#fff;background:#0a1c27f0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;position:fixed;inset:0}#rotate-hint strong{font-size:22px}#rotate-hint span{opacity:.85;font-size:14px}#rotate-hint button{padding:12px 20px}}@media (hover:none) and (pointer:coarse) and (orientation:portrait){#rotate-hint{display:flex}}@media (hover:none) and (pointer:coarse) and (height<=340px){#mobile-joystick{width:96px;height:96px}#mobile-stick{top:24px;left:24px}#mobile-buttons button{min-height:40px}}