:root{--bg:#0f1218;--panel:#141820eb;--text:#eef1f6;--muted:#98a2b3;--accent:#e0452f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{height:100%;position:relative}#viewport{touch-action:none;position:absolute;inset:0}#viewport canvas{display:block}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}#loading{background:var(--bg);color:var(--muted);letter-spacing:.02em;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0}#loading[hidden]{opacity:0;pointer-events:none;display:grid}#attribution{right:8px;bottom:max(6px, env(safe-area-inset-bottom));color:var(--muted);background:#0a0c1099;border-radius:5px;margin:0;padding:3px 8px;font-size:11px;position:absolute}#attribution a{color:inherit}.poi-label{color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;pointer-events:auto;background:#10131adb;border:0;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 5px;font-size:12px;line-height:1.3;transition:background .15s,transform .15s;display:flex;transform:translateY(-2px);box-shadow:0 2px 10px #00000073}.poi-label:after{content:"";background:#ffffff59;width:1px;height:10px;position:absolute;top:100%;left:50%}.poi-label:hover,.poi-label.is-active{background:var(--accent);transform:translateY(-4px)}.poi-icon{font-size:12px}.poi-name{font-weight:500}.poi-label.is-crowded{opacity:0;pointer-events:none}.ui-header{z-index:20;padding:10px max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));background:linear-gradient(#0a0c11eb,#0a0c118c 70%,#0000);align-items:center;gap:12px;display:flex;position:absolute;top:0;left:0;right:0}.brand{white-space:nowrap;flex-direction:column;line-height:1.15;display:flex}.brand strong{letter-spacing:.01em;font-size:15px}.brand span{color:var(--muted);font-size:11px}.search{flex:auto;max-width:300px;position:relative}.search-input{width:100%;color:var(--text);font:inherit;background:#181c25e6;border:1px solid #ffffff1f;border-radius:8px;padding:8px 12px;font-size:14px}.search-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.search-results{background:var(--panel);border-radius:8px;max-height:46vh;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000080}.search-hit{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:14px;display:block}.search-hit:hover{background:#ffffff14}.search-empty{color:var(--muted);padding:8px 10px;font-size:13px}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.segmented{background:#181c25e6;border-radius:8px;padding:2px;display:flex}.seg{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:13px}.seg.is-on{color:var(--text);background:#ffffff1f}.lang-btn{min-width:38px;color:var(--text);font:inherit;cursor:pointer;background:#181c25e6;border:1px solid #ffffff1f;border-radius:8px;padding:7px 8px;font-size:12px;font-weight:600}.filterbar{z-index:15;padding:4px max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));scrollbar-width:none;align-items:center;gap:6px;display:flex;position:absolute;top:58px;left:0;right:0;overflow-x:auto}.filterbar::-webkit-scrollbar{display:none}.chip{--chip:#9aa4b2;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer;background:#141820e0;border:1px solid #ffffff1a;border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;display:inline-flex}.chip.is-on{border-color:var(--chip);background:color-mix(in srgb, var(--chip) 22%, #141820e6);color:var(--text)}.chip-dot{background:var(--chip);border-radius:50%;width:8px;height:8px}.chip-icon{font-size:11px}.chip-safety{--chip:#e01b24}.filter-sep{background:#ffffff26;flex:none;width:1px;height:18px;margin:0 3px}.info{z-index:25;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 18px 20px;position:absolute;box-shadow:0 -8px 32px #00000080}.info-close{width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff14;border:0;border-radius:50%;font-size:14px;line-height:1;position:absolute;top:10px;right:10px}.info-category{letter-spacing:.03em;margin:0 0 2px;font-size:12px;font-weight:600}.info-title{margin:0 0 8px;font-size:20px;line-height:1.2}.info-badge{color:#ff9a86;background:#e0452f33;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.info-text{color:#c8cfda;margin:0 0 8px;font-size:14px}.info-hours{color:var(--muted);margin:0;font-size:13px}.legend{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));z-index:15;background:#10131adb;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute}.legend summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none}.legend-list{margin:8px 0 2px;padding:0;list-style:none}.legend-list li{align-items:center;gap:8px;margin-top:5px;display:flex}.legend-list i{border-radius:2px;width:18px;height:3px}.locate-btn{right:max(12px, env(safe-area-inset-right));bottom:calc(34px + env(safe-area-inset-bottom));z-index:15;width:44px;height:44px;color:var(--text);cursor:pointer;background:#141820eb;border:1px solid #ffffff1f;border-radius:50%;font-size:19px;line-height:1;position:absolute}.locate-label{color:#fff;white-space:nowrap;background:#2b7fd4;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.toast{left:50%;bottom:calc(70px + env(safe-area-inset-bottom));z-index:30;color:var(--text);text-align:center;background:#141820f2;border-radius:999px;margin:0;padding:9px 16px;font-size:13px;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #00000080}body.is-crew #viewport:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #e0452f80}@media (width<=719px){.info{border-radius:14px 14px 0 0;max-height:52vh;bottom:0;left:0;right:0;overflow-y:auto}.brand span,.legend{display:none}}@media (width>=720px){.info{top:104px;right:max(12px, env(safe-area-inset-right));border-radius:12px;width:330px;max-height:calc(100% - 170px);overflow-y:auto}}