html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#0c100f;color:#f5f1e8;overscroll-behavior:none;touch-action:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.hub{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#090b0de0,#090b0dad),radial-gradient(circle at 50% 42%,rgba(144,214,182,.18),transparent 36%);pointer-events:auto}.hub.hidden{display:none}.hub-panel{width:min(760px,100%);padding:22px;border:1px solid rgba(245,241,232,.16);border-radius:8px;background:#0b0f11c2;box-shadow:0 20px 70px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hub-topline{color:#8df18bdb;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hub h1{margin:5px 0 18px;color:#f5f1e8;font-size:34px;line-height:1;letter-spacing:0}.place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.place-card{min-height:132px;padding:14px;border:1px solid rgba(245,241,232,.15);border-radius:8px;background:linear-gradient(160deg,#f5f1e821,#f5f1e80a),#05080ab8;color:#f5f1e8;font:inherit;text-align:left;cursor:pointer}.place-card:hover,.place-card:focus-visible{border-color:#8df18b94;background:linear-gradient(160deg,#8df18b2e,#f5f1e80f),#05080acc}.place-card span{display:block;font-size:18px;font-weight:900;line-height:1.05}.place-card em{display:inline-flex;margin-top:9px;padding:4px 7px;border:1px solid rgba(245,241,232,.14);border-radius:999px;color:#8df18be6;font-size:11px;font-style:normal;font-weight:900}.place-card small{display:block;margin-top:30px;color:#f5f1e89e;font-size:12px;line-height:1.25}canvas{display:block;width:100%;height:100%}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.status{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:9px;max-width:min(520px,calc(100vw - 36px));padding:9px 12px;border:1px solid rgba(245,241,232,.16);border-radius:8px;background:#0a0e0dad;color:#f5f1e8eb;font-size:13px;line-height:1.25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#8df18b;box-shadow:0 0 16px #8df18bb3}.start,.place{position:absolute;min-height:42px;border:1px solid rgba(245,241,232,.22);border-radius:8px;background:#f5f1e8f0;color:#111412;font:inherit;font-size:14px;font-weight:800;cursor:pointer;pointer-events:auto}.start{right:18px;bottom:18px;min-width:118px}.start.active{background:#8df18be0}.place{right:18px;top:18px;padding:0 13px}.hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:max-content;max-width:calc(100vw - 220px);color:#f5f1e8c7;font-size:13px;line-height:1.25;text-align:center;text-shadow:0 1px 16px rgba(0,0,0,.85)}.quick-actions{position:absolute;right:18px;bottom:72px;display:flex;gap:8px;pointer-events:auto}.quick-actions button{min-height:36px;padding:0 11px;border:1px solid rgba(245,241,232,.2);border-radius:8px;background:#0a0e0d9e;color:#f5f1e8eb;font:inherit;font-size:12px;font-weight:850;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-actions button:hover,.quick-actions button.active{border-color:#8df18b80;background:#8df18b38}.touch-ui{position:absolute;inset:auto 0 0 0;display:none;align-items:end;justify-content:space-between;padding:0 18px 18px;pointer-events:none}.look-zone{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none;touch-action:none}.stick{position:relative;width:112px;height:112px;border:1px solid rgba(245,241,232,.22);border-radius:50%;background:#0a0e0d66;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stick.active{border-color:#8df18b8a;background:#0a0e0d85}.nub{position:absolute;top:50%;left:50%;width:42px;height:42px;border-radius:50%;background:#f5f1e8e0;transform:translate(-50%,-50%)}.touch-buttons{display:grid;grid-template-columns:74px;grid-template-rows:repeat(3,46px);gap:9px;pointer-events:auto}.touch-buttons button{min-height:44px;border:1px solid rgba(245,241,232,.22);border-radius:8px;background:#0a0e0d94;color:#f5f1e8f2;font:inherit;font-size:13px;font-weight:800;touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.touch-buttons button.pressed{background:#8df18b9e;color:#101510}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 45%,rgba(141,241,139,.12),transparent 28%),#0c100f;color:#f5f1e8e0;font-size:14px;font-weight:800;letter-spacing:0}.loader.hidden{display:none}.loadbar{width:min(360px,calc(100vw - 44px));height:8px;overflow:hidden;border:1px solid rgba(245,241,232,.18);border-radius:999px;background:#f5f1e817}#loadFill{width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:#8df18b;transition:transform .16s ease}#loadMeta{min-height:18px;color:#f5f1e89e;font-size:12px;font-weight:700}@media (max-width: 720px){.hub{padding:12px}.hub-panel{padding:16px}.hub h1{font-size:28px}.place-grid{grid-template-columns:1fr}.place-card{min-height:92px}.place-card small{margin-top:20px}.status{top:12px;left:12px;font-size:12px}.start{top:12px;right:12px;bottom:auto;min-width:108px;min-height:38px;font-size:13px}.place,.hint,.quick-actions{display:none}.touch-ui{display:flex;padding:0 max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.look-zone{right:0;left:42%;display:block;pointer-events:auto}.look-zone.active:after{content:"";position:absolute;right:24px;bottom:186px;width:58px;height:58px;border:1px solid rgba(245,241,232,.2);border-radius:50%;background:#0a0e0d2e}.stick{width:min(34vw,136px);height:min(34vw,136px);min-width:116px;min-height:116px}.nub{width:46px;height:46px}}