:root{color-scheme:dark;--roam-bg: #111;--roam-fg: #f2f2f2;--roam-muted: #9a9a9a;--roam-accent: #5cc8ff;--roam-danger: #ff6b6b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}html,body,#roam{margin:0;height:100%;background:var(--roam-bg);color:var(--roam-fg);overflow:hidden}#roam{position:relative;height:100dvh}.roam-screen{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.roam-screen h1{font-size:1.25rem;font-weight:500;margin:0 0 8px}.roam-track{width:min(360px,80vw);height:4px;background:#333;border-radius:2px;overflow:hidden}.roam-bar{height:100%;width:0;background:var(--roam-accent);transition:width .12s linear}.roam-bar-indeterminate{width:30%!important;animation:roam-slide 1.2s ease-in-out infinite}@keyframes roam-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.roam-label{font-size:.95rem}.roam-detail{font-size:.8rem;color:var(--roam-muted)}.roam-error h1{color:var(--roam-danger)}.roam-error pre{max-width:min(640px,90vw);white-space:pre-wrap;text-align:left;font-size:.85rem;line-height:1.5;background:#1c1c1c;padding:16px;border-radius:6px}#roam canvas{display:block;width:100%;height:100%}.roam-hud{position:absolute;z-index:2;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));max-width:calc(100vw - 24px);font-size:.75rem;color:var(--roam-muted);background:#00000080;padding:4px 8px;border-radius:4px;pointer-events:none}.roam-joystick{position:absolute;z-index:2;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);pointer-events:none}.roam-joystick-knob{position:absolute;left:28px;top:28px;width:40px;height:40px;border-radius:50%;background:#fff9}.roam-lift{position:absolute;z-index:2;right:max(8px,env(safe-area-inset-right));bottom:calc(max(8px,env(safe-area-inset-bottom)) + 56px);display:flex;flex-direction:column;gap:8px}.roam-lift[hidden]{display:none}.roam-lift-button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#141414b3;color:var(--roam-fg);font:inherit;font-size:1.1rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.roam-lift-button:active{background:var(--roam-accent);color:#08202c}.roam-overlay{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.roam-overlay>*{position:absolute;left:0;top:0;will-change:transform}.roam-overlay-label{transform-origin:center;padding:2px 6px;border-radius:4px;background:#0009;color:var(--roam-fg);font-size:.8rem;white-space:nowrap;user-select:none}.roam-overlay-label-edge{color:#ffe08a}.roam-overlay-label-title{font-size:.95rem;font-weight:600;color:#b9f0ff}.roam-marker{pointer-events:auto;width:44px;height:44px;padding:0;border:0;background:none;color:var(--roam-fg);cursor:pointer;font:inherit;touch-action:manipulation}.roam-marker-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:6px;border-radius:50%;background:var(--roam-accent);color:#08202c;border:2px solid #fff;box-shadow:0 2px 8px #0009;font-size:1rem;font-weight:700;line-height:1}.roam-marker-dot:not(.roam-marker-glyph):after{content:"";width:10px;height:10px;border-radius:50%;background:#08202c}.roam-marker-text{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:6px;padding:2px 8px;border-radius:4px;background:#0009;font-size:.85rem;white-space:nowrap}.roam-marker:hover .roam-marker-dot,.roam-marker:focus-visible .roam-marker-dot{transform:scale(1.1)}.roam-button{min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:22px;background:#141414d9;color:var(--roam-fg);font:inherit;font-size:.9rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.roam-button[aria-pressed=true]{background:var(--roam-accent);color:#08202c;border-color:var(--roam-accent)}.roam-button:focus-visible{outline:2px solid var(--roam-accent);outline-offset:2px}.roam-controls{position:absolute;z-index:2;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100vw - 120px);padding:6px;border-radius:28px;background:#00000059;backdrop-filter:blur(8px)}.roam-controls[hidden]{display:none}.roam-controls-group{display:flex;border-radius:22px;overflow:hidden}.roam-controls-group .roam-button{border-radius:0}.roam-controls-group .roam-button:first-child{border-radius:22px 0 0 22px}.roam-controls-group .roam-button:last-child{border-radius:0 22px 22px 0}.roam-panel{position:absolute;z-index:3;right:0;top:0;bottom:0;width:min(380px,100vw);display:flex;flex-direction:column;background:#111111f5;border-left:1px solid rgba(255,255,255,.1);box-shadow:-8px 0 24px #0006}.roam-panel[hidden]{display:none}.roam-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.roam-panel h2{margin:0;font-size:1.1rem;font-weight:600}.roam-panel-close{min-width:44px;padding:0;flex:none}.roam-panel-body{overflow-y:auto;padding:16px 20px max(16px,env(safe-area-inset-bottom));line-height:1.5;font-size:.95rem}.roam-panel-body p:first-child,.roam-panel-body h2:first-child,.roam-panel-body h3:first-child{margin-top:0}.roam-panel-body a{color:var(--roam-accent)}.roam-photo{display:block;width:100%;border-radius:6px;margin:0 0 12px;background:#222}.roam-missing{color:var(--roam-danger);font-size:.85rem}.roam-address{color:var(--roam-muted)}.roam-facts{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:16px 0 0}.roam-facts dt{color:var(--roam-muted)}.roam-facts dd{margin:0}@media(max-width:640px){.roam-panel{top:auto;left:0;width:auto;max-height:60vh;border-left:0;border-top:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0}.roam-panel:not([hidden])~.roam-controls{display:none}}.roam-badge{position:absolute;z-index:2;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:4px}.roam-badge-toggle{width:44px;height:44px;padding:0;border:0;background:none;color:var(--roam-fg);cursor:pointer;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.roam-badge-toggle:before{content:"i";display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin:9px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#00000080;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:.95rem;line-height:1}.roam-badge-toggle{font-size:0}.roam-badge-toggle[aria-expanded=true]:before,.roam-badge-toggle:hover:before{background:var(--roam-accent);border-color:var(--roam-accent);color:#08202c}.roam-badge-toggle:focus-visible{outline:2px solid var(--roam-accent);outline-offset:-4px;border-radius:50%}.roam-badge-text{padding:6px 10px;border-radius:6px;background:#0009;color:var(--roam-fg);font-size:.8rem;text-decoration:none;letter-spacing:.02em;white-space:nowrap}.roam-badge-text:hover{color:var(--roam-accent)}.roam-badge-text[hidden]{display:none}@media(max-height:500px){.roam-button{min-height:36px;padding:0 10px;font-size:.8rem;border-radius:18px}.roam-controls{bottom:max(6px,env(safe-area-inset-bottom));padding:4px;gap:6px;max-width:calc(100vw - 120px - env(safe-area-inset-left) - env(safe-area-inset-right))}.roam-controls-group .roam-button:first-child{border-radius:18px 0 0 18px}.roam-controls-group .roam-button:last-child{border-radius:0 18px 18px 0}.roam-panel{top:0;bottom:0;left:auto;width:min(380px,55vw);max-height:none;border-top:0;border-left:1px solid rgba(255,255,255,.1);border-radius:0}.roam-panel:not([hidden])~.roam-controls{display:none}}