*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#ece8df;color:#292e29;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #ffffff70;background:#f5f2e9e8;color:#30352e;backdrop-filter:blur(18px);border-radius:30px;min-height:44px;padding:0 20px;font-size:12px;transition:background .2s,transform .2s}button:hover{background:#fff}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible{outline:3px solid #ad8251;outline-offset:4px}#view{position:fixed;width:100%;height:100%;touch-action:none;outline:none}header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:28px 32px;pointer-events:none;background:linear-gradient(#20251c32,transparent)}header>*{pointer-events:auto}.brand{display:flex;gap:15px;align-items:center;color:white;text-shadow:0 1px 12px #0006}.mark{font:46px Georgia;border-right:1px solid #fff8;padding-right:17px}.eyebrow{font-size:9px;letter-spacing:2.4px}h1{font:26px Georgia;margin:5px 0 0}h1 span{font-size:19px;opacity:.75}.actions{display:flex;gap:8px}#fullscreen{font-size:22px;padding:0;width:44px}#loading{position:fixed;inset:0;background:#ece8df;display:grid;place-items:center;text-align:center;z-index:20;transition:opacity .7s}#loading.done{opacity:0;pointer-events:none}h2{font:clamp(48px,7vw,82px) Georgia;margin:26px 0 18px;letter-spacing:-2px}#load-status{font-size:13px;color:#777d73}.progress{width:180px;height:2px;background:#d8d7cc;margin:28px auto;overflow:hidden}.progress i{display:block;width:45%;height:100%;background:#76826a;animation:load 1.5s ease-in-out infinite}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(330%)}}#rooms{position:absolute;bottom:66px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#f7f5eece;backdrop-filter:blur(18px);border-radius:40px;white-space:nowrap;border:1px solid #ffffff80}#rooms button{background:transparent;border:0;min-height:40px;padding:0 19px}#rooms button.active{background:#374938;color:#fff}#hint{position:absolute;bottom:135px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.4px;background:#263327a8;color:#fff;padding:9px 15px;border-radius:30px;white-space:nowrap;pointer-events:none}#hint span{margin:0 10px;opacity:.5}footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;padding:20px 32px;color:white;font-size:9px;letter-spacing:1.7px;text-shadow:0 1px 5px #0008;pointer-events:none;background:linear-gradient(transparent,#20251c55)}footer b{margin-left:7px}footer a{color:inherit;text-decoration:none;pointer-events:auto}#stick,#touch-hint{display:none}#retry{background:#374938;color:white;margin-top:10px}body.plan #stick{display:none}body.plan #hint{display:block}
@media(pointer:coarse){#stick{display:grid;place-items:center;position:absolute;bottom:153px;left:24px;width:106px;height:106px;border:1px solid #ffffff80;border-radius:50%;background:#f1f0e13b;backdrop-filter:blur(6px);touch-action:none}#stick div{width:43px;height:43px;border:1px solid #fff8;border-radius:50%;background:#ffffff95;pointer-events:none}#touch-hint{display:block;position:absolute;bottom:193px;right:25px;width:90px;text-align:center;font-size:11px;line-height:1.6;color:white;text-shadow:0 1px 5px #0008;pointer-events:none}#hint{display:none}}
@media(max-width:650px){header{padding:calc(16px + env(safe-area-inset-top)) 17px 15px;align-items:flex-start}.mark{font-size:34px;padding-right:11px}.brand{gap:10px}.eyebrow{font-size:7px;letter-spacing:1.6px}h1{font-size:21px}h1 span{font-size:15px}.actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:148px}.actions button{padding:0 12px;font-size:10px;min-height:38px}#fullscreen{width:38px;padding:0;font-size:22px}#quality{display:none}#rooms{bottom:calc(54px + env(safe-area-inset-bottom));max-width:calc(100% - 24px);width:max-content;overflow-x:auto;border-radius:22px;padding:4px}#rooms button{padding:0 12px;font-size:10px;min-height:40px}footer{padding:18px 17px calc(17px + env(safe-area-inset-bottom));font-size:7px;letter-spacing:1px}#hint{font-size:10px;bottom:119px}#stick{bottom:calc(131px + env(safe-area-inset-bottom))}#touch-hint{bottom:calc(171px + env(safe-area-inset-bottom))}}

.fov-control{position:absolute;top:92px;right:32px;width:230px;padding:10px 16px 5px;border:1px solid #ffffff80;border-radius:17px;background:#f5f2e9e8;backdrop-filter:blur(18px)}.fov-control label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.3px}.fov-control output{font-variant-numeric:tabular-nums;color:#536447}.fov-control input{display:block;width:100%;height:32px;margin:0;accent-color:#374938;cursor:pointer;touch-action:pan-y}.fov-control input:focus-visible{outline:2px solid #ad8251;outline-offset:2px;border-radius:5px}body.plan .fov-control{display:none}@media(max-width:650px){.fov-control{top:calc(83px + env(safe-area-inset-top));right:17px;width:205px;padding:9px 14px 4px}}
@media(max-width:650px){#quality{display:inline-flex;align-items:center;position:fixed;top:calc(158px + env(safe-area-inset-top));right:17px;min-height:44px}}
#door-action{position:fixed;z-index:7;bottom:175px;left:50%;transform:translateX(-50%);background:#374938ed;color:white;min-height:48px;box-shadow:0 4px 24px #0003}#door-action[hidden]{display:none}#door-action:active{transform:translateX(-50%) scale(.98)}@media(pointer:coarse){#door-action{bottom:calc(110px + env(safe-area-inset-bottom));max-width:calc(100% - 140px);font-size:13px}}

#door-action{bottom:auto!important;max-width:180px!important;transform:translate(-50%,-50%);border:1px solid #ffffff88;border-radius:9px;background:#29382bdb;box-shadow:0 2px 12px #0003;padding:12px 18px;font-size:13px;overflow:hidden;white-space:nowrap}#door-action.downloading:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:calc(var(--door-progress)*100%);background:#d5e6bd;transition:width .15s linear}