:root{--font-display: "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", Georgia, serif;color:#eee8da;background:#090a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#090a0a}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(120% 60% at 50% 0%,rgba(213,164,78,.1),transparent 70%),linear-gradient(#0b0b09,#11100c)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #dab768;outline-offset:3px}a{color:inherit}.app-shell{min-height:100vh}.museum-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;padding:.8rem clamp(1rem,4vw,4rem);border-bottom:1px solid rgba(220,183,104,.18);background:#080909e0;backdrop-filter:blur(18px)}.brand-link{display:flex;gap:.8rem;align-items:baseline;text-decoration:none}.brand-mark,.display-title,.panel h2,.viewer-title h1{font-family:var(--font-display)}.brand-mark{color:#dfbd72;font-size:1.25rem;letter-spacing:.16em}.brand-subtitle{color:#8d8c86;font-size:.75rem}.language-switch{display:flex;gap:.2rem;padding:.2rem;border:1px solid #302c23;border-radius:999px}.language-switch button{min-width:2.6rem;padding:.4rem .65rem;border:0;border-radius:999px;color:#aaa69d;background:transparent;cursor:pointer}.language-switch button[aria-pressed=true]{color:#17130c;background:#d9b86d}.home-page{width:min(1160px,calc(100% - 2rem));margin:0 auto;padding:clamp(1rem,2.5vh,2rem) 0 4rem}.hero{max-width:52rem;margin-bottom:clamp(2rem,5vh,4rem)}.eyebrow{margin:0 0 1rem;color:#c7a660;font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.display-title{margin:0;color:#f2ead9;font-size:clamp(2.7rem,7vw,6.6rem);font-weight:500;line-height:.98}.hero-copy{max-width:42rem;margin:1.6rem 0 0;color:#aaa69d;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.home-carousel-hero{display:grid;max-width:none;gap:.55rem;margin-bottom:0}.home-carousel-heading{width:100%}.home-carousel-heading .eyebrow{margin-bottom:.3rem;font-size:12px}.home-carousel-heading .display-title{font-size:clamp(28px,3.2vw,42px);line-height:1.08;white-space:nowrap}.home-carousel-heading .hero-copy{max-width:42rem;margin-top:.35rem;font-size:14px;line-height:1.4}.home-turntable-stage{position:relative;height:clamp(22rem,50vh,34rem);min-height:22rem;overflow:hidden;border:1px solid rgba(213,164,78,.3);border-bottom:0;background:radial-gradient(circle at 50% 72%,rgba(158,94,34,.16),transparent 42%),#090a0a}.home-turntable-stage canvas{display:block}.home-carousel-poster-link{display:block;width:100%;height:100%}.home-carousel-poster{display:block;width:100%;height:100%;object-fit:cover}.home-turntable-stage .geometry-loading{background:transparent}.home-carousel-machine-copy{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5rem;padding:.75rem 1.1rem;border:1px solid rgba(213,164,78,.3);color:inherit;background:linear-gradient(100deg,#17140f,#0e0f0e);text-decoration:none;animation:home-carousel-copy-in .18s ease-out}@keyframes home-carousel-copy-in{0%{opacity:.25;transform:translateY(.2rem)}}.home-carousel-machine-text{display:grid;gap:.35rem}.home-carousel-machine-text strong{color:#eee5d3;font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,2rem);font-weight:500}.home-carousel-machine-text>span{color:#aaa69d;line-height:1.55}.home-carousel-machine-copy .machine-open{margin-top:0;white-space:nowrap}.home-machine-pills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.home-machine-pills button{min-height:2.8rem;padding:.55rem .7rem;border:1px solid #3e392e;border-radius:999px;color:#a9a49a;background:#121311;cursor:pointer;font-size:.76rem}.home-machine-pills button[aria-pressed=true]{border-color:#c49d54;color:#f0d89e;background:#292116;box-shadow:inset 0 0 0 1px #d9b86d29}@media(max-width:899px){.home-carousel-heading .display-title{font-size:clamp(28px,7vw,38px);white-space:normal}.home-turntable-stage{height:clamp(20rem,68vw,30rem);min-height:20rem}.home-carousel-poster{object-position:center}.home-carousel-machine-copy{grid-template-columns:auto minmax(0,1fr)}.home-carousel-machine-copy .machine-open{grid-column:2}.home-machine-pills{display:flex;padding-bottom:.25rem;overflow-x:auto;scrollbar-width:none}.home-machine-pills::-webkit-scrollbar{display:none}.home-machine-pills button{flex:0 0 auto}}.gold-button,.ghost-button,.mechanism-button{border:1px solid #b8944f;border-radius:2px;cursor:pointer}.gold-button{padding:.75rem 1rem;color:#14110b;background:#d9b86d;text-decoration:none;white-space:nowrap}.story-launch-button,.story-back-link{border:1px solid #806634;color:#e7d3a6;background:#0c0d0cdb;font-size:.75rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;backdrop-filter:blur(12px)}.story-launch-button{z-index:4;flex-shrink:0;margin-left:auto;padding:.65rem .8rem}.story-back-link{position:fixed;z-index:12;top:5.35rem;right:1rem;padding:.55rem .7rem}.machine-index{color:#a98f5e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.machine-open{display:inline-block;margin-top:1.25rem;color:#d9b86d;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.loading-page,.error-page{position:relative;display:grid;min-height:calc(100vh - 4.5rem);place-content:center;padding:2rem;text-align:center}.poster-overlay{position:absolute;z-index:1;inset:0;opacity:1;pointer-events:none;transition:opacity .24s ease}.poster-overlay[data-ready=true]{opacity:0}.context-lost-overlay{position:absolute;z-index:20;inset:0;display:grid;align-content:center;justify-items:center;padding:2rem;color:#eee8da;background:#090a0aeb;text-align:center}.context-lost-overlay p{max-width:28rem;margin:0 0 1rem}.poster-fallback{position:absolute;inset:0;display:grid;overflow:hidden;background:#14130f;place-items:center}.poster-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:blur(6px) saturate(.8)}.poster-fallback span{position:relative;color:var(--gold, #d5a44e)}.error-page p{color:#a6a29a}.error-actions{display:flex;justify-content:center;gap:.75rem}.error-actions .ghost-button{text-decoration:none}.viewer-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);height:calc(100vh - 4.5rem);min-height:38rem}.viewer-stage{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(136,110,58,.13),transparent 30rem),linear-gradient(#101111,#090a0a)}.viewer-canvas{position:absolute;inset:0;overscroll-behavior:contain}.story-machine-stage{position:relative}.geometry-loading{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:minmax(8rem,14rem) auto;align-content:center;justify-content:center;gap:.45rem .7rem;color:#cbb98f;background:radial-gradient(circle at 50% 50%,rgba(136,110,58,.14),transparent 18rem);font-size:.75rem;letter-spacing:.08em;pointer-events:none;text-transform:uppercase}.geometry-loading span,.geometry-loading progress{grid-column:1 / -1}.geometry-loading progress{width:14rem;height:.3rem;accent-color:#d9b86d}.geometry-loading small{grid-column:2;grid-row:1;color:#7f796d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;text-align:right}.viewer-title-row{position:absolute;z-index:2;top:1.5rem;right:1.5rem;left:1.5rem;display:flex;align-items:flex-start;gap:1rem}.viewer-title{max-width:calc(100% - 220px);pointer-events:none}.viewer-title h1{margin:0;font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:500}.viewer-title p{margin:.35rem 0 0;color:#898780;font-size:.76rem}.viewer-toolbar{position:absolute;z-index:3;bottom:1rem;left:1rem;width:calc(100% - 2rem)}.viewer-toolbar[hidden]{display:none}.idle-chip{align-self:center;justify-self:start;margin-left:.5rem;padding:.25rem .5rem;border:1px solid #9b7a3e;border-radius:999px;color:#d9b86d;font-size:.75rem}.viewer-controls{max-width:420px;padding:.4rem .6rem;border:1px solid rgba(213,164,78,.35);border-radius:10px;background:#0a0a08b8;backdrop-filter:blur(6px)}.viewer-controls .primary-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.viewer-controls .ghost-button{padding:.4rem .6rem}.controls-advanced summary{color:#cdb985;cursor:pointer;font-size:.75rem}.controls-advanced[open]{margin-top:.5rem}.controls-advanced-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .55rem;margin-top:.5rem}.controls-advanced-body>.range-control,.controls-advanced-body>.assembly-step-controls,.controls-advanced-body>.assembly-target-slot,.controls-advanced-body>.assembly-current,.controls-advanced-body>.assembly-hint{grid-column:1 / -1}.aid-chip-toolbar{position:absolute;top:132px;right:auto;left:1rem;display:flex;max-width:min(62%,560px);max-height:128px;align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;column-gap:6px;row-gap:.35rem;pointer-events:auto}.drive-coach:before{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#d9b86d;box-shadow:0 0 .45rem #d9b86dcc;content:""}@media(max-width:1100px){.aid-chip-toolbar{top:1rem;right:1rem;max-width:calc(100% - 2rem);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none}.aid-chip-toolbar::-webkit-scrollbar{display:none}.viewer-title-row{top:4.25rem}}@media(min-width:821px)and (max-height:680px){.viewer-page{min-height:0}}.drive-buttons{display:flex;gap:.15rem;opacity:.78;transform:translateY(-2.2rem);transition:opacity .16s ease}.drive-buttons:hover,.drive-buttons:focus-within{opacity:1}.drive-buttons button{display:grid;width:1.65rem;height:1.65rem;padding:0;border:1px solid #9b7a3e;border-radius:50%;color:#211a0d;background:#d9b86d;cursor:pointer;place-content:center}.range-control{display:grid;grid-template-columns:7rem 1fr;gap:.8rem;align-items:center;color:#aaa69d;font-size:.75rem}.range-control input{width:100%;accent-color:#d9b86d}.ghost-button,.mechanism-button{padding:.55rem .75rem;color:#d8c69d;background:#121210e6}.ghost-button:hover,.mechanism-button:hover{background:#29251b}.viewer-sidebar{overflow-y:auto;border-left:1px solid #27251f;background:#0d0e0e}.panel{padding:.9rem 1rem;border-bottom:1px solid #27251f}.panel+.panel{margin-top:.75rem}.panel h2{margin:0 0 .55rem;color:#d6c9ae;font-size:1.02rem;font-weight:500;letter-spacing:.05em}.panel-empty,.panel-copy{color:#85837d;font-size:.8rem;line-height:1.65}.part-name{margin:0 0 .8rem;color:#eee5d3;font-size:1.12rem}.part-name small{display:block;margin-top:.2rem;color:#85837d;font-size:.75rem;font-weight:400}.provenance-badge{display:inline-flex;margin-bottom:1rem;padding:.3rem .48rem;border:1px solid #605139;color:#c8aa6a;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.record-list{display:grid;gap:.7rem;margin:0}.record-list div{display:grid;gap:.2rem}.record-list dt{color:#9a968c;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.record-list dt:lang(zh){letter-spacing:.02em;text-transform:none}.record-list dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0;color:#c2bdb3;font-size:.78rem;line-height:1.5}.record-list .dim-note{font-size:.75rem;opacity:.75}.record-list small{font-size:.75rem}.panel-link{color:#caa85f;font-size:.75rem}.mechanism-list{display:grid;gap:.5rem}.bearing-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-bottom:.65rem}.bearing-picker .chip{min-height:2rem;border:1px solid #4a4130;color:#b9ad94;background:#121311;cursor:pointer}.bearing-picker .chip.active{border-color:#b8944f;color:#e4c87f}.demo-trigger-button{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.demo-trigger-button[data-demo-state=playing]{border-color:#f0cf83;box-shadow:inset 0 0 0 1px #f0cf8359,0 0 .85rem #d9b86d47;opacity:1}.demo-trigger-button[data-demo-state=playing]:after{display:inline-block;width:.42rem;height:.42rem;margin-left:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 .5rem currentColor;content:"";animation:demo-playing-pulse .9s ease-in-out infinite alternate}.demo-trigger-button[data-demo-state=dimmed]{opacity:.38}.demo-trigger-button[data-demo-state=dimmed]:hover,.demo-trigger-button[data-demo-state=dimmed]:focus-visible{opacity:.62}@keyframes demo-playing-pulse{to{opacity:.35;transform:scale(.72)}}.event-caption-bar{min-height:.3rem}.event-caption-bar[data-pulsing=true]{animation:demo-caption-pulse .5s ease-out}.demo-progress{display:block;width:100%;height:2px;margin-top:.8rem;overflow:hidden;border:0;color:#d9b86d;background:#d9b86d29;appearance:none}.demo-progress::-webkit-progress-bar{background:#d9b86d29}.demo-progress::-webkit-progress-value,.demo-progress::-moz-progress-bar{background:#d9b86d}@keyframes demo-caption-pulse{45%{background:#d9b86d24;box-shadow:0 0 1rem #d9b86d33}}.event-caption{min-height:2rem;margin:.8rem 0 0;color:#d9c79e;font-family:var(--font-display);font-size:.8rem;line-height:1.55}.spotlight-card{margin-top:0;padding:1rem;border:1px solid rgba(217,184,109,.25);background:#c6973f0f}.spotlight-card strong{display:block;margin-bottom:.35rem;color:#d9c08a;font-family:var(--font-display)}.spotlight-done{display:inline-block;margin-top:.7rem;color:#e4c87f;font-size:.75rem}.scheme-select{width:100%;padding:.6rem;border:1px solid #4a4130;color:#d7d0c2;background:#121311}.gallery-grid{display:grid;gap:.7rem}.gallery-item{padding:.7rem;border:1px solid #292822}.gallery-item img{display:block;width:100%;height:8rem;object-fit:cover;background:#181816}.gallery-item p{margin:.6rem 0;color:#aaa69d;font-size:.75rem}.assembly-step-controls,.compare-scheme-pickers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.compare-scheme-pickers select{width:100%;max-width:none;text-overflow:ellipsis}.assembly-current,.assembly-hint{margin:0;padding:.45rem .6rem;color:#d9c79e;background:#d9b86d14;font-size:.75rem}.assembly-hint{border-left:3px solid #c74942;color:#f0aaa4;background:#a52a222e}.assembly-target-slot{min-height:2.6rem;border:1px dashed #2aa7a1;color:#9ddbd7;background:#2aa7a11a;cursor:pointer}.assembly-banner{position:absolute;z-index:5;top:1rem;left:50%;display:flex;width:min(34rem,calc(100% - 2rem));align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .75rem;padding:.65rem .8rem;border:1px solid rgba(217,184,109,.7);border-radius:10px;color:#eee5d3;background:#0c0c0aeb;box-shadow:0 .65rem 2rem #0006;font-size:.8rem;text-align:center;transform:translate(-50%);backdrop-filter:blur(8px)}.assembly-banner strong{flex-basis:100%;color:#e4c87f}.assembly-banner button{padding:.35rem .55rem;border:1px solid #b8944f;color:#e4c87f;background:transparent;cursor:pointer}.assembly-banner-hint{color:#f0aaa4}.assembly-banner[data-pulse]:not([data-pulse="0"]){animation:assembly-banner-pulse .45s ease-out}@keyframes assembly-banner-pulse{45%{border-color:#f0aaa4;box-shadow:0 0 1.5rem #c749428c}}.viewer-toolbar[data-completion-effect]:not([data-completion-effect="0"]){animation:assembly-complete .7s ease-out}@keyframes assembly-complete{0%{border-color:#dfbd72;box-shadow:0 0 #dfbd7200}45%{box-shadow:0 0 2.5rem #dfbd726b}to{border-color:#d9b86d33;box-shadow:0 0 #dfbd7200}}[data-testid=compare-toggle]{width:100%;margin-top:.7rem;padding:.6rem;border:1px solid #2f7772;color:#9ddbd7;background:#2aa7a114;cursor:pointer}.compare-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto minmax(8rem,28vh);width:100%;height:100%;background:#090a0a}.compare-header{display:flex;align-items:center;gap:1rem;padding:.4rem .75rem}.compare-header button{margin-left:auto}.compare-viewports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.compare-viewport-shell{position:relative;min-width:0;min-height:0;border:1px solid #25241f}.compare-viewport-shell canvas{display:block;width:100%!important;height:100%!important}.compare-scholar-bar{position:absolute;z-index:2;top:.55rem;left:50%;padding:.35rem .55rem;color:#e0d3ba;background:#080909c7;font-size:.75rem;pointer-events:none;transform:translate(-50%);white-space:nowrap}.compare-drive-controls{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.45rem;background:#111210}.compare-drive-controls button{min-width:44px;min-height:36px;border:1px solid #9b7a3e;color:#211a0d;background:#d9b86d;cursor:pointer}.compare-drive-controls .event-caption{flex-basis:100%;min-height:1em;margin:0;text-align:center}.compare-table-wrap{min-height:0;overflow-x:auto}.compare-table-wrap table{width:100%;border-collapse:collapse;font-size:.8rem}.compare-table-wrap tbody tr:nth-child(odd){background:#ffffff08}.compare-table-wrap th,.compare-table-wrap td{padding:.45rem .6rem;vertical-align:top;text-align:left}.compare-table{min-height:0;width:100%;border-collapse:collapse;color:#bbb3a4;background:#0d0e0e;font-size:.8rem}.compare-table caption{padding:.45rem;color:#dfbd72;text-align:left}.compare-table th,.compare-table td{min-width:8rem;padding:.45rem .6rem;border:1px solid #292822;vertical-align:top;text-align:left}.gallery-tabs{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:.45rem}.gallery-tab{flex:0 0 auto;padding:.42rem .55rem;border:1px solid #3e392e;color:#aaa69d;background:#121311;cursor:pointer;font-size:.78rem}.gallery-tab[aria-selected=true]{border-color:#b8944f;color:#e4c87f}.gallery-layer-description,.gallery-link-fallback,.gallery-attribution,.gallery-attribution-text{color:#85837d;font-size:.75rem;line-height:1.5}.gallery-image-button{width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.gallery-collection-card h3,.gallery-lightbox-content h3{margin:0 0 .5rem;color:#e2d8c5;font-size:.9rem}.gallery-lightbox-content{max-width:min(92vw,1100px);max-height:100%;overflow:auto;padding:1rem;border:1px solid #55462e;background:#0d0e0e}.gallery-lightbox{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0a0a0ae0}.gallery-lightbox-image{max-width:100%;max-height:70vh;object-fit:contain}.gallery-lightbox-close{float:right;width:2rem;height:2rem;border:1px solid #705c37;color:#e8d7b1;background:#171714;cursor:pointer}@media(max-width:820px){.brand-subtitle{display:none}.viewer-page{display:block;height:auto;min-height:0}.viewer-stage{height:52vh;min-height:340px}.aid-chip-toolbar{position:static;width:100%;max-width:none;padding:.4rem 1rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.aid-chip-toolbar>button{flex:0 0 auto;white-space:nowrap}.viewer-controls{position:fixed;right:0;bottom:0;left:0;width:auto;max-width:none;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));border-radius:12px 12px 0 0}.viewer-title-row{top:4rem;flex-wrap:wrap}.viewer-title{max-width:100%;flex:1 1 100%}.story-launch-button{width:100%;order:3;margin-left:0;text-align:center}.viewer-sidebar{overflow:visible;border-top:1px solid #27251f;border-left:0}.compare-view{grid-template-rows:auto minmax(0,1fr) auto minmax(7rem,22vh)}.compare-viewports{grid-template-columns:1fr}}@media(max-width:520px){.museum-header{min-height:4rem;padding:.5rem 1rem}.brand-mark{font-size:1rem}body .docent-entry{bottom:calc(72px + env(safe-area-inset-bottom))}.gold-button{text-align:center}.viewer-title-row{top:4rem;right:1rem;left:1rem}.viewer-title{max-width:100%}.viewer-title h1{font-size:1.35rem;line-height:1.2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}