:root{font-family:DM Sans,Arial,sans-serif;color:#f1f3ef;background:#111a20;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit}.viewer{position:relative;width:100%;height:100%;height:100dvh;min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 60% 30%,#adc0bf,#718789 48%,#46585d)}.canvas-wrap,.canvas-host,.fallback{position:absolute;inset:0}.canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}.fallback{background:#6b7e7b url(/media/front-loading.jpg) center/cover no-repeat;opacity:.96}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;pointer-events:none;background:linear-gradient(180deg,rgba(10,20,25,.62),transparent)}.brand,.top-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d9cfb88a;border-radius:10px;background:#17252dc9;color:#e8d6ae;font-size:27px}.brand strong{display:block;font:600 17px Libre Franklin,Arial,sans-serif;letter-spacing:.02em}.brand small{display:block;margin-top:3px;color:#d9e2df;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.status{padding:9px 12px;background:#18272cc9;border:1px solid #d9e2df40;border-radius:40px;color:#edf1ec;font-size:13px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-button{width:40px;height:40px;border:1px solid #d9e2df6b;background:#18272cdb;color:#fff;border-radius:11px;cursor:pointer;font-size:25px;line-height:1}.icon-button:hover,.view-list button:hover{background:#3b5158}.icon-button:focus-visible,.view-list button:focus-visible,#retry:focus-visible{outline:3px solid #e8ce95;outline-offset:3px}.view-panel{position:absolute;top:95px;left:28px;width:210px;max-height:calc(100% - 160px);overflow:auto;padding:17px 12px 12px;background:#14242bdd;border:1px solid #e5ece140;border-radius:16px;box-shadow:0 20px 45px #1020273d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{display:block;margin:0 10px 10px;color:#d7caa9;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.view-list{display:grid;gap:3px}.view-list button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 11px;color:#e7eeeb;background:transparent;border:1px solid transparent;border-radius:9px;text-align:left;cursor:pointer;font-size:14px;font-weight:600}.view-list button:before{content:"";width:6px;height:6px;border:1px solid #b5c9c8;border-radius:50%;flex:none}.view-list button[aria-current=true]{background:#cbd5d030;border-color:#dbe6df4a;color:#fff}.view-list button[aria-current=true]:before{background:#e8cf96;border-color:#e8cf96}.help{position:absolute;right:28px;bottom:24px;display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 270px);padding:10px 13px;border-radius:10px;background:#14242bbb;color:#f1f3ef;font-size:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.help span+span:before{content:"·";margin-right:13px;color:#dbca9d}.load-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 32px));padding:25px;background:#15252bea;border:1px solid #edf3e655;border-radius:16px;box-shadow:0 25px 60px #07131a70;text-align:left}.load-panel[hidden]{display:none}.load-panel strong{font:600 18px Libre Franklin,Arial,sans-serif}.load-panel p{margin:10px 0 18px;font-size:16px;line-height:1.5;color:#dce7e5}.progress-track{height:5px;overflow:hidden;background:#81999970;border-radius:10px}.progress-fill{width:12%;height:100%;background:#ddcc9f;transition:width .2s}.progress-fill.indeterminate{width:35%;animation:load 1.4s ease-in-out infinite alternate}@keyframes load{0%{transform:translate(0)}to{transform:translate(210%)}}#retry{padding:10px 17px;border:0;border-radius:8px;background:#e8d6ae;color:#16262e;font-weight:700;cursor:pointer}@media(max-width:700px){.topbar{padding:14px}.brand-mark{width:37px;height:37px}.brand strong{font-size:15px}.brand small{font-size:11px}.status{display:none}.view-panel{inset:auto 0 0;width:100%;max-height:none;padding:12px 14px calc(13px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.eyebrow{margin:0 4px 8px}.view-list{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin}.view-list button{width:auto;white-space:nowrap;flex:none;padding:11px 12px;border:1px solid #dbe6df44}.help{right:14px;bottom:112px;max-width:calc(100% - 28px);justify-content:flex-start;font-size:11px}.help span:nth-child(3){display:none}}@media(max-width:420px){.help{bottom:108px}.brand small{letter-spacing:0}}@media(prefers-reduced-motion:reduce){.progress-fill{animation:none!important;transition:none}}.walk-action,.walk-buttons button{min-height:44px;padding:9px 17px;border:1px solid #e8d6ae;border-radius:10px;background:#e8d6ae;color:#17252d;font-size:14px;font-weight:700;cursor:pointer}.walk-action[hidden],.walk-card[hidden],.walk-buttons button[hidden],.walk-stick[hidden]{display:none}.walk-action:hover,.walk-buttons button:hover{background:#f7e8c5}.walk-action:focus-visible,.walk-buttons button:focus-visible,.canvas-host canvas:focus-visible{outline:3px solid #f5d58e;outline-offset:3px}.walk-action:disabled{opacity:.55;cursor:wait}.walk-card{position:absolute;right:28px;bottom:76px;width:min(310px,calc(100% - 56px));padding:17px 19px;background:#14242be8;border:1px solid #e5ece160;border-radius:15px;box-shadow:0 18px 40px #10202750;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.walk-eyebrow{display:block;margin-bottom:7px;color:#dfc891;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.walk-card strong{display:block;font:600 17px Libre Franklin,Arial,sans-serif}.walk-card p{margin:7px 0 13px;color:#e2eae6;font-size:13px;line-height:1.45}.walk-buttons{display:flex;gap:9px}.walk-buttons button{min-width:132px}.is-placing .help,.is-walking .help{display:none}.is-walking .view-panel{opacity:.78}.walk-stick{--stick-x:0px;--stick-y:0px;position:absolute;left:25px;bottom:calc(28px + env(safe-area-inset-bottom));width:112px;height:112px;border:2px solid #e8d6aeaa;border-radius:50%;background:#17252dbb;touch-action:none;display:none;place-items:center}.walk-stick span{width:50px;height:50px;border-radius:50%;background:#e8d6aee8;transform:translate(var(--stick-x),var(--stick-y))}@media(pointer:coarse){.is-walking .walk-stick{display:grid}.is-walking .walk-card p{display:none}}@media(max-width:700px){.walk-action{padding:8px 12px;min-height:44px}.walk-card{left:14px;right:14px;bottom:calc(107px + env(safe-area-inset-bottom));width:auto;padding:12px 15px}.is-walking .view-panel{display:none}.is-walking .walk-card{left:auto;right:14px;top:calc(72px + env(safe-area-inset-top));bottom:auto;width:min(210px,55vw)}.is-walking .walk-stick{bottom:calc(26px + env(safe-area-inset-bottom))}.is-placing .walk-card{bottom:calc(112px + env(safe-area-inset-bottom))}}.is-walking .view-panel{opacity:.82}@media(max-width:700px){.is-walking .view-panel{display:block}.is-walking .walk-stick{bottom:calc(126px + env(safe-area-inset-bottom))}}