*{box-sizing:border-box}html,body{height:100%;margin:0}body{height:100dvh;display:grid;grid-template-rows:82px minmax(160px,1fr) 116px;background:#17201c;color:#f2eee3;font-family:Arial,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}button:focus-visible,main:focus-visible{outline:2px solid #dec68e;outline-offset:3px}button:disabled{opacity:.36;cursor:wait}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-bottom:1px solid #ffffff14}.eyebrow{display:block;font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#b9c4b9;margin-bottom:6px}h1{font:normal 29px Georgia,serif;letter-spacing:.01em;margin:0}.header-actions{display:flex;align-items:center;gap:24px}#status{display:flex;align-items:center;gap:8px;font-size:11px;color:#b9c9bb}#status i{width:6px;height:6px;border-radius:100%;background:#c5ad73;flex-shrink:0}#status[data-ready=true] i{background:#aecfad}.text-button{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid #ffffff24;border-radius:5px;padding:10px 12px;font-size:12px;min-height:40px;white-space:nowrap}.text-button:hover{background:#2c3931;border-color:#bda874}.text-button>span:first-child{font-size:17px}main{position:relative;min-width:0;min-height:0;background:#0c100e;isolation:isolate;overflow:hidden;outline:none;touch-action:none}#canvas-host{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.caption{position:absolute;left:28px;top:21px;display:flex;align-items:center;gap:10px;color:white;font-size:10px;text-transform:uppercase;letter-spacing:.13em;text-shadow:0 1px 8px #000;pointer-events:none}.caption-line{width:24px;height:1px;background:#eee0bc}#loading{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#0e1a17e8,#111b16ba),url('./poster.png') center/cover;z-index:3}.loading-card{width:min(420px,85%);padding:30px;border:1px solid #ddcb9e50;background:#15201be6;box-shadow:0 10px 60px #0003}.loading-card h2{font:normal 32px/1.1 Georgia,serif;margin:13px 0}.loading-card p{font-size:13px;color:#bac7bd;line-height:1.6;margin:16px 0 22px}progress{display:block;width:100%;height:3px;border:0;border-radius:0;accent-color:#cbb680;background:#ffffff16}progress::-webkit-progress-bar{background:#ffffff16}progress::-webkit-progress-value{background:#cbb680}progress::-moz-progress-bar{background:#cbb680}#retry{margin-top:18px}#look-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:#17201ccc;border:1px solid #ffffff38;border-radius:100px;padding:9px 15px;color:#f9f3e7;font-size:11px;white-space:nowrap;pointer-events:none;transition:opacity .3s}#look-hint span{margin-right:8px;color:#ddc78f}#look-hint.dismissed{opacity:0}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 32px;border-top:1px solid #ffffff14}.help p{font-size:12px;color:#bbc7bd;line-height:1.65;margin:0 0 5px}.help strong{font-weight:500;color:#f0eee4}.note{font-size:10px;color:#8f9d92;letter-spacing:.01em}.controls{display:flex;align-items:center;gap:22px}.control-set{display:flex;flex-direction:column;align-items:center;gap:6px}.walk-pad{display:grid;grid-template-columns:repeat(3,40px);gap:4px}.walk-pad button:first-child{grid-column:2}.walk-pad button:nth-child(2){grid-column:1}.turn-pad{display:flex;gap:5px}button[data-move]{width:40px;height:32px;border-radius:5px;border:1px solid #8b9b8045;background:#29382f;font-size:20px;line-height:1;user-select:none}button[data-move]:hover{background:#3b4c40}button[data-move][data-held=true],button[data-move]:active{background:#67775a;border-color:#d9bd80;color:#fff}.control-label{font-size:8px;color:#a4b09f;text-transform:uppercase;letter-spacing:.16em}.touch-help{display:none}#diagnostics{position:absolute;bottom:8px;left:8px;max-width:600px;font:11px monospace;color:#fff;background:#000b;padding:8px;white-space:pre-wrap;pointer-events:none}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#17201c;color:#fff;z-index:10}
@media(max-width:920px){header{padding:0 22px}.header-actions{gap:14px}footer{padding:12px 22px;gap:14px}.controls{gap:15px}#reset span:last-child{display:none}#reset{min-width:40px;padding:8px}.help p{font-size:11px}}
@media(max-width:620px){body{grid-template-rows:72px minmax(100px,1fr) auto}header{padding:0 17px;gap:9px}h1{font-size:24px}.eyebrow{font-size:8px}.header-actions{gap:9px}#status{font-size:9px;max-width:85px;line-height:1.4}#fullscreen{padding:8px;min-width:44px;min-height:44px;flex-shrink:0}#fullscreen span{display:none}.caption{left:16px;top:15px;font-size:8px;gap:7px}.caption-line{width:16px}footer{display:flex;flex-direction:column;gap:11px;align-items:stretch;padding:11px 17px max(14px,env(safe-area-inset-bottom))}.help p{line-height:1.5;margin:0 0 4px;font-size:11px}.help strong{display:none}.help br{display:none}.note{font-size:9px}.controls{justify-content:center;gap:clamp(4px,calc(40vw - 124px),24px)}.walk-pad{grid-template-columns:repeat(3,44px)}button[data-move]{height:44px;width:44px;min-height:44px;min-width:44px}.text-button{font-size:11px;min-height:44px}#reset{height:44px;min-width:44px;flex-shrink:0}.control-label{font-size:8px}.touch-help{display:inline}.desktop-help{display:none}#look-hint{bottom:17px;font-size:10px;padding:8px 12px}.loading-card h2{font-size:28px}}
@media(max-width:360px){#status-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#status{max-width:none}}
@media(max-height:560px) and (min-width:621px){body{grid-template-rows:60px minmax(80px,1fr) 120px}h1{font-size:23px}.eyebrow{font-size:8px;margin-bottom:4px}footer{padding-top:7px;padding-bottom:7px}.help{min-width:0}.controls{gap:12px;flex-shrink:0}button[data-move]{height:44px;width:44px;min-height:44px;min-width:44px}.walk-pad{grid-template-columns:repeat(3,44px);gap:3px}.control-set{gap:4px}.text-button,#reset{min-height:44px;min-width:44px}.caption{top:12px}}
@media(prefers-reduced-motion:reduce){#look-hint{transition:none}}
.room-picker{position:absolute;left:28px;top:51px;width:188px;color:#f2eee3}.room-picker label{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;text-shadow:0 1px 5px #000}.room-picker select{width:100%;min-height:44px;border:1px solid #ffffff60;border-radius:5px;background:#17201ce8;color:#f2eee3;padding:10px 32px 10px 12px;font:12px Arial,sans-serif;cursor:pointer}.room-picker select:focus-visible{outline:2px solid #dec68e;outline-offset:2px}.room-picker select:disabled{opacity:.5;cursor:wait}
@media(max-width:620px){h1{font-size:21px}.room-picker{left:16px;top:39px;width:158px}.room-picker label{display:none}.room-picker select{font-size:11px;padding-left:10px}}
@media(max-height:560px){.room-picker{left:auto;right:20px;top:11px;width:172px}.room-picker label{display:none}}