html[data-scene-mode=true] .legacy-archive{display:none}html[data-scene-mode=true] #site-content{min-height:100svh}html[data-scene-mode=true] .archive-atmosphere,html[data-scene-mode=true] .background-toggle{display:none}.interactive-study{max-width:1536px;margin:0 auto;padding:36px 4% 48px}.study-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px}.study-heading .eyebrow{font-size:9px;margin-bottom:10px}.study-heading h1{font:clamp(30px,3.6vw,54px)/1.15 var(--serif);font-weight:400;margin:0;color:var(--paper)}html[lang=ko] .study-heading h1{font-family:var(--serif);font-size:clamp(28px,3vw,46px)}.study-heading p:last-child{font-size:11px;color:var(--muted);margin:10px 0 0}.study-heading>button{flex-shrink:0;font-size:11px;min-height:44px}.study-stage{position:relative;width:100%;aspect-ratio:3/2;background:radial-gradient(ellipse at 50% 40%,#292c24,#0a0e0c 75%);overflow:hidden;border:1px solid #c5a77533}.study-stage>img,.study-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.study-stage>video{z-index:1}.study-stage #study-action{z-index:2}.study-shade{position:absolute;inset:0;z-index:3;pointer-events:none;box-shadow:inset 0 0 70px #0008;background:linear-gradient(0deg,#080c0b55,transparent 20%,transparent 85%,#080c0b33)}#study-hotspots{position:absolute;inset:0;z-index:4}.study-object-target{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;background:transparent;border:0;font-size:0;color:transparent;cursor:pointer}.study-object-target:before{content:'';position:absolute;inset:0;clip-path:var(--object-shape);background:#d5bd7424;transition:background .2s;box-shadow:inset 0 0 0 1px #dbc78a55}.study-object-target:hover:before,.study-object-target:focus-visible:before{background:#e9d49455}.study-object-target:focus-visible{outline:2px solid #f3e6bd;outline-offset:3px}.study-object-target:after{content:'↗';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;background:#0d130de0;border:1px solid #c5a775aa;color:#e3d3ae;font:14px var(--sans);border-radius:50%;pointer-events:none}.study-actions{padding-top:22px;text-align:center}.study-actions>p:first-child{font-size:11px;line-height:1.8;color:var(--muted);max-width:720px;margin:0 auto 16px;word-break:keep-all}.study-actions #study-status{font-size:12px;color:var(--brass);min-height:20px;max-width:720px;margin:16px auto 0}#study-object-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 auto 16px}.study-object-caption{background:#1b2019;border:1px solid #85754c;color:#e6dcc5;padding:13px 20px;min-height:48px;font-size:12px}.study-object-caption:hover{background:#c5a77519}.study-placeholder{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:10%;text-align:center;color:var(--muted);font-size:14px}.study-placeholder img{height:90px;width:70px;opacity:.6}.study-placeholder p{max-width:450px;word-break:keep-all}.archive-notebook{--ink:#e8e1cf;--ink-2:#ddd5c2;--paper:#292d26;--muted:#626553;--brass:#70592f;--line:#bcb5a1;--reader-text-size:18px;position:fixed;inset:16px;margin:auto;padding:0;border:1px solid #9f967c;width:min(1320px,calc(100vw - 32px));height:calc(100dvh - 32px);max-width:none;max-height:none;background:#e8e1cf;color:#292d26;box-shadow:0 20px 100px #000b,0 0 0 4px #514b38;overflow:hidden}.archive-notebook::backdrop{background:#050906a8;backdrop-filter:blur(2px)}.archive-notebook:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#6b5b3204 0,#6b5b3204 1px,transparent 1px,transparent 4px);z-index:0}.notebook-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 28px;border-bottom:1px solid #b7ae96;background:#ded5bf;min-height:81px}.notebook-wordmark{display:block;font-size:8px;letter-spacing:1.8px;color:#70592f}.notebook-toolbar h2{font:24px/1.3 var(--serif);margin:4px 0 0;color:#292d26;font-weight:400}.notebook-tools{display:flex;align-items:center;gap:8px}.notebook-tools button{min-width:44px;min-height:44px;padding:9px 13px;background:transparent;border:1px solid #aaa18a;color:#34382e;font-size:11px;white-space:nowrap}.notebook-tools #notebook-close{background:#343b2e;color:#eee6d1;border-color:#343b2e}.notebook-preview-note{position:relative;padding:8px 24px;text-align:center;border-bottom:1px solid #c4bca8;color:#716950;background:#e1d9c5;font-size:10px;line-height:1.5;min-height:31px}.notebook-scroll{position:relative;height:calc(100% - 112px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#8a7c5b #ded5bf;scroll-padding-top:90px}.notebook-preview-note[hidden]+.notebook-scroll{height:calc(100% - 81px)}.notebook-scroll:before{content:'';position:absolute;top:0;bottom:0;left:25px;width:1px;background:#97744933;pointer-events:none}.notebook-scroll>section{min-height:100%;background:transparent}.archive-notebook .info-page{padding:55px 7% 80px}.archive-notebook .info-page h1{font-size:64px}.archive-notebook .archive-section,.archive-notebook .episodes-section{padding:45px 6% 70px}.archive-notebook .card{background:#ddd6c5}.archive-notebook .card-image{background:#1a201a}.archive-notebook .card-name,.archive-notebook .category-button.active{color:#262d22}.archive-notebook .card-meta,.archive-notebook .card-coverage{color:#626553}.archive-notebook .switch{background:#c8c0ab}.archive-notebook .search-wrap,.archive-notebook #sort{background:#ddd5c2;color:#292d26}.archive-notebook input::placeholder{color:#696957}.archive-notebook .chapter p{color:#30372c}.archive-notebook .reader-toolbar{background:#e0d8c3}.archive-notebook .reader-options button{min-width:44px;min-height:44px}.archive-notebook .toc{max-height:calc(100dvh - 240px)}.archive-notebook .story-gate{padding-top:35px}.archive-notebook .reader-layout{grid-template-columns:210px minmax(0,720px);gap:5%;padding:0 6%}.archive-notebook .chapter{scroll-margin-top:100px}.archive-notebook .reading-area{padding-top:45px}.archive-notebook .chapter h2{color:#292d26}.notebook-directory{padding:42px 6% 70px}.notebook-directory h3{font:40px var(--serif);font-weight:400;margin:0 0 25px}.notebook-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#bcb5a1;border:1px solid #bcb5a1}.notebook-index button{background:#e8e1cf;border:0;padding:25px;text-align:left;display:flex;flex-direction:column;gap:10px;color:#292d26;min-height:100px}.notebook-index button:hover{background:#dad1ba}.notebook-index span{font:23px var(--serif)}.notebook-index small{font-size:11px;color:#696a59}html[data-notebook-open=true] .warden-audio,html[data-notebook-open=true] .background-toggle{visibility:hidden}@media(max-width:760px){.interactive-study{padding:25px 0 35px}.study-heading{padding:0 6%;margin-bottom:18px;gap:14px}.study-heading h1,html[lang=ko] .study-heading h1{font-size:29px}.study-heading .eyebrow{font-size:7px;letter-spacing:1px;max-width:230px}.study-heading>button{padding:10px;font-size:10px}.study-stage{border-left:0;border-right:0}.study-shade{box-shadow:inset 0 0 30px #0005}.study-actions{padding:20px 6% 0}.study-actions>p:first-child{font-size:11px}.study-object-caption{font-size:11px;min-height:48px;padding:12px 14px;flex:1 1 130px}.study-placeholder{font-size:12px;gap:12px;padding:8%}.study-placeholder img{height:55px;width:45px}.archive-notebook{inset:5px;width:calc(100vw - 10px);height:calc(100dvh - 10px);box-shadow:0 10px 80px #000b,0 0 0 2px #514b38}.notebook-toolbar{padding:12px 15px;align-items:flex-start;gap:8px;min-height:124px;flex-direction:column}.notebook-toolbar h2{font-size:24px}.notebook-wordmark{font-size:7px}.notebook-tools{width:100%;justify-content:space-between;gap:5px}.notebook-tools button{font-size:10px;padding:8px 10px;min-height:44px}.notebook-tools #notebook-close{margin-left:auto}.notebook-preview-note{font-size:9px;padding:7px 12px;min-height:29px}.notebook-scroll{height:calc(100% - 153px);scroll-padding-top:85px}.notebook-preview-note[hidden]+.notebook-scroll{height:calc(100% - 124px)}.notebook-scroll:before{left:13px}.archive-notebook .archive-section,.archive-notebook .episodes-section{padding:30px 6% 55px}.archive-notebook .section-heading h2{font-size:30px}.archive-notebook .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.archive-notebook .card-name{font-size:20px}.archive-notebook .reader-layout{display:block;padding:0 7%}.archive-notebook .toc{max-height:none}.archive-notebook .reader-toolbar{padding:10px 5%;gap:8px}.archive-notebook .story-gate{padding:25px 6% 50px}.archive-notebook .story-gate h1,html[lang=ko] .archive-notebook .story-gate h1{font-size:46px}.archive-notebook .chapter h2{font-size:32px}.archive-notebook .chapter p{font-size:var(--reader-text-size);line-height:1.85}.archive-notebook .info-page{padding:35px 7% 60px}.archive-notebook .info-page h1,html[lang=ko] .archive-notebook .info-page h1{font-size:45px}.notebook-index{grid-template-columns:1fr}.notebook-index button{min-height:76px;padding:18px}.notebook-index span{font-size:23px}.notebook-directory h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.study-object-target:before{transition:none}.archive-notebook::backdrop{backdrop-filter:none}}
.study-object-target:after{content:attr(data-label);width:max-content;max-width:145px;height:auto;min-height:28px;padding:7px 11px;border-radius:0;font-size:10px;line-height:1.4;white-space:normal;text-align:center;box-shadow:0 3px 16px #0007}@media(max-width:760px){.study-object-target:after{max-width:96px;padding:5px 7px;font-size:9px;min-height:24px}}
.archive-notebook.reader-night-mode{--ink:#171d17;--ink-2:#232a21;--paper:#e6e0ce;--muted:#b0b6a5;--brass:#c4ac7d;--line:#4b5544;background:#171d17;color:#e6e0ce}.archive-notebook.reader-night-mode .notebook-toolbar,.archive-notebook.reader-night-mode .reader-toolbar{background:#22291f}.archive-notebook.reader-night-mode .notebook-toolbar h2,.archive-notebook.reader-night-mode .notebook-tools button,.archive-notebook.reader-night-mode .chapter h2{color:#e6e0ce}.archive-notebook.reader-night-mode .notebook-wordmark{color:#c4ac7d}.archive-notebook.reader-night-mode .notebook-preview-note{background:#293023;color:#bfc4b2}.archive-notebook.reader-night-mode .chapter p{color:#d7dccd}.archive-notebook.reader-night-mode .notebook-scroll{scrollbar-color:#817555 #22291f}

/* Room layout, October 2026: keep the complete index beside a generous scene.
   The frame has only one column. All text/action labels live below its pixels.
   --study-media-ratio is the exact approved source width / source height.
   Fill the right pane at every size; tall scenes extend the ordinary document.
   Never cap media height, crop the source, or trap the controls in a viewport. */
html[data-scene-mode=true] {
  --room-sidebar-width:248px;
  --room-gutter:12px;
}
html[data-scene-mode=true] #site-content .room-scroll-sections {
  width:auto;
  max-width:none;
  margin:0;
  padding:0;
  min-width:0;
}
html[data-scene-mode=true] .room-scroll-section {
  min-width:0;
  min-height:calc(var(--visual-viewport-height,100svh) - var(--archive-header-height,84px) - var(--audio-dock-height,0px));
  scroll-margin-top:var(--archive-header-height,84px);
  border-bottom:1px solid var(--line);
}
html[data-scene-mode=true] #site-content .interactive-study,
html[data-scene-mode=true] .room-scroll-preview {
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:12px max(var(--room-gutter),var(--safe-right,0px)) max(12px,var(--safe-bottom,0px)) max(var(--room-gutter),var(--safe-left,0px));
  overflow:visible;
}
.interactive-study .study-heading,
.room-scroll-preview .room-scroll-preview-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 16px;
  padding:0;
  margin:0 0 10px;
  min-width:0;
}
.interactive-study .study-heading>div:first-child,
.room-scroll-preview .room-scroll-preview-heading>div { min-width:0;flex:1 1 280px; }
.interactive-study .study-heading .eyebrow { display:none; }
html[data-scene-mode=true] .interactive-study .study-heading h1,
html[data-scene-mode=true] .room-scroll-preview h2 {
  font-family:var(--serif);
  font-size:clamp(23px,2vw,32px);
  font-weight:400;
  line-height:1.15;
  color:var(--paper);
  margin:0;
  white-space:normal;
  overflow-wrap:anywhere;
  text-overflow:clip;
}
.interactive-study .study-heading p:last-child,
.room-scroll-preview .room-scroll-preview-heading p {
  font-size:10px;
  line-height:1.4;
  color:var(--muted);
  margin:3px 0 0;
}
.interactive-study .study-toolbar {
  flex:0 1 auto;
  width:auto;
  max-width:100%;
  justify-content:flex-end;
  gap:6px;
}
.interactive-study .study-toolbar .button {
  min-width:44px;
  min-height:44px;
  padding:8px 11px;
  font-size:11px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.interactive-study .study-frame { display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;min-width:0; }
.interactive-study .study-stage,
.room-scroll-preview .room-scroll-preview-stage {
  position:relative;
  width:100%;
  aspect-ratio:var(--study-media-ratio,1.5);
  min-width:0;
  margin:0 auto;
  padding:0;
  border:0;
  overflow:hidden;
  background:#0b100c;
}
.interactive-study .study-stage>img,
.interactive-study .study-stage>video,
.room-scroll-preview .room-scroll-preview-stage>img {
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
/* Preserve the approved pixels; the only decorative overlay is the prop edge. */
.interactive-study .study-shade { display:none; }
.interactive-study .study-object-target::after { display:none; }
.interactive-study .study-caption-rail,
.room-scroll-preview .room-scroll-preview-caption {
  position:static;
  width:100%;
  min-width:0;
  padding:0;
  margin:0;
  border:0;
  text-align:center;
}
.interactive-study .study-caption-rail .button,
.interactive-study #study-main-action,
.room-scroll-preview .room-scroll-preview-caption button,
.room-scroll-preview .room-scroll-preview-caption a {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:auto;
  max-width:100%;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:8px 14px;
  font-size:12px;
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
}
.interactive-study .study-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px 12px;
  padding:8px 0 0;
  min-width:0;
  text-align:left;
}
.interactive-study .study-actions>p:first-child {
  flex:0 1 620px;
  max-width:100%;
  margin:0;
  font-size:10px;
  line-height:1.5;
}
.interactive-study #study-object-buttons {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  min-width:0;
  max-width:100%;
  margin:0;
}
.interactive-study #study-object-buttons:empty,
.interactive-study #study-status:empty { display:none; }
.interactive-study .study-object-caption {
  flex:0 1 auto;
  max-width:100%;
  min-width:44px;
  min-height:44px;
  padding:8px 14px;
  font-size:12px;
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
}
.interactive-study #study-skip-action,
.interactive-study #study-manual-play {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex:0 1 auto;
  min-width:44px;
  min-height:44px;
  max-width:100%;
  margin:0;
  padding:8px 12px;
  font-size:11px;
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
}
.interactive-study .study-actions #study-status {
  flex:1 0 100%;
  max-width:100%;
  min-height:0;
  margin:0;
  font-size:11px;
  line-height:1.5;
  text-align:center;
}
.room-scroll-preview .room-scroll-preview-heading { min-height:44px; }
.room-scroll-preview .room-scroll-preview-caption { margin-top:8px;min-height:44px; }
.room-scroll-preview .room-scroll-preview-caption p { margin:0;font-size:12px;line-height:1.5; }
.interactive-study button:focus-visible,
.room-scroll-preview a:focus-visible,
.room-scroll-preview button:focus-visible { outline:3px solid #f0e7d3;outline-offset:3px; }
@media(min-width:1100px) {
  html[data-scene-mode=true] #site-content>.interactive-study,
  html[data-scene-mode=true] #site-content .room-scroll-sections { margin-left:var(--room-sidebar-width);margin-right:0;width:auto; }
  html[data-scene-mode=true] #site-content .room-scroll-section>.interactive-study { margin:0;width:100%; }
}
@media(max-width:760px) {
  html[data-scene-mode=true] { --room-gutter:12px; }
  html[data-scene-mode=true] #site-content .interactive-study,
  html[data-scene-mode=true] .room-scroll-preview { padding-top:10px; }
  html[data-scene-mode=true] .interactive-study .study-heading h1,
  html[data-scene-mode=true] .room-scroll-preview h2 { font-size:24px;line-height:1.2; }
  .interactive-study .study-heading>div:first-child,
  .room-scroll-preview .room-scroll-preview-heading>div { flex-basis:100%; }
  .interactive-study .study-heading,
  .room-scroll-preview .room-scroll-preview-heading { gap:8px;margin-bottom:8px; }
  .interactive-study .study-toolbar { justify-content:flex-start; }
  .interactive-study .study-stage,
  .room-scroll-preview .room-scroll-preview-stage { width:100%; }
  .interactive-study .study-actions { gap:6px 8px;text-align:center; }
  .interactive-study .study-actions>p:first-child { flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-scene-mode=true] { scroll-behavior:auto; }
  .room-scroll-section,.room-scroll-preview,.interactive-study .study-stage { animation:none;transition:none; }
}
@media(min-width:761px) {
  /* Share one compact under-image row rather than stacking two action bands. */
  html[data-scene-mode=true] #site-content .interactive-study { display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:8px 12px;align-content:start; }
  .interactive-study .study-heading { grid-column:1/-1;margin-bottom:0; }
  .interactive-study .study-frame { display:contents; }
  .interactive-study .study-stage { grid-column:1/-1; }
  .interactive-study .study-caption-rail { grid-column:1;width:auto;max-width:280px;text-align:left; }
  .interactive-study .study-actions { grid-column:2;justify-content:flex-end;align-content:center;padding:0;text-align:right; }
  .interactive-study .study-actions>p:first-child { flex:1 1 250px;font-size:10px; }
}
/* Inactive rooms use the same approved poster and header/CTA footprint. */
.room-scroll-preview .room-scroll-preview-heading { display:block;min-height:53px; }
.room-scroll-preview button.room-scroll-preview-caption {
  display:flex;
  justify-content:center;
  align-items:center;
  width:auto;
  max-width:100%;
  min-width:44px;
  min-height:44px;
  padding:8px 14px;
  margin:8px auto 0;
  border:2px solid #c7a96e;
  background:#101711;
  color:#f0e7d3;
  font-size:12px;
  font-weight:600;
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
}
.room-scroll-preview button.room-scroll-preview-caption:hover { background:#1d281e;border-color:#f0e7d3; }
@media(max-width:760px) {
  .room-scroll-preview .room-scroll-preview-heading { padding-bottom:52px; }
}

/* Visual prop edges retain their exact source footprint even when the touch target is larger. */
.interactive-study .study-object-target::before{display:none}
.study-object-edge{position:absolute;display:block;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat;z-index:0}