:root{--ink:#0b1a2a;--card:#ffffffee;--accent:#1f6feb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);overscroll-behavior:none;font-family:-apple-system,system-ui,Segoe UI,Roboto,sans-serif;color:#0b1a2a;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}canvas#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#pins,#hud{position:fixed;inset:0;pointer-events:none}#loading{position:fixed;inset:0;display:grid;place-items:center;color:#fff;background:var(--ink);font-size:20px}#loading.done{display:none}.hidden{display:none!important}.pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;padding:6px 10px;border-radius:999px;background:var(--card);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0005;border:0}.pin.near{background:var(--accent);color:#fff}.card{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(720px,100%);max-height:60%;overflow:auto;background:var(--card);border-radius:18px 18px 0 0;padding:20px 22px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #0006;pointer-events:auto}.card h2{margin:0 0 2px;font-size:24px}.card .sub{margin:0 0 12px;color:#4a5a6a}.card p{margin:0 0 10px;line-height:1.45;font-size:16px}.card button.close{position:absolute;top:10px;right:12px;border:0;background:#0b1a2a14;border-radius:999px;width:36px;height:36px;font-size:20px}.joystick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#fff2;border:2px solid #ffffff66;pointer-events:none}.joystick .knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fffa}.btn{position:fixed;pointer-events:auto;border:0;border-radius:12px;padding:10px 14px;background:var(--card);font-size:15px;font-weight:600}#tp-btn{top:calc(12px + env(safe-area-inset-top));left:12px}#tp-list{position:fixed;top:calc(60px + env(safe-area-inset-top));left:12px;background:var(--card);border-radius:12px;padding:6px;pointer-events:auto;max-height:70%;overflow:auto}#tp-list button{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 12px;font-size:15px;border-radius:8px}#tp-list button:active{background:#1f6feb22}#minimap{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;width:200px;aspect-ratio:1536/780;overflow:hidden;border-radius:12px;border:2px solid #fff;pointer-events:auto;background:#000;transition:width .2s}#minimap.big{width:min(80vw,900px)}#minimap img{position:absolute;left:0;top:0;width:100%;display:block}#minimap .dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#ff3b30;border:2px solid #fff}#toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#0b1a2acc;color:#fff;padding:10px 16px;border-radius:999px;font-size:15px;pointer-events:none}#debug-cross{position:fixed;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;z-index:5}#debug-cross:before,#debug-cross:after{content:"";position:absolute;background:#ffe600;box-shadow:0 0 0 1px #000}#debug-cross:before{left:8px;top:0;width:2px;height:18px}#debug-cross:after{top:8px;left:0;height:2px;width:18px}#debug-panel{position:fixed;top:calc(134px + env(safe-area-inset-top));right:12px;margin:0;padding:8px 10px;background:#000a;color:#fff;font:12px/1.4 ui-monospace,Menlo,monospace;border-radius:8px;pointer-events:auto;z-index:5;white-space:pre}#debug-toggle{left:12px;top:calc(64px + env(safe-area-inset-top));z-index:5;font:600 13px/1 system-ui,sans-serif}#debug-cross[hidden],#debug-panel[hidden]{display:none}