.interiors-view{position:absolute;inset:0;z-index:16;background:#172a22;overflow:hidden;color:#f8f2e5;opacity:0;transition:opacity .45s ease;isolation:isolate}
.interiors-view.visible{opacity:1}.interiors-view[hidden]{display:none!important}
#experience[data-overlay="interiors"] #welcome,#experience[data-overlay="interiors"] #story,#experience[data-overlay="interiors"] .vertical-note,#experience[data-overlay="interiors"] .bottom-bar,#experience[data-overlay="interiors"] #gameStage,#experience[data-overlay="interiors"] #mediaStatus{visibility:hidden!important;pointer-events:none!important}
#experience[data-overlay="interiors"] #mediaStage,#experience[data-overlay="interiors"] .cinema-shade,#experience[data-overlay="interiors"] .film-grain{visibility:hidden}
#interiorsCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline-offset:-5px;opacity:0;transition:opacity .6s ease}
.interiors-view.ready #interiorsCanvas{opacity:1}#interiorsCanvas.dragging{cursor:grabbing}
.interiors-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0c211c73,transparent 27%,transparent 59%,#0d221ba6)}
.interiors-glass{border:1px solid #f3ead638;background:#1e342c70;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff0c,0 8px 24px #071b1412}
.interiors-view button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.interiors-view button:focus-visible{outline:2px solid #ead4aa;outline-offset:5px}
.interiors-view button:disabled{opacity:.4;cursor:default}
.interiors-view svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.interiors-exit{position:absolute;top:124px;left:40px;display:flex;align-items:center;gap:9px;border-radius:30px;padding:12px 17px;font-size:11px!important;z-index:4}
.interiors-exit:hover{background:#4c5c4680}
.interiors-angle{position:absolute;right:40px;top:124px;width:80px;border-radius:28px;padding:15px 8px 12px;text-align:center;pointer-events:none}
.interiors-angle>span{display:block;letter-spacing:.14em;font-size:7px;color:#f8efd39c}.interiors-angle strong{font-family:Georgia,serif;font-size:27px;font-weight:400;display:block;margin:4px 0 7px}.interiors-angle i{display:block;font-size:8px;letter-spacing:.08em;font-style:normal;color:#ead6b2b3}
.interiors-copy{position:absolute;left:42px;bottom:111px;pointer-events:none;text-shadow:0 2px 18px #132b2080}
.interiors-eyebrow{display:block;font-size:8px;letter-spacing:.22em;color:#e6d2a9;font-weight:500}
.interiors-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;font-size:36px;margin:12px 0 8px;line-height:1.1}
.interiors-copy p{font-size:11px;line-height:1.7;color:#f8f2e2bd;margin:0}
.interiors-scenes{position:absolute;right:40px;bottom:112px;display:flex;gap:10px;z-index:3;max-width:calc(100% - 80px);overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e1d2ac66 transparent;padding:4px}
.interiors-scenes button{position:relative;display:block;flex-shrink:0;border:1px solid #f8f1db60;border-radius:13px;padding:0;overflow:hidden;text-align:left;width:104px;height:78px;background:#263b31;box-shadow:0 4px 18px #0a211a1f;transition:transform .25s,border-color .25s,box-shadow .25s}
.interiors-scenes button:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#102d1a14,transparent 27%,#0c251bbe);pointer-events:none}
.interiors-scenes button img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.interiors-scenes button:hover{transform:translateY(-3px)}.interiors-scenes button:hover img{transform:scale(1.05)}
.interiors-scenes button.active{border-color:#efdcba;box-shadow:0 0 0 2px #f0d8a74d,0 4px 18px #0a211a1f}
.interiors-scene-no{position:absolute;top:9px;left:10px;font-size:8px;color:#fff;z-index:1;letter-spacing:.08em;text-shadow:0 1px 5px #0009}
.interiors-scene-label{position:absolute;bottom:11px;left:10px;right:7px;font-size:10px;font-weight:500;z-index:1;line-height:1.35}
.interiors-controls{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;padding:5px;border-radius:35px;z-index:4}
.interiors-controls button{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:0;background:transparent;border-radius:50%;padding:0}
.interiors-controls button:hover{background:#ffffff1f}.interiors-controls svg{width:18px;height:18px}
.interiors-divider{width:1px;height:15px;background:#e9ddc839;margin:0 3px}
#interiorsZoom{font-size:10px;min-width:39px;text-align:center;font-variant-numeric:tabular-nums;color:#f8f2e4d9}
.interiors-marker{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:0;border:0;background:transparent!important;display:flex;flex-direction:column;align-items:center;gap:7px;filter:drop-shadow(0 3px 12px #102b2145)}
.interiors-markers{position:absolute;inset:0;pointer-events:none}.interiors-markers button{pointer-events:auto}
.interiors-marker:active{transform:translate(-50%,-50%) scale(.95)}
.interiors-marker-ring{position:relative;display:grid;place-items:center;width:66px;height:38px;border:1px solid #fff0c9b3;border-radius:50%;background:#f9edcc24;box-shadow:inset 0 0 0 6px #fff1ca12;transition:background .25s,box-shadow .25s}
.interiors-marker-ring:before{content:'';position:absolute;top:-7px;left:-8px;width:82px;height:52px;border:1px solid #fff0c942;border-radius:50%;animation:interiors-ring 2.8s ease-in-out infinite}
.interiors-marker-ring svg{width:23px;height:23px;stroke-width:1.6;transform:scaleY(.7);color:#fff4d8}
.interiors-marker-label{font-size:9px;white-space:nowrap;padding:7px 10px;border:1px solid #f6edcd35;border-radius:17px;background:#254034ab;backdrop-filter:blur(10px);color:#fff5df}
.interiors-marker:hover .interiors-marker-ring{background:#fff0ce40;box-shadow:inset 0 0 0 6px #fff1ca29}
.interiors-marker:hover .interiors-marker-label{background:#f1e5c9;color:#294235}
.interiors-status{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 23px;border-radius:23px;max-width:min(420px,calc(100% - 40px));font-size:12px;line-height:1.65;text-align:center;z-index:5}
.interiors-spinner{width:16px;height:16px;flex-shrink:0;border:1px solid #ebddc143;border-top-color:#ebddc1;border-radius:50%;animation:interiors-spin .8s linear infinite}
.interiors-status.error{flex-direction:column;gap:15px;background:#20392de8;padding:25px 29px}.interiors-status.error .interiors-spinner{display:none}
#interiorsRetry{font-size:11px;border:0;background:#efe5cf;color:#2e4637;border-radius:24px;padding:11px 19px}
.interiors-help{position:absolute;left:50%;bottom:94px;transform:translateX(-50%);width:min(370px,calc(100% - 44px));border-radius:23px;padding:25px 27px 23px;z-index:6;background:#233e31f2;text-align:left}
.interiors-help h3{font-family:Georgia,serif;font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.025em;margin:13px 0 15px}
.interiors-help p{font-size:11px;line-height:1.75;color:#eae8d8b8;margin:0 0 12px}.interiors-help small{display:block;font-size:8px;color:#eae8d878;line-height:1.6;margin-top:17px}
#interiorsHelpClose{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:26px;height:26px;background:#ffffff0d;border-radius:50%;padding:0}
#interiorsHelpClose svg{width:14px;height:14px}
@keyframes interiors-spin{to{transform:rotate(360deg)}}@keyframes interiors-ring{0%,100%{opacity:.6;scale:1}55%{opacity:.15;scale:1.12}}
@media(min-width:1800px){.interiors-exit{left:55px;top:145px}.interiors-angle{right:55px;top:145px}.interiors-copy{left:55px;bottom:135px}.interiors-scenes{right:55px;bottom:135px}.interiors-copy h2{font-size:42px}.interiors-scenes button{width:145px;height:102px}}
@media(max-width:900px){.interiors-copy{left:28px;bottom:115px}.interiors-copy h2{font-size:31px}.interiors-scenes{right:28px}.interiors-scenes button{width:105px;height:80px}.interiors-exit{left:28px;top:135px}.interiors-angle{right:28px;top:135px}}
@media(max-width:700px){.interiors-exit{top:150px;left:23px;font-size:10px!important;padding:10px 13px}.interiors-exit svg{width:17px;height:17px}.interiors-angle{right:23px;top:150px;width:61px;padding:11px 5px 9px;border-radius:22px}.interiors-angle strong{font-size:23px}.interiors-angle>span{font-size:6px}.interiors-copy{left:25px;right:25px;bottom:207px}.interiors-copy h2{font-size:30px;margin:9px 0 6px}.interiors-copy p{font-size:10px}.interiors-eyebrow{font-size:7px}.interiors-scenes{left:25px;right:auto;bottom:103px;gap:10px}.interiors-scenes button{width:120px;height:80px}.interiors-scene-label{font-size:9px}.interiors-controls{bottom:28px;gap:1px;padding:4px;max-width:calc(100% - 26px)}.interiors-controls button{width:32px;height:34px}.interiors-divider{margin:0 2px}#interiorsZoom{min-width:35px;font-size:9px}.interiors-marker-ring{width:59px;height:34px}.interiors-marker-ring:before{width:75px;height:48px}.interiors-marker-label{font-size:8px;padding:6px 9px}.interiors-help{bottom:87px}.interiors-status{top:43%;font-size:11px;width:max-content}}
@media(max-height:650px) and (min-width:701px){.interiors-exit,.interiors-angle{top:109px}.interiors-copy{bottom:96px}.interiors-copy h2{font-size:30px}.interiors-scenes{bottom:96px}.interiors-scenes button{height:77px;width:115px}.interiors-controls{bottom:22px}}
@media(prefers-reduced-motion:reduce){.interiors-view,.interiors-view *{animation:none!important;transition:none!important}}
@media(max-width:900px){.interiors-copy{top:220px;bottom:auto}.interiors-scenes{max-width:calc(100% - 48px)}}
@media(max-width:700px){.interiors-copy{top:218px;bottom:auto}.interiors-scenes{left:21px;right:21px;bottom:99px;max-width:none;gap:9px}.interiors-scenes button{width:99px;height:74px}.interiors-scene-label{font-size:9px}.interiors-copy p{max-width:240px}}