.room-explorer{position:relative;isolation:isolate;cursor:default;text-align:left;color:#fff8f2;aspect-ratio:16/9;scroll-margin-top:28px}.room-explorer:hover img{transform:none}.room-explorer .room-poster{position:absolute;inset:0;width:100%;height:100%;z-index:0}.room-explorer .room-poster img{object-fit:cover}.room-mount{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .5s ease}.room-explorer[data-state="active"] .room-mount{opacity:1}.room-canvas{width:100%;height:100%;display:block;touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:-5px!important}.room-canvas:active{cursor:grabbing}.room-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#19102494,transparent 73%),linear-gradient(0deg,#181025a6,transparent 65%);transition:opacity .4s}.room-explorer[data-state="active"] .room-veil{background:linear-gradient(0deg,#19102370,transparent 27%,transparent 84%,#19102355)}.room-top{position:absolute;left:22px;right:22px;top:20px;z-index:5;display:flex;justify-content:space-between;gap:15px;align-items:flex-start;pointer-events:none}.room-badge{background:#20162dd9;backdrop-filter:blur(12px);font-size:8px;letter-spacing:1.1px;line-height:1.5;border:1px solid #ffffff42;border-radius:3px;padding:10px 12px;display:flex;align-items:center;gap:10px;max-width:62%;flex-wrap:wrap}.room-badge i{display:block;width:5px;height:5px;background:#ffb7d7;border-radius:50%}.room-badge #room-status{font-size:8px;letter-spacing:0;color:#ede1ee}.room-explorer[data-state="active"] .room-badge i{background:#a1e4bf}.room-top-actions{display:flex;gap:7px;pointer-events:auto}.room-tool{font-size:10px;color:#fff;background:#22182ede;border:1px solid #ffffff45;border-radius:50px;padding:9px 12px;display:flex;gap:7px;align-items:center;white-space:nowrap}.room-tool:hover{background:#4c304e}.room-tool>span:first-child{font-size:16px;line-height:1}.room-entry{position:absolute;left:40px;bottom:42px;right:40px;z-index:4;pointer-events:none}.room-entry .eyebrow{font-size:8px;color:#f8d9e8;letter-spacing:2px}.room-entry h2{font-size:clamp(29px,3.8vw,56px);font-weight:500;letter-spacing:-2px;line-height:1.25;margin-top:16px;text-shadow:0 2px 16px #170b3240;max-width:650px}.room-entry-actions{display:flex;align-items:center;gap:24px;margin-top:25px;pointer-events:auto;max-width:600px}.room-entry .pill-button{background:var(--pink);color:var(--ink);min-width:183px;gap:10px;padding:15px 23px;font-size:12px}.room-entry .pill-button:disabled{opacity:.7;cursor:wait}.room-film{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:white;padding:10px 0}.room-film>span:first-child{font-size:8px;width:30px;height:30px;border:1px solid #ffffff80;display:grid;place-items:center;border-radius:50%}.room-film:hover{color:var(--pink)}.room-load-note{font-size:9px;color:#f2dfea;margin-top:14px;line-height:1.7}.room-error{font-size:11px;line-height:1.8;max-width:500px;color:#fff0d2;margin-top:10px}.room-loader{position:absolute;bottom:21px;left:40px;right:40px;display:flex;align-items:center;gap:12px;z-index:5}.room-loader progress{appearance:none;-webkit-appearance:none;flex:1;height:3px;background:#ffffff35;border:0;border-radius:100px;overflow:hidden}.room-loader progress::-webkit-progress-bar{background:#ffffff35}.room-loader progress::-webkit-progress-value{background:var(--pink)}.room-loader progress::-moz-progress-bar{background:var(--pink)}.room-loader>span{font-size:9px;min-width:30px;text-align:right}.room-controls{position:absolute;inset:0;z-index:4;pointer-events:none}.room-controls button{pointer-events:auto}.room-places{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);display:flex;gap:3px;background:#20162de8;backdrop-filter:blur(13px);border:1px solid #ffffff3d;padding:5px;border-radius:100px;max-width:calc(100% - 275px)}.room-places button{font-size:10px;line-height:1.4;padding:9px 14px;white-space:nowrap;border-radius:100px;color:#e8ddec}.room-places button:hover{background:#ffffff18}.room-places button[aria-pressed="true"]{background:var(--pink);color:#322236;font-weight:650}.room-zoom{display:flex;position:absolute;right:24px;bottom:25px;gap:7px}.room-zoom button,.room-dpad button{width:35px;height:35px;display:grid;place-items:center;background:#25192fe8;border:1px solid #ffffff40;border-radius:50%;color:white;font-size:20px;user-select:none;-webkit-user-select:none;touch-action:none}.room-zoom button:hover,.room-dpad button:hover{background:#603853}.room-dpad{position:absolute;left:23px;bottom:24px;display:grid;grid-template-columns:33px 33px 33px;grid-template-rows:32px 32px;gap:3px}.room-dpad button{width:33px;height:32px;border-radius:9px;font-size:17px}.dpad-up{grid-column:2}.dpad-left{grid-row:2;grid-column:1}.dpad-down{grid-row:2;grid-column:2}.dpad-right{grid-row:2;grid-column:3}.room-hint{position:absolute;left:170px;bottom:88px;right:110px;text-align:center;color:#fff9f5;z-index:4;pointer-events:none;font-size:9px;line-height:1.7;text-shadow:0 1px 8px #231027;padding:7px 10px;display:block}.room-explorer.is-expanded{position:fixed;inset:12px;width:auto;height:auto;aspect-ratio:auto;z-index:100;background:#2d2336;box-shadow:0 0 0 30px #110c1cf0;border:1px solid #8d7e9b70;border-radius:8px}.room-explorer.is-expanded .room-entry{bottom:80px}.room-explorer.is-expanded .room-canvas{width:100%;height:100%}.room-explorer.is-expanded .room-poster img{object-fit:contain}.room-explorer.is-expanded .room-entry h2{font-size:clamp(30px,4vw,60px)}
@media(max-width:800px){.room-explorer{aspect-ratio:4/3}.room-top{left:16px;right:16px;top:16px;gap:10px}.room-badge{font-size:7px;padding:8px 9px;letter-spacing:.7px;gap:7px}.room-badge #room-status{font-size:7px}.room-tool{font-size:9px;padding:8px 10px}.room-entry{left:27px;right:27px;bottom:34px}.room-entry h2{font-size:39px;letter-spacing:-1.7px}.room-entry-actions{gap:21px;margin-top:22px}.room-entry .pill-button{font-size:11px;min-width:170px;padding:13px 19px}.room-places{max-width:calc(100% - 210px);bottom:20px}.room-places button{font-size:9px;padding:8px 10px}.room-dpad{left:16px;bottom:20px}.room-zoom{right:16px;bottom:22px;gap:5px}.room-zoom button{width:30px;height:30px;font-size:17px}.room-hint{left:130px;right:80px;bottom:78px;font-size:8px}.room-loader{left:27px;right:27px;bottom:17px}}
@media(max-width:550px){.room-explorer{aspect-ratio:1/1;min-height:340px}.room-explorer .room-poster img{object-position:52% 50%}.room-top{left:12px;right:12px;top:12px;gap:8px}.room-badge{max-width:50%;font-size:6px;padding:7px 8px;gap:5px;line-height:1.4}.room-badge #room-status{font-size:7px}.room-badge i{width:4px;height:4px}.room-tool{font-size:8px;padding:8px 9px;gap:4px}.room-tool>span:first-child{font-size:13px}.room-top-actions{gap:5px}.room-entry{left:22px;right:22px;bottom:31px}.room-entry .eyebrow{font-size:6px;letter-spacing:1.5px}.room-entry h2{font-size:32px;letter-spacing:-1.7px;margin-top:14px;max-width:350px}.room-entry-actions{display:flex;gap:15px;margin-top:21px;flex-wrap:wrap}.room-entry .pill-button{font-size:10px;padding:12px 16px;min-width:145px}.room-film{font-size:9px;gap:6px;padding:6px 0}.room-film>span:first-child{width:24px;height:24px;font-size:6px}.room-load-note{font-size:7px;margin-top:11px}.room-error{font-size:9px}.room-loader{left:22px;right:22px;bottom:13px;gap:9px}.room-loader>span{font-size:8px}.room-places{max-width:calc(100% - 22px);bottom:13px;width:max-content;gap:1px;padding:4px;overflow-x:auto;border-radius:50px}.room-places button{font-size:8px;padding:8px 11px;flex-shrink:0}.room-dpad{left:14px;bottom:65px;grid-template-columns:32px 32px 32px;grid-template-rows:31px 31px;gap:3px}.room-dpad button{width:32px;height:31px;font-size:16px;border-radius:8px}.room-zoom{right:14px;bottom:67px;flex-direction:column;gap:6px}.room-zoom button{width:31px;height:31px;font-size:18px}.room-hint{left:125px;right:57px;bottom:68px;font-size:7px;line-height:1.8;padding:4px 0;text-align:left}.room-explorer.is-expanded{inset:0;width:100vw;height:100dvh;border:0;border-radius:0;min-height:0}.room-explorer.is-expanded .room-entry{left:26px;right:26px;bottom:70px}.room-explorer.is-expanded .room-entry h2{font-size:37px}.room-explorer.is-expanded .room-top{top:max(14px,env(safe-area-inset-top));left:14px;right:14px}.room-explorer.is-expanded .room-places{bottom:max(15px,env(safe-area-inset-bottom))}.room-explorer.is-expanded .room-dpad{bottom:87px}.room-explorer.is-expanded .room-zoom{bottom:89px}.room-explorer.is-expanded .room-hint{bottom:92px}}
@media(max-width:360px){.room-entry{left:18px;right:18px}.room-entry h2{font-size:29px}.room-entry-actions{gap:10px}.room-entry .pill-button{min-width:137px;font-size:9px}.room-film{font-size:8px}.room-places button{font-size:7px;padding:8px 10px}.room-hint{font-size:6px;left:119px;right:52px}.room-badge{max-width:46%}}
@media(prefers-reduced-motion:reduce){.room-mount,.room-veil{transition:none}}

.room-explorer.is-expanded .room-canvas{touch-action:none}