body[data-room="cinema"]{--wall:#8e5555;--wall-deep:#613239;--wall-light:#b37970;--room-ink:#fff2dd;--room-muted:#f3dec7;--room-line:#d4ae8b;--room-paper:#f8f0df;--room-accent:#d6b77f;--room-glow:#fff0d50a}
body[data-room="cinema"] .brand::before{color:#3d2422}
body[data-view="cinema"] .masthead{min-height:52px;padding:10px 0 9px}
body[data-view="cinema"] .palace-frieze{height:11px}
body[data-view="cinema"] .palace-shell{max-width:1600px;padding-inline:clamp(16px,3vw,60px)}
body[data-view="cinema"] #app{animation:none}
.origin-page{max-width:1440px;margin:auto;padding:10px 0 28px}
.origin-heading{display:flex;align-items:center;width:var(--origin-stage-width);max-width:100%;min-height:30px;margin:0 auto 8px}
.origin-heading .back-link{display:inline-flex;align-items:center;gap:9px;justify-self:start;font:10px/1.5 var(--sans);margin:0;min-height:36px}
.origin-heading .back-link svg{width:15px;height:15px;stroke-width:1.4}
/* Each inset follows the same mould: 36px outer, 23px liner, 12px scene. */
.origin-stage{position:relative;isolation:isolate;width:var(--origin-stage-width);max-width:100%;margin-inline:auto;padding:12px;border:1px solid #b79769;border-radius:36px;background-color:#faf8f1;background-image:radial-gradient(ellipse at 50% 0,#ffffffb3,transparent 70%),url('./assets/marble-veins.svg'),url('./assets/stone-grain.svg');background-size:100% 100%,cover,180px 180px;box-shadow:inset 0 0 0 4px #ede9df,inset 0 0 0 5px #c1b4a06b,0 9px 24px #4b25282e;overflow:hidden}
.origin-picture{position:relative;display:grid;padding:10px;border:1px solid #ae8e5b;border-radius:23px;background-color:#faf8f1;background-image:radial-gradient(ellipse at 50% 0,#ffffffb3,transparent 70%),url('./assets/marble-veins.svg'),url('./assets/stone-grain.svg');background-size:100% 100%,cover,180px 180px;box-shadow:inset 0 2px 7px #806c511a}
.origin-spread{grid-area:1/1;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:calc(var(--origin-art-height) + 12px);min-height:0;min-width:0}
.origin-scene-link{display:block;flex:0 0 auto;width:calc(var(--origin-art-height) * var(--scene-ratio) + 12px);height:calc(var(--origin-art-height) + 12px);padding:5px;border:1px solid #765535;border-radius:12px;background:linear-gradient(135deg,#9b793f,#d7be85 24%,#b38e54 58%,#dfc890 88%,#926d3c);box-shadow:inset 0 0 0 1px #e4cfa171,0 1px 5px #49341f26,0 1px 1px #d0ab7559;cursor:zoom-in}
.origin-scene-mount{position:relative;display:block;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#faf8f1}
.origin-art{position:absolute;display:block;left:var(--art-left,0%);top:var(--art-top,0%);width:var(--art-width,100%);height:var(--art-height,100%);max-width:none;object-fit:fill;border:0;outline:0;box-shadow:none}
.origin-scene-link:focus-visible{outline:2px solid #fff2dd;outline-offset:3px}
.origin-page-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;max-width:620px;margin:13px auto 0;font:12px/1.5 var(--sans)}
.origin-page-nav>a,.origin-page-nav>.origin-disabled{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 20px;border:1px solid #b3986c;border-radius:25px;background:#f5eddb;color:#594632;box-shadow:inset 0 1px #fff8}
.origin-page-nav>:first-child{justify-self:start}.origin-page-nav>:last-child{justify-self:end}
.origin-page-nav svg{width:17px;height:17px;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.origin-page-nav>a:hover{background:#fff7e5;border-color:#82643a}.origin-page-nav>.origin-disabled{opacity:.36}
.origin-page-count{font:11px/1.5 var(--sans);letter-spacing:1.1px;color:var(--room-ink);white-space:nowrap;min-width:100px;text-align:center}.origin-count-total{opacity:.72}
.origin-page-nav .origin-next{background:#254aa8;color:#fff4de;border-color:#c8ad79;box-shadow:inset 0 0 0 3px #254aa8,inset 0 0 0 4px #d8bd8959}
.origin-page-nav .origin-next:hover{background:#1d3b8b;box-shadow:inset 0 0 0 3px #1d3b8b,inset 0 0 0 4px #d8bd8977}
.origin-load-message{max-width:620px;margin:12px auto 0;font:11px/1.7 var(--sans);color:var(--room-ink)}.origin-load-message [data-origin-retry]{background:#f5eddb;color:#594632;border:1px solid #b3986c;border-radius:18px;padding:6px 11px;margin-inline:5px}
.origin-page a:focus-visible,.origin-page summary:focus-visible{outline:2px solid #fff4df;outline-offset:4px}.origin-page .origin-scene-link:focus-visible{outline-color:#254aa8}
.origin-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.chapter-door.origin-door .door-preview{max-width:190px}
@media(max-width:850px){.origin-page-nav{max-width:600px}}
@media(max-width:600px){body[data-view="cinema"] .masthead{min-height:58px;padding-block:12px}.origin-page{padding:15px 0 24px}.origin-heading{margin-bottom:10px}.origin-heading .back-link{font-size:9px;min-height:30px}.origin-page-nav{gap:10px;margin-top:15px;font-size:11px}.origin-page-nav>a,.origin-page-nav>.origin-disabled{padding:9px 15px;gap:9px}.origin-page-count{font-size:10px;letter-spacing:.5px;min-width:70px}.origin-page-nav svg{width:15px;height:15px}}
@media(max-width:360px){.origin-page-nav{gap:8px}.origin-page-nav>a,.origin-page-nav>.origin-disabled{padding-inline:12px;gap:7px}.origin-page-count{min-width:58px}}
@media(prefers-reduced-motion:reduce){.origin-art,.origin-spread{animation:none!important;transition:none!important}}
@media print{.origin-heading>.back-link,.origin-page-nav{display:none}.origin-stage{width:100%;padding:0;border:0;background:white;box-shadow:none;overflow:visible}.origin-picture{padding:0;border:0;background:none;box-shadow:none}.origin-spread{height:auto;gap:20px}.origin-scene-link{width:45%;height:auto;padding:0;border:0;background:none;box-shadow:none}.origin-scene-mount{height:auto;aspect-ratio:var(--scene-ratio);overflow:hidden}}
