/* The historical footage sits inside a physical imperial archive instrument. */
#origin{width:min(1240px,98vw);max-width:none;max-height:98svh;margin:auto;padding:54px 32px 24px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 72%,#4b3e233b,transparent 60%),#08080d;box-shadow:0 35px 120px #000;overflow:auto;color:#e8d7af}
#origin::backdrop{background:#020206ef;backdrop-filter:blur(18px)}
.history-close{position:absolute;top:14px;left:22px;display:flex;align-items:center;gap:14px;font-size:12px;color:#c9c3b9;padding:6px 12px;z-index:5;border:1px solid #c3ab6e33;border-radius:3px}.history-close svg{width:17px;height:17px}
.history-museum{max-width:1080px;margin:auto}.history-inscription{display:flex;align-items:center;justify-content:center;gap:17px;letter-spacing:1px;font-size:12px;color:#aa956e;margin:0 0 22px}.history-inscription .imperial-mark{width:40px;height:42px}.history-inscription small{direction:ltr;font:9px monospace;color:#716f67;border-right:1px solid #746a49;padding-right:16px}
.history-relic{position:relative;isolation:isolate;--relic-glow:79,187,192;filter:drop-shadow(0 24px 22px #000)}
.history-relic:before{content:'';position:absolute;inset:5% -3% -10%;z-index:-1;background:radial-gradient(ellipse,rgba(var(--relic-glow),.15),transparent 65%);transition:background 1.5s}
.history-arch{height:20px;margin:0 8%;display:flex;align-items:flex-end;justify-content:center;gap:8px;background:linear-gradient(90deg,transparent,#655539 25%,#d1b979 50%,#655539 75%,transparent);clip-path:polygon(4% 100%,9% 65%,35% 65%,39% 0,61% 0,65% 65%,91% 65%,96% 100%)}
.history-arch b{width:22%;height:7px;background:#161316;border-top:1px solid #f9dfa3}
.history-machine{display:grid;grid-template-columns:48px 1fr 48px;align-items:stretch;gap:8px;padding:12px 16px;background:linear-gradient(120deg,#ac905c 0%,#292329 8%,#53433a 40%,#17131c 75%,#927648);border:1px solid #a28a54;clip-path:polygon(2% 0,98% 0,100% 5%,100% 95%,98% 100%,2% 100%,0 95%,0 5%);box-shadow:inset 0 0 0 4px #101014,inset 0 0 0 5px #766647}
.history-rail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px 0;background:repeating-linear-gradient(0deg,#15131a 0 4px,#2c272a 4px 6px);border:1px solid #443c2e;border-radius:20px 3px}
.history-rail span{writing-mode:vertical-rl;font:9px monospace;letter-spacing:4px;color:#b6a476;margin-bottom:15px}.history-rail i{width:4px;height:20px;background:#90dbd1;box-shadow:0 0 9px #78cfc8;border-radius:3px;opacity:.65}.history-rail i:nth-of-type(2){height:40px;opacity:.3}.history-rail b{font:14px monospace;color:#807356;margin-top:10px}
.history-monitor{padding:8px;background:linear-gradient(145deg,#c1a972,#42352d 12%,#15121a 25%,#332d30 80%,#a0885d);border:1px solid #b19b66;border-radius:20px 4px 20px 4px;box-shadow:inset 0 0 0 2px #171219,0 5px 15px #000}
.history-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px 2px;background:#08060d;border:2px solid #09080c;box-shadow:0 0 0 1px #82bdc555,inset 0 0 35px #000}
#originFilm{display:block;width:100%;height:100%;object-fit:contain;opacity:1;mix-blend-mode:normal;mask:none;transform:none}
.history-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#d2e9ff0b,transparent 30%,transparent 70%,#fff5dd05);box-shadow:inset 0 0 28px 4px #0009;border:1px solid #ffffff13;border-radius:inherit}
.history-screen-label{position:absolute;left:20px;right:20px;top:15px;display:flex;justify-content:space-between;align-items:center;color:#a7c5be;font-size:10px;pointer-events:none;text-shadow:0 1px 5px #000}.history-screen-label i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#adebe2;box-shadow:0 0 8px #8bd8ce;margin-left:7px}
.history-toggle{position:absolute;bottom:12px;left:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #b4d8d54d;background:#0a10149c;border-radius:50%;color:#c5e4df;opacity:.5}.history-toggle:hover,.history-toggle:focus-visible{opacity:1}.history-toggle svg{width:16px;height:16px}
.history-retry{position:absolute;inset:40% 30%;background:#111421d9;border:1px solid #d9c393;color:#ecddb9;border-radius:4px}.history-retry[hidden]{display:none}
.history-neck{display:flex;justify-content:center;gap:14px;height:22px;background:linear-gradient(90deg,transparent 28%,#1d1820 28%,#5c4c36 29%,#1e1920 32%,#19151b 68%,#786144 71%,#1d1820 72%,transparent 72%)}.history-neck i{height:100%;width:2px;background:#72bab399;box-shadow:0 0 12px #8acdc277}
.history-plinth{position:relative;margin:0 4%;padding:15px 28px 19px;background:linear-gradient(170deg,#66533c 0,#211b25 15%,#16131c 75%,#463a32 94%,#97815b);border:1px solid #766440;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}
.history-plaque{max-width:680px;margin:auto;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 18px;border:1px solid #ab915a66;background:linear-gradient(135deg,#75604333,#11101688);box-shadow:inset 0 1px #ebd1a533}.history-number{font:28px monospace;font-weight:300;color:#78684b;align-self:center;border-left:1px solid #93805c55;padding-left:20px}.history-plaque h2{font-size:clamp(22px,2.6vw,32px);font-weight:500;margin:2px 0 5px;line-height:1.1;color:#e6d3a7}.history-plaque p{font-size:12px;margin:0;color:#a69985}.history-classification{font-size:8px;letter-spacing:1px;color:#9c8b6a}.history-plaque .imperial-mark{width:45px;height:48px;margin-right:auto;opacity:.65}
.history-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 8% 0;padding:0;border:0;color:#77726d;font-size:10px;background:none}.history-footer i{margin:0 8px}.history-footer button{font-size:11px;color:#b8aa8b;white-space:nowrap}.history-scrub{display:none}.editing .history-scrub{display:flex;gap:12px;margin:18px 8%;font-size:11px;align-items:center}.history-scrub input{flex:1;min-width:0;accent-color:#c5ac70}.history-scrub output{direction:ltr}
#origin[data-paused=true] .history-rail i{opacity:.2;box-shadow:none}
@media(max-width:650px){#origin{padding:56px 8px 24px;width:100vw;max-height:100svh;border-radius:0}.history-inscription{font-size:9px;gap:10px;margin-bottom:20px}.history-inscription small{display:none}.history-machine{grid-template-columns:13px 1fr 13px;gap:4px;padding:7px}.history-rail{gap:5px;padding:5px 0;border-radius:2px}.history-rail span,.history-rail b{display:none}.history-rail i{width:2px;height:12px}.history-rail i:nth-of-type(2){height:18px}.history-monitor{padding:4px;border-radius:8px 2px}.history-screen{border-radius:5px 1px}.history-screen-label{top:8px;left:8px;right:8px;font-size:7px}.history-plinth{margin:0 2%;padding:10px 14px 15px}.history-plaque{padding:12px;gap:12px}.history-number{font-size:17px;padding-left:10px}.history-plaque .imperial-mark{width:30px;height:32px}.history-plaque p{font-size:10px}.history-plaque h2{font-size:22px}.history-classification{font-size:7px}.history-footer{margin:16px 4%;font-size:9px;flex-wrap:wrap}.history-toggle{width:28px;height:28px;bottom:7px;left:7px}.history-toggle svg{width:12px;height:12px}.history-close{left:12px}}
@media(prefers-reduced-motion:reduce){#origin[open]{animation:none}.history-relic:before{transition:none}}
/* Keep the entire object, including its museum plaque, in a desktop viewport. */
.history-museum{width:min(100%,calc((100svh - 330px)*1.8));min-width:min(100%,470px)}
@media(max-width:650px){.history-museum{width:100%;min-width:0}}