html,body{color:#fff;background:#111;width:100%;height:100%;margin:0;font:16px/1.4 system-ui,sans-serif;overflow:hidden}html.in-ar,html.in-ar body{background:0 0}canvas{width:100%;height:100%;position:fixed;inset:0}#overlay{z-index:10000;pointer-events:none;background:0 0;position:fixed;inset:0}#overlay>*{pointer-events:auto}[hidden]{display:none!important}button{font:inherit;color:#000;background:#fff;border:0;border-radius:8px;padding:6px 12px}#panel{text-align:center;background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:24px;font-size:20px;display:flex;position:absolute;inset:0}#panel p{margin:0}#start{border-radius:12px;padding:14px 56px;font-size:28px}#look-around{pointer-events:none;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 24px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#look-around p{text-align:center;background:#0000008c;border-radius:14px;margin:0;padding:12px 18px;font-size:22px}#look-around svg{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #000c);flex:none;width:48px;height:48px;animation:none}#look-around .left{animation-name:nudge-left}#look-around .right{animation-name:nudge-right;animation-delay:-1s}@keyframes nudge-left{0%,50%,to{opacity:.6;transform:none}25%{opacity:1;transform:translate(-16px)}}@keyframes nudge-right{0%,50%,to{opacity:.6;transform:none}25%{opacity:1;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){#look-around svg{animation:none}}#status{margin:12px 12px max(12px, env(safe-area-inset-bottom));background:#0009;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:15px;display:flex;position:absolute;bottom:0;left:0;right:0}#status-text{flex:1}#status{justify-content:center}#status-text:empty{display:none}