:root{--bg:#cfe0ec;--panel:#ffffffeb;--panel-solid:#fff;--panel-border:#0f1e2d1f;--text:#14212c;--muted:#5b6b78;--accent:#b5893b;--accent-strong:#9a7230;--accent-ink:#fff;--danger:#b3261e;--warn-bg:#fff4dc;--chip:#14212c0f;--radius:12px;--shadow:0 6px 24px #0a19282e;--gutter:16px;color:var(--text);font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:1px solid var(--panel-border);background:var(--panel-solid);white-space:nowrap;border-radius:999px;padding:8px 16px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-strong)}.btn.ghost{background:0 0}.chip{background:var(--chip);white-space:nowrap;border:0;border-radius:999px;padding:6px 12px;font-size:13px}.chip[aria-pressed=false]{opacity:.55;text-decoration:line-through}.topbar{top:calc(env(safe-area-inset-top,0px) + 12px);left:var(--gutter);right:var(--gutter);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:12px;padding:8px 10px 8px 16px;display:flex;position:absolute}.brand{flex-direction:column;min-width:0;line-height:1.2;display:flex}.brand strong{white-space:nowrap;font-size:15px}.brand-sub{color:var(--muted);white-space:nowrap;font-size:11px}.nav{scrollbar-width:none;gap:2px;margin:0 auto;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav-btn{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 12px;font-weight:500}.nav-btn:hover,.nav-btn.active{color:var(--text);background:var(--chip)}.nav-btn.primary{color:var(--accent-strong);font-weight:700}.tools{gap:6px;display:flex}.label{white-space:nowrap;font:inherit;will-change:transform;-webkit-user-select:none;user-select:none;border:0;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0}.label-zone{color:#fff;cursor:pointer;background:#14212cc7;border-radius:10px;flex-direction:column;gap:0;padding:6px 12px;box-shadow:0 4px 14px #00000040}.label-zone .label-text{font-size:13px;font-weight:700}.label-zone .label-sub{opacity:.8;font-size:11px}.label-zone:hover{background:var(--accent)}.label-poi{color:var(--text);background:#ffffffe6;border-radius:999px;padding:3px 9px 3px 4px;font-size:12px;box-shadow:0 2px 8px #0000002e}.label-icon{background:#6d7c88;border-radius:50%;flex:none;width:16px;height:16px}.icon-mall{background:#c0563c}.icon-school{background:#3f74c7}.icon-hospital{background:#d23a4b}.icon-park,.icon-golf{background:#3e9a52}.icon-pool,.icon-marina{background:#2d97b8}.icon-bus{background:#7a5bc0}.icon-star{background:var(--accent)}.label-focus{background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;flex-direction:column;gap:0;padding:4px 10px;box-shadow:0 3px 10px #00000040}.label-focus .label-text{font-size:13px;font-weight:700}.label-focus .label-sub{opacity:.9;font-size:11px}.label-focus:hover{background:var(--accent-strong)}.card{top:88px;right:var(--gutter);width:min(320px, calc(100vw - 2 * var(--gutter)));background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;animation:.22s ease-out pop;position:absolute}.card-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:8px;right:8px}.card-close:hover{background:var(--chip)}.card-title{margin:0 32px 10px 0;font-size:20px}.card-facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 10px;display:grid}.card-facts dt{color:var(--muted)}.card-facts dd{text-align:right;margin:0;font-weight:600}.card-note{color:var(--muted);margin:0 0 12px;font-size:12px}.card-note.warn{background:var(--warn-bg);color:#7a5a14;border-radius:8px;padding:6px 8px}.card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.unit-panel{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);width:min(760px, calc(100vw - 2 * var(--gutter)));background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px 14px;display:flex;position:absolute;transform:translate(-50%)}.unit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.unit-info{text-align:right;color:var(--muted);flex-direction:column;align-items:flex-end;min-width:0;font-size:12px;display:flex}.unit-info strong{color:var(--text);font-size:14px}.seg{background:var(--chip);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg-btn{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:500}.seg-btn.active{background:var(--panel-solid);color:var(--text);box-shadow:0 1px 4px #0000001f}.badge{max-width:calc(100vw - 2 * var(--gutter));color:#fff;letter-spacing:.02em;box-shadow:var(--shadow);text-align:center;background:#7a2e1c;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:84px;left:50%;transform:translate(-50%);pointer-events:none!important}.walk-hint{color:#fff;white-space:nowrap;background:#14212cb3;border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;top:122px;left:50%;transform:translate(-50%);pointer-events:none!important}.plan-host{background:#fbfaf7;position:absolute;inset:0}.plan2d{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.plan2d:active{cursor:grabbing}.joystick{left:28px;bottom:calc(env(safe-area-inset-bottom,0px) + 170px);touch-action:none;background:#ffffff40;border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}.joy-knob{background:#ffffffe6;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #0000004d}.caption{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 44px);width:min(720px, calc(100vw - 2 * var(--gutter)));color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);background:#14212cd1;align-items:center;gap:14px;padding:14px 16px 14px 20px;display:flex;position:absolute;transform:translate(-50%)}.caption .btn.ghost{color:#fff;border-color:#fff6;flex:none}.caption-text{flex:1;margin:0;font-size:15px;line-height:1.45}.caption-text.in{animation:.5s ease-out rise}#ui[data-screen=unit] .caption{bottom:calc(env(safe-area-inset-bottom,0px) + 160px)}.attribution{right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);background:#ffffffbf;border-radius:6px;padding:2px 8px;font-size:11px;position:absolute}.attribution a{color:var(--text)}.hud{left:var(--gutter);bottom:calc(env(safe-area-inset-bottom,0px) + 8px);color:#d8f5d0;background:#000000a8;border-radius:8px;margin:0;padding:8px 10px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;pointer-events:none!important}.loading{color:var(--text);z-index:20;padding:var(--gutter);text-align:center;background:radial-gradient(circle at 50% 40%,#eef4f8,#cfe0ec);place-content:center;justify-items:center;gap:16px;transition:opacity .5s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none!important}.loading.error .spinner{display:none}.loading.error p{color:var(--danger);max-width:420px;font-weight:600}.spinner{border:3px solid #14212c1f;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite spin}.fade{opacity:0;z-index:15;background:#0d151c;transition:opacity .38s;position:absolute;inset:0;pointer-events:none!important}.fade.on{opacity:1}.dialog{width:min(480px, calc(100vw - 2 * var(--gutter)));max-height:calc(100vh - 2 * var(--gutter));color:var(--text);border:0;border-radius:16px;padding:22px 24px;overflow:auto;box-shadow:0 20px 60px #00000059}.dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a141e73}.dialog h2{margin:0 0 12px;font-size:20px}.dialog p{margin:0 0 10px;line-height:1.55}.notice{background:var(--warn-bg);color:#7a5a14;border-radius:8px;padding:8px 10px;font-size:13px}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field label{font-size:13px;font-weight:600}.field input,.field select,.field textarea{font:inherit;color:var(--text);background:#fff;border:1px solid #c9d2d9;border-radius:8px;padding:9px 11px}.field [aria-invalid=true]{border-color:var(--danger)}.field-error{min-height:0;color:var(--danger);font-size:12px;margin:0!important}.field-error:empty{display:none}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:900px){.topbar{flex-wrap:wrap;gap:6px 8px;padding:8px 10px}.brand-sub{display:none}.nav{order:3;width:100%;margin:0}.tools{margin-left:auto}.card{top:auto;bottom:34px;right:var(--gutter)}.badge{top:128px}.walk-hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 2 * var(--gutter));top:160px}.unit-row{justify-content:center}.unit-info{text-align:center;align-items:center}}