*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#292c28;color:#fff;font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d9d6ba;outline-offset:5px}button:disabled{opacity:.45;cursor:wait}a{color:inherit}#viewer{height:100dvh;width:100%;position:relative;overflow:hidden;outline:none}#canvas-host,#canvas-host canvas,#markers,#shade{position:absolute;inset:0;width:100%;height:100%}#canvas-host{touch-action:none;cursor:grab}#canvas-host.dragging{cursor:grabbing}#shade{pointer-events:none;background:linear-gradient(180deg,#1115,transparent 25%,transparent 65%,#1117)}.topbar{position:absolute;inset:0 0 auto;display:flex;gap:32px;align-items:center;padding:30px 40px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{text-decoration:none;font-size:37px;font-weight:650;letter-spacing:-3px;display:flex;align-items:baseline;gap:8px;line-height:1}.brand span{font-weight:350;letter-spacing:1px;font-size:14px;border-left:1px solid #fff6;padding-left:9px}.project{border-left:1px solid #fff5;padding-left:27px}.eyebrow{font-size:10px;letter-spacing:2px;display:block;opacity:.68}.project h1{font-size:14px;font-weight:400;margin:3px 0 0}.icon-button{margin-left:auto;border:1px solid #fff6;border-radius:50%;height:40px;width:40px;background:#2222;font-size:23px}.scene-label{position:absolute;bottom:40px;left:40px;display:grid;gap:4px}.scene-label>span:last-child{font-size:18px}.toolbar{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;border:1px solid #ffffff30;padding:7px;border-radius:18px;background:#242924a8;backdrop-filter:blur(20px);box-shadow:0 8px 35px #0002;white-space:nowrap}.toolbar button{border:0;border-radius:11px;background:none;padding:10px 13px;font-size:17px;display:flex;align-items:center;gap:8px}.toolbar button span{font-size:12px}.toolbar button:hover,.toolbar button[aria-pressed=true]{background:#ffffff20}.toolbar .divider{height:22px;width:1px;background:#fff3;margin:0 4px}.chevron{opacity:.65}.prototype-badge{position:absolute;right:30px;bottom:22px;opacity:.6;font-size:9px;pointer-events:none}.hint,.status{position:absolute;left:50%;transform:translateX(-50%);text-align:center;border-radius:30px;pointer-events:none;transition:opacity .35s;background:#2228;backdrop-filter:blur(12px);padding:10px 20px;max-width:90%;width:max-content;opacity:0}.hint{bottom:112px;font-size:12px}.status{top:110px;font-size:12px}.hint.visible,.status.visible{opacity:1}.scenario-panel{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);background:#202721d9;backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:10px;display:flex;gap:8px;max-width:90vw;overflow:auto}.scenario-panel[hidden]{display:none}.scenario-panel button{padding:12px 18px;background:transparent;border:1px solid #fff3;border-radius:12px;white-space:nowrap}.scenario-panel button[aria-pressed=true]{background:#eeecd9;color:#292d28}.marker{position:absolute;left:0;top:0;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #191d19;border-radius:50%;background:#ffffff4d;width:38px;height:38px;display:grid;place-items:center;color:#1a221a;transition:background .2s,scale .2s;--progress:0deg;isolation:isolate}.marker::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#fff var(--progress),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);pointer-events:none}.marker::after{content:attr(data-label);position:absolute;top:calc(100% + 15px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;background:#2028209c;border-radius:12px;padding:3px 10px;font-size:10px;opacity:0;transition:opacity .2s;pointer-events:none}.marker span{opacity:.8;font-size:20px}.marker:hover,.marker.focused,.marker:focus-visible{scale:1.2;background:#ffffffb3}.marker:hover::after,.marker.focused::after,.marker:focus-visible::after{opacity:1}.marker.scenario-marker{width:62px;height:62px;font-size:10px;background:#303830b3;color:#fff;border-color:#fff7}.marker.scenario-marker.active{background:#ebe9d6cc;color:#232b24}.marker.scenario-marker span{font-size:10px;line-height:1.3;max-width:56px;overflow-wrap:anywhere}.marker.teaching{animation:teach 1.5s ease-in-out infinite}@keyframes teach{50%{scale:1.22;background:#ffffffaa}}#markers{pointer-events:none}#reticles{display:none;position:absolute;inset:0;pointer-events:none}#reticles i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid #303830;transform:translate(-50%,-50%)}#reticles i+i{display:none}.motion #reticles{display:block}.vr #reticles{display:block}.vr #reticles i{left:25%}.vr #reticles i+i{display:block;left:75%}.vr .topbar,.vr .toolbar,.vr .scene-label,.vr .prototype-badge,.vr #scenario-panel,.vr .hint{display:none}.vr #exit-vr{display:block;position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#2229;border:1px solid #fff7;border-radius:18px;padding:5px 14px;font-size:11px}.vr .status{top:auto;bottom:15px;font-size:10px}.loading,.fatal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#262c28;gap:16px;z-index:5}.loading{transition:opacity .3s;pointer-events:none}.loading[hidden],.fatal[hidden]{display:none}.loader{width:30px;height:30px;border:1px solid #fff3;border-top-color:#dedccb;border-radius:50%;animation:spin 1s linear infinite}.loading p{font-size:12px;letter-spacing:1px;opacity:.65}@keyframes spin{to{transform:rotate(360deg)}}.fatal{text-align:center;padding:40px}.fatal h1{font-size:24px}.fatal p{max-width:480px;opacity:.7}dialog{color:#273129;border:none;border-radius:24px;padding:35px;width:440px;max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto;background:#f1f0e9;box-shadow:0 25px 100px #0005}dialog::backdrop{background:#141a1770;backdrop-filter:blur(5px)}dialog h2{font-size:23px;font-weight:500;margin:10px 0 16px}dialog p{font-size:12px;line-height:1.8}dialog label{display:grid;gap:7px;margin:14px 0;font-size:12px}dialog input:not([type=checkbox],[type=range],[type=file]),dialog select{width:100%;padding:10px;border:1px solid #26362a30;background:#fff8;border-radius:8px;color:#26362a}dialog .check{display:flex;align-items:center;gap:8px}dialog input[type=range]{width:100%;accent-color:#455347}.muted{opacity:.63;font-size:11px!important}.dialog-close{border:0;background:none;color:#334239;position:absolute;right:20px;top:12px;font-size:28px}.file-picker{border:1px dashed #344c3c70;padding:15px;text-align:center;border-radius:10px;cursor:pointer}.file-picker input{width:100%;font-size:11px}.primary{border:0;background:#34493b;color:#fff;padding:13px;width:100%;border-radius:10px;margin:10px 0}.text-button{border:0;background:none;text-decoration:underline;color:#455348;padding:16px 0;font-size:12px}details{margin:15px 0;border-top:1px solid #0002;padding-top:15px;font-size:12px}summary{cursor:pointer}#exit-vr[hidden]{display:none}@media(max-width:800px){.topbar{padding:24px;gap:20px}.brand{font-size:32px}.project{padding-left:17px}.project h1{font-size:11px}.scene-label{bottom:115px;left:24px}.prototype-badge{bottom:12px;right:18px;font-size:8px}.toolbar{bottom:36px;padding:5px;border-radius:14px}.toolbar button{padding:10px}.toolbar button span{font-size:10px}.toolbar .divider{margin:0}.hint{bottom:165px}.scenario-panel{bottom:160px}}@media(max-width:480px){.project .eyebrow{display:none}.project{max-width:170px}.toolbar button{gap:5px;padding:9px}.toolbar button span{font-size:9px}.topbar{padding:21px 18px;gap:15px}.brand{font-size:30px}.scene-label{left:20px}.icon-button{width:34px;height:34px}.status{top:85px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

[hidden]{display:none!important}