@view-transition{navigation:auto}
:root{font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;color:#f3f0e9;background:#1a221e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff35;background:#192720ca;border-radius:4px;min-height:46px;padding:11px 18px;backdrop-filter:blur(12px);transition:background .2s,transform .2s}button:hover{background:#334c3f}button:focus-visible{outline:3px solid #e2c5a0;outline-offset:3px}button:disabled{cursor:default;opacity:.55}#viewport{position:fixed;inset:0;background:#292d28 url(poster.jpg) center/cover}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;left:32px;right:32px;top:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:600;letter-spacing:.12em;text-shadow:0 1px 10px #0009}.mark{font-family:Georgia,serif;font-size:35px;border:1px solid #fff8;padding:0 11px;line-height:48px}.brand div span{display:block;font-size:10px;letter-spacing:.2em;margin-top:3px}.actions{display:flex;gap:8px}.actions button{font-size:14px}#vr{background:#e4d0ae;color:#24362b;border-color:#e4d0ae}.eyebrow{font-size:11px;letter-spacing:.18em;color:#d1cabd;font-weight:600}#roompanel{position:fixed;left:32px;top:126px;width:236px;padding:22px;background:#17241eda;backdrop-filter:blur(18px);border:1px solid #fff2;border-radius:4px}h2{font-family:Georgia,serif;font-size:31px;font-weight:400;margin:9px 0}.roomtitle>span{font-size:14px;color:#d5cdbf}nav{display:grid;margin-top:22px;gap:3px}nav button{background:none;border:0;border-top:1px solid #ffffff18;text-align:left;padding:12px 0;font-size:14px;min-height:44px;border-radius:0;backdrop-filter:none}nav button.active{color:#ead0a3}nav button.active:after{content:'●';font-size:8px;float:right;margin-top:6px}nav button:hover{padding-left:6px;color:#ead0a3}.bottom{position:fixed;left:32px;right:32px;bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}#help{font-size:13px;display:flex;align-items:center;gap:5px;background:#17241eda;padding:12px 16px;border:1px solid #fff2;border-radius:4px}kbd{font:12px inherit;border:1px solid #fff5;padding:3px 5px;border-radius:3px}#help span{margin-left:5px}.sep{margin:0 10px;opacity:.45}#walk{background:#e4d0ae;color:#24362b;font-weight:600;min-width:210px;display:flex;justify-content:space-between;gap:30px}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff9;pointer-events:none;font-size:25px;font-weight:200}body.walking #roompanel,body.walking header,body.walking #help{opacity:0;pointer-events:none}body.walking #walk{opacity:.75}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0d181492;backdrop-filter:blur(7px);z-index:5}#loading[hidden]{display:none}.loading-inner{width:430px;padding:30px}h1{font-family:Georgia,serif;font-size:48px;line-height:1.1;font-weight:400;margin:20px 0}#loading p{font-size:15px;color:#ddd8cf}.track{height:2px;background:#ffffff30;margin-top:28px}#progress{height:100%;background:#ead0a3;width:0;transition:width .3s}#status{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#14251df0;padding:12px 18px;font-size:14px;border-radius:4px;max-width:80vw;text-align:center}#status:empty{display:none}dialog{background:#f0ede6;color:#263a2e;border:0;padding:40px;width:min(640px,92vw);max-height:85vh;overflow:auto;border-radius:5px;box-shadow:0 20px 80px #0008}dialog::backdrop{background:#06110cad;backdrop-filter:blur(5px)}dialog .eyebrow{color:#5d685e}dialog h2{font-size:36px;margin:18px 0}dialog p{font-size:16px;line-height:1.6}dialog .note{font-size:13px;color:#697269}dialog .close{position:absolute;top:12px;right:14px;background:none;color:#263a2e;border:0;font-size:25px;padding:0;min-width:36px}#measures{margin:22px 0}#measures div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #263a2e28;padding:11px 0;font-size:14px}#touchpad{display:none;position:fixed;bottom:28px;left:20px;flex-direction:column;align-items:center;gap:5px;touch-action:none}#touchpad button{width:46px;height:46px;padding:0}#touchpad div{display:flex;gap:5px}@media(pointer:coarse){#touchpad{display:flex}#help{display:none}#walk{min-width:155px}#roompanel{top:103px}}@media(max-width:700px){header{left:16px;right:16px;top:15px;align-items:flex-start}.brand{font-size:15px;gap:8px}.mark{line-height:38px;font-size:28px;padding:0 8px}.actions{gap:5px}.actions button{padding:9px;font-size:12px;min-height:39px}#fullscreen{display:none}#roompanel{left:16px;top:95px;width:180px;padding:15px}#roompanel h2{font-size:25px}nav{margin-top:14px}nav button{font-size:13px;padding:8px 0;min-height:37px}.bottom{left:16px;right:16px;bottom:20px;justify-content:flex-end}#help{display:none}#walk{font-size:14px;min-width:160px;padding:10px 13px}#status{font-size:13px;bottom:100px}dialog{padding:28px 24px}dialog h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep every room reachable on short screens and prevent hidden controls from catching gestures. */
#roompanel{max-height:calc(100dvh - 236px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}
body.walking #roompanel,body.walking header,body.walking #help{visibility:hidden}
@media(pointer:coarse){#roompanel{max-height:calc(100dvh - 199px)}#touchpad{display:none}body.walking #touchpad{display:flex}}
@media(max-width:700px){#roompanel{max-height:calc(100dvh - 191px)}}
@media(pointer:coarse) and (max-width:420px){body.walking .bottom{bottom:144px}body.walking #status{bottom:210px}}
/* KOHREGA düzeltmeleri: vektör wordmark (canlı yazı değil), temsili görsel notu, oda en×boy etiketi gizli */
.brand .wordmark{display:block;height:18px;width:auto;color:#EDE8DE}.brand div span{margin-top:6px}
#dimension{display:none}
.disclaimer{font-size:14px!important;line-height:1.5;color:#EDE8DE!important;margin-top:22px}
#fallback{display:inline-block;margin-top:14px;margin-left:12px;color:#EDE8DE;font-size:15px}#fallback[hidden]{display:none}
dialog .disclaimer-strong{font-weight:600}#measures .head{font-weight:600;border-bottom:1px solid #263a2e60}#measures .total{font-weight:600;border-bottom:0}
