.tcrumbs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line2);font-size:.82rem}
.tcrumbs span{color:var(--ink3)}
.tcrumbs button{padding:5px 11px;border-radius:999px;color:var(--ink3);font-weight:500}
.tcrumbs button.done{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.tcrumbs button.done:hover{background:var(--paper)}
.tcrumbs button.cur{background:var(--ink);color:var(--paper);font-weight:600}
.tcrumbs button:disabled{cursor:default;opacity:1}
.tour{position:relative;aspect-ratio:16/9;overflow:hidden;background:#d5dcc6}
@media (max-width:700px){.tour{aspect-ratio:4/5}}
.tl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}
.tl.on{opacity:1;visibility:visible;transition:opacity .6s}
.tl svg{display:block;width:100%;height:100%;transition:transform .9s cubic-bezier(.65,0,.35,1)}
#tCorr{transition:transform 1.2s cubic-bezier(.55,0,.3,1)}
.tcap{position:absolute;left:16px;top:16px;z-index:5;background:rgba(251,249,245,.95);padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:600;box-shadow:0 4px 14px -6px rgba(0,0,0,.3)}
.tflash{position:absolute;inset:0;z-index:6;background:#fffdf6;opacity:0;pointer-events:none;transition:opacity .35s}
.tflash.on{opacity:1}

/* tesis */
.hot{cursor:pointer;outline:none}
.hot polygon{fill:rgba(255,255,255,0);stroke:rgba(255,255,255,.0);stroke-width:3;transition:fill .25s,stroke .25s}
.hot:hover polygon,.hot:focus-visible polygon{fill:rgba(255,255,255,.3);stroke:#fff}
.hlabel rect{fill:rgba(255,255,255,.93)}
.hlabel text{fill:#1d2622}
.hlabel{opacity:.85;transition:opacity .25s}
.hot:hover .hlabel{opacity:1}
.hot:hover .hlabel rect{fill:#1d2622}.hot:hover .hlabel text{fill:#f3eee5}
.tour.zooming .hlabel{opacity:0}

/* blok */
.fl{cursor:pointer;outline:none}
.fl>rect{fill:rgba(46,107,94,0);stroke:rgba(46,107,94,0);stroke-width:4;transition:fill .2s,stroke .2s}
.fl:hover>rect,.fl:focus-visible>rect{fill:rgba(46,107,94,.16);stroke:#2e6b5e}

/* koridor */
.door{cursor:pointer;outline:none}
.door .leaf{fill:#8a5a3c;stroke:#4a3324;stroke-width:4;transition:fill .5s}
.door.free:hover .leaf,.door.free:focus-visible .leaf{fill:#9c6a49}
.door.taken .leaf{fill:#9b8a7a}
.door.open .leaf{fill:#fff7da}
.door.shake{animation:dshake .45s}
@keyframes dshake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}

/* içeri */
.tin img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tin img.kb{animation:kb 14s ease-out both}
@keyframes kb{from{transform:scale(1.14)}to{transform:scale(1)}}
.tinfo{position:absolute;left:16px;bottom:64px;z-index:3;max-width:min(420px,calc(100% - 32px));background:rgba(251,249,245,.96);border-radius:14px;padding:16px 18px;box-shadow:0 10px 30px -10px rgba(0,0,0,.35)}
.tinfo h3{margin:4px 0}
.tbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tbtns .btn{padding:10px 16px;font-size:.88rem}
.ttabs{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:6px;overflow-x:auto;padding:12px 16px;background:linear-gradient(transparent,rgba(29,38,34,.55));scrollbar-width:none}
.ttabs button{flex:none;font-size:.82rem;padding:6px 12px;border-radius:999px;background:rgba(251,249,245,.85);font-weight:500}
.ttabs button.on{background:var(--ink);color:var(--paper)}
@media (max-width:700px){.tinfo{bottom:60px;padding:12px 14px}.tinfo .small{font-size:.8rem}}