*{box-sizing:border-box}:root{--ink: #1f2933;--muted: #687a86;--teal: #008b93;--cyan: #26c6da;--orange: #f5824a;--line: rgba(0, 139, 147, .18);--paper: rgba(255, 255, 255, .86)}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 50% 12%,rgba(38,198,218,.12),transparent 28rem),linear-gradient(180deg,#fff,#eefafa);color:var(--ink)}canvas{display:block;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.lab-ribbon{position:absolute;left:18px;top:18px;z-index:20;display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#ffffffe6;color:var(--ink);box-shadow:0 18px 46px #1546501f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.lab-ribbon a{color:var(--teal);font-size:12px;font-weight:950;text-decoration:none;text-transform:uppercase}.lab-ribbon span{color:#4a5f6d;font-size:12px;font-weight:760}.topbar,.panel,.info{pointer-events:auto;background:#ffffffdb;border:1px solid var(--line);box-shadow:0 24px 70px #1546501f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body.walk-mode .panel,body.walk-mode .info{display:none}.topbar{position:absolute;top:68px;left:18px;right:18px;min-height:56px;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px}body.walk-mode .topbar{left:auto;right:18px;top:18px;width:min(660px,calc(100vw - 260px));min-height:42px;padding:7px 9px}body.walk-mode .topbar .brand{display:none}.brand{min-width:190px;display:grid;gap:2px;color:inherit;text-decoration:none}.brand span{color:var(--teal);font-size:10px;font-weight:900;text-transform:uppercase}.brand strong{color:var(--ink);font-size:18px;line-height:1}.meter{flex:1;height:5px;border-radius:999px;background:#008b931f;overflow:hidden}.meter>div{width:0%;height:100%;background:var(--orange);transition:width .16s ease}.map-link,button{height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#008b9314;color:#536977;padding:0 11px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:900;text-decoration:none;text-transform:uppercase}.map-link,button:hover{color:#fff;background:var(--teal)}.panel{position:absolute;left:18px;top:140px;width:300px;max-height:calc(100vh - 100px);padding:14px;overflow:auto;border-radius:10px}.panel h2,.info h2{margin:0 0 10px;color:var(--ink);font-size:15px}.places{display:grid;gap:8px}.place,.mesh-row{width:100%;text-align:left;height:auto;padding:10px;display:grid;gap:3px;border-radius:8px}.place strong{color:var(--ink);font-size:13px}.place span,.mesh-row span{color:var(--muted);font-size:12px}.subhead{margin:14px 0 8px;color:var(--teal);font-size:12px;font-weight:900;text-transform:uppercase}.mesh-list{display:grid;gap:6px}.info{position:absolute;right:18px;bottom:18px;width:320px;padding:14px;border-radius:10px}.kv{display:grid;grid-template-columns:78px 1fr;gap:5px 10px;font-size:12px}.kv div:nth-child(odd){color:var(--muted)}.reticle{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.84);border-radius:50%;box-shadow:0 0 0 2px #008b933d,0 0 20px #f5824a47}.hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);padding:8px 10px;background:#101114b8;border:1px solid rgba(255,255,255,.12);font-size:12px;color:#d9d3c7}.walk-overlay{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:grid;gap:5px;min-width:280px;max-width:min(520px,calc(100vw - 28px));padding:11px 14px;background:#ffffffe0;border:1px solid var(--line);color:var(--ink);text-align:center;pointer-events:none;border-radius:10px;box-shadow:0 24px 70px #1546501f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.walk-overlay strong{font-size:14px}.walk-overlay span{color:#4a5f6d;font-size:12px}body.walking .walk-overlay{opacity:0}.market-card{position:absolute;right:18px;bottom:18px;z-index:3;width:min(380px,calc(100vw - 36px));display:grid;gap:6px;padding:16px 18px;background:#ffffffe0;border:1px solid var(--line);border-radius:10px;color:var(--ink);pointer-events:none;box-shadow:0 24px 70px #1546501f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.market-card span{color:var(--teal);font-size:11px;font-weight:900;letter-spacing:0;text-transform:uppercase}.market-card strong{font-size:24px;line-height:1.1}.market-card p{margin:0;color:#4a5f6d;font-size:13px;line-height:1.35}.grab-hint{position:absolute;left:50%;bottom:18px;z-index:4;transform:translate(-50%);padding:9px 12px;background:#ffffffe0;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:13px;line-height:1.2;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.grab-hint strong{color:var(--orange)}.ar-status{position:absolute;left:50%;top:72px;z-index:12;width:min(420px,calc(100vw - 28px));transform:translate(-50%) translateY(-8px);padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#ffffffe6;color:var(--ink);font-size:13px;line-height:1.25;text-align:center;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ar-status.visible{opacity:1;transform:translate(-50%) translateY(0)}.ar-status[data-tone=warn]{border-color:#ffa6589e}.mobile-controls,.mobile-hotspots,.native-ar-button,.native-vr-button,.ar-place-button{display:none}@media(max-width:820px){.hud{pointer-events:none}.topbar{display:none}.lab-ribbon{left:10px;right:10px;top:10px;min-height:38px;justify-content:space-between}.lab-ribbon span{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.walk-mode .panel{display:block}.panel{left:10px;right:10px;top:auto;bottom:118px;width:auto;max-height:min(44vh,310px);padding:10px;overflow:auto;transform:translateY(calc(100% + 128px));transition:transform .18s ease;background:#ffffffe6}body.places-open .panel{transform:translateY(0)}.panel .subhead,.mesh-list{display:none}.places{grid-template-columns:repeat(2,minmax(0,1fr))}.info,.hint{display:none}.market-card{left:10px;right:10px;bottom:auto;top:58px;width:auto;padding:10px 12px;gap:4px}.market-card strong{font-size:15px}.market-card p{font-size:11px;line-height:1.25;max-height:42px;overflow:hidden}.ar-status{top:86px;font-size:12px}.grab-hint{left:50%;right:auto;bottom:82px;transform:none;transform:translate(-50%);width:min(360px,calc(100vw - 138px));white-space:normal;text-align:center;font-size:11px;padding:7px 9px}.walk-overlay{bottom:72px;min-width:0;width:min(360px,calc(100vw - 28px));padding:9px 10px}.walk-overlay span{font-size:11px}.reticle{width:16px;height:16px}.mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;z-index:8}.mobile-stick{position:absolute;left:18px;bottom:20px;width:112px;height:112px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0a0b0d57;pointer-events:auto;touch-action:none}.mobile-stick>div{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#e4c36ac7;border:1px solid rgba(255,248,233,.72);box-shadow:0 0 26px #e4c36a47;transition:transform 80ms ease-out}.mobile-actions{position:absolute;right:12px;bottom:18px;display:grid;grid-template-columns:repeat(2,74px);gap:8px;pointer-events:auto}.mobile-actions button{height:38px;border-radius:8px;padding:0 8px;background:#ffffffe6;border-color:var(--line);color:var(--ink);font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-hotspots{position:absolute;left:10px;right:10px;bottom:118px;z-index:9;display:none;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:8px;overflow-x:auto;padding-bottom:4px;pointer-events:auto;scrollbar-width:none}.mobile-hotspots::-webkit-scrollbar{display:none}body.portal-mode .mobile-hotspots{display:grid}body.portal-mode .mobile-stick,body.ar-active .mobile-stick{display:none}body.virtual-walk-mode .mobile-stick,body.vr-active .mobile-stick{display:block}.mobile-hotspot{min-height:58px;height:auto;display:grid;gap:3px;align-content:center;text-align:left;border-radius:8px;padding:8px 10px;background:#ffffffe6;border-color:var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-hotspot strong{font-size:13px}.mobile-hotspot span{color:var(--muted);font-size:11px;line-height:1.2}body.portal-mode .grab-hint,body.ar-active .walk-overlay{display:none}body.ar-active .market-card{background:#0808087a}.ar-place-button{position:absolute;left:50%;bottom:180px;z-index:14;width:min(240px,calc(100vw - 40px));height:48px;transform:translate(-50%);border-radius:10px;background:var(--orange);border:1px solid rgba(245,130,74,.42);color:#fff;font-size:16px;font-weight:900;box-shadow:0 14px 36px #f5824a4d;pointer-events:auto}body.ar-active .ar-place-button{display:block}body.ar-active.ar-placed .ar-place-button,body.virtual-walk-mode .walk-overlay{display:none}}