.moment-panel{position:relative;width:min(280px,100%);display:flex;flex-direction:column;gap:.95rem;padding:1rem .95rem;background:linear-gradient(165deg,#1a1612f7,#0a0908fa);border-left:1px solid var(--metal, rgba(232, 214, 176, .12));overflow:auto;z-index:2}.moment-plate-edge{position:absolute;left:0;top:1.1rem;bottom:1.1rem;width:2px;background:linear-gradient(180deg,transparent,var(--brass-mid, #b8924e) 20%,var(--brass-hi, #e0c896) 50%,var(--brass-mid, #b8924e) 80%,transparent);opacity:.55;pointer-events:none}.moment-panel--playing{background:linear-gradient(165deg,#261c10fa,#0a0908fc)}.moment-panel--playing .moment-plate-edge{opacity:.85;box-shadow:0 0 12px #c9a66b40}.moment-kicker{margin:0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.62rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent, #c9a66b)}.moment-header h2{margin:.3rem 0 0;font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:1.3rem;font-weight:700;color:#f3e6c8;letter-spacing:-.025em;line-height:1.15}.moment-title{margin:.35rem 0 0;font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:1rem;color:#e0c896;font-weight:500;font-style:italic}.moment-lead{margin:.45rem 0 0;font-size:.84rem;line-height:1.45;color:#ece0c69e}.moment-caption{margin:0;padding:.95rem .9rem;font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:1.05rem;line-height:1.5;color:#f8f0de;background:linear-gradient(135deg,#f3e6c812,#f3e6c808);border:1px solid rgba(232,214,176,.12);border-left:2px solid var(--brass-mid, #b8924e);animation:caption-in .55s var(--ease-machine, ease);box-shadow:inset 0 0 24px #00000026}@keyframes caption-in{0%{opacity:0;transform:translateY(8px);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.moment-progress-wrap{display:flex;align-items:center;gap:.65rem}.moment-progress{flex:1;height:3px;background:#f3e6c81f;overflow:hidden;position:relative}.moment-progress:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(232,214,176,.08) 6px,rgba(232,214,176,.08) 7px);pointer-events:none}.moment-progress-bar{position:relative;height:100%;background:linear-gradient(90deg,var(--brass-lo, #7a5e32),var(--brass-hi, #e0c896));box-shadow:0 0 8px #c9a66b66;transition:width .1s linear}.moment-progress-time{font-family:var(--font-mono, ui-monospace, monospace);font-size:.65rem;letter-spacing:.06em;color:#ece0c68c;min-width:1.8rem;text-align:right}.moment-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:auto}.moment-recon{font-family:var(--font-mono, ui-monospace, monospace);font-size:.55rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#1a140c;background:linear-gradient(180deg,var(--brass-hi, #e0c896),var(--brass-mid, #b8924e));padding:.28rem .45rem;border:1px solid var(--brass-lo, #7a5e32)}.btn-ghost{margin-left:auto;background:transparent;border:1px solid rgba(232,214,176,.28);color:#e8d5a8;font:inherit;font-family:var(--font-mono, ui-monospace, monospace);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;padding:.45rem .7rem;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn-ghost:hover{background:#f3e6c814;border-color:#c9a66b80}.moment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.moment-card{position:relative;width:100%;display:grid;grid-template-columns:3rem 1fr;gap:.65rem;text-align:left;padding:.75rem .7rem 1.35rem;background:#f3e6c809;border:1px solid rgba(232,214,176,.1);cursor:pointer;color:inherit;font:inherit;transition:background .22s ease,border-color .22s ease,transform .25s var(--ease-machine, ease)}.moment-card:hover{background:#f3e6c814;border-color:#c9a66b66;transform:translate(-2px)}.moment-card:hover .moment-card-play{opacity:1;transform:translateY(0)}.moment-card-year{font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:1.05rem;font-weight:700;color:var(--accent, #c9a66b);font-variant-numeric:tabular-nums;line-height:1.1}.moment-card-body{display:flex;flex-direction:column;gap:.22rem;min-width:0}.moment-card-body strong{font-size:.84rem;color:#f3e6c8;line-height:1.3;font-weight:600}.moment-card-body span{font-size:.72rem;line-height:1.4;color:#ece0c685;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.moment-card-play{position:absolute;right:.55rem;bottom:.4rem;font-family:var(--font-mono, ui-monospace, monospace);font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent, #c9a66b);opacity:.85;transform:none;transition:opacity .2s ease;pointer-events:none}.moment-sheet-handle,.moment-sheet-close{display:none}@media(min-width:901px){.moment-sheet-close{display:inline-flex;align-items:center;position:sticky;top:.55rem;align-self:flex-end;margin:0 0 -1.85rem;z-index:3;font:inherit;font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .55rem;color:var(--accent-bright, #e8d4a8);background:#12100eeb;border:1px solid rgba(232,214,176,.22);cursor:pointer}.moment-header h2{padding-right:3.4rem}}.moment-subtitle{position:absolute;left:.75rem;right:.75rem;bottom:3.5rem;z-index:10;display:flex;flex-direction:column;gap:.45rem;padding:.7rem .85rem;background:#080604b8;border:1px solid rgba(232,214,176,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:caption-in .45s var(--ease-machine, ease)}.moment-subtitle-meta{margin:0;font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent, #c9a66b)}.moment-subtitle-caption{margin:0;font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:.98rem;line-height:1.4;color:#f8f0de}.moment-subtitle-footer{display:flex;align-items:center;gap:.65rem}.moment-subtitle-footer .moment-progress{flex:1}.btn-ghost--compact{margin-left:0;padding:.35rem .55rem;font-size:.6rem;flex-shrink:0}@media(max-width:900px){.moment-sheet .moment-panel{position:absolute;left:0;right:0;bottom:0;width:100%;max-height:min(52dvh,420px);border-left:0;border-top:1px solid var(--metal, rgba(232, 214, 176, .18));border-radius:12px 12px 0 0;padding:.85rem 1rem 1rem;transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .38s var(--ease-machine, ease),opacity .25s ease,visibility .25s ease;box-shadow:0 -16px 48px #0000008c;z-index:1;overflow:auto;-webkit-overflow-scrolling:touch}.moment-sheet.is-open .moment-panel{transform:translateY(0);opacity:1;visibility:visible}.moment-sheet-handle{display:block;width:2.4rem;height:3px;margin:0 auto .65rem;border-radius:2px;background:#e8d6b047}.moment-sheet-close{display:inline-flex;position:absolute;top:.65rem;right:.75rem;z-index:2;font:inherit;font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .5rem;color:var(--accent-bright, #e8d4a8);background:#f3e6c80f;border:1px solid rgba(232,214,176,.22);cursor:pointer}.moment-plate-edge{left:1.1rem;right:1.1rem;top:0;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,transparent,var(--brass-mid, #b8924e) 20%,var(--brass-hi, #e0c896) 50%,var(--brass-mid, #b8924e) 80%,transparent)}.moment-panel--playing{max-height:min(30dvh,260px)}.moment-panel--playing .moment-header h2{font-size:1.05rem}.moment-panel--playing .moment-title{font-size:.9rem}.moment-panel--playing .moment-lead{display:none}.moment-list{flex-direction:column;overflow-x:visible;gap:.5rem;scroll-snap-type:none}.moment-list li{flex:none}.moment-card-play{opacity:.7;transform:none}.moment-header h2{font-size:1.15rem;padding-right:3.5rem}.moment-lead{font-size:.8rem}.moment-subtitle{bottom:.7rem}.moment-sheet-close{min-height:44px;align-items:center}}@media(max-width:520px){.moment-sheet .moment-panel{max-height:min(58dvh,460px);padding:.5rem .85rem .9rem}.moment-caption{font-size:.95rem;padding:.75rem .8rem}.moment-subtitle{left:.5rem;right:.5rem;bottom:.55rem;padding:.55rem .7rem}.moment-subtitle-caption{font-size:.9rem}}.flip-year{--flip-h: clamp(2.1rem, 4vw, 2.6rem);--flip-w: clamp(1.05rem, 2vw, 1.3rem);--flip-gap: .14rem;--flip-ink: #f4ead4;--flip-card: #1c1814;--flip-card-hi: #2a241e;--flip-card-lo: #12100e;display:inline-flex;flex-direction:column;align-items:flex-start}.flip-year-housing{padding:.22rem .26rem .26rem;background:linear-gradient(165deg,#3a3228,#1a1612 45%,#0e0c0a);border:1px solid rgba(201,166,107,.28);box-shadow:0 6px 18px #00000080,inset 0 1px #e8d6b01f,inset 0 -2px 6px #00000073}.flip-year-bezel{position:relative;padding:.28rem .32rem .3rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(201,166,107,.08),transparent 55%),linear-gradient(180deg,#0c0a08,#060504);border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 0 0 1px #e8d6b00f,inset 0 10px 24px #0000008c}.flip-year-screw{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d4b57a,#7a5e32 55%,#3a2e1a);box-shadow:0 0 0 1px #00000080,inset 0 1px #fff0c859;opacity:.85}.flip-year-screw--tl{top:5px;left:5px}.flip-year-screw--tr{top:5px;right:5px}.flip-year-screw--bl{bottom:5px;left:5px}.flip-year-screw--br{bottom:5px;right:5px}.flip-year-digits{display:flex;gap:var(--flip-gap);perspective:600px}.flip-digit{position:relative;width:var(--flip-w);height:var(--flip-h);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:600;font-size:calc(var(--flip-h) * .72);font-variant-numeric:tabular-nums;line-height:1;color:var(--flip-ink);border-radius:3px;overflow:hidden;background:var(--flip-card-lo);box-shadow:0 2px 4px #00000080,inset 0 0 0 1px #fff0c80a}.flip-digit-static{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background:linear-gradient(180deg,var(--flip-card-hi),var(--flip-card))}.flip-digit-static--top{top:0;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#322b24,#221c18)}.flip-digit-static--bottom{bottom:0;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#161310,#0e0c0a)}.flip-digit-static span{position:absolute;left:0;width:100%;height:var(--flip-h);display:flex;align-items:center;justify-content:center;text-shadow:0 1px 0 rgba(255,245,220,.12),0 -1px 0 rgba(0,0,0,.55);letter-spacing:-.04em}.flip-digit-static--top span{top:0}.flip-digit-static--bottom span{bottom:0}.flip-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:#000000d9;box-shadow:0 1px #fff0c80a,0 -1px #0006;z-index:5;pointer-events:none}.flip-digit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;box-shadow:inset 0 0 8px #00000073;pointer-events:none;z-index:6}.flip-digit-flap{position:absolute;left:0;width:100%;height:50%;overflow:hidden;z-index:4;backface-visibility:hidden}.flip-digit-flap span{position:absolute;left:0;width:100%;height:var(--flip-h);display:flex;align-items:center;justify-content:center;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(255,245,220,.12),0 -1px 0 rgba(0,0,0,.55)}.flip-digit-flap--top{top:0;transform-origin:bottom center;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#3a3228,#241e18);animation:flip-top .48s cubic-bezier(.4,0,.2,1) forwards}.flip-digit-flap--top span{top:0}.flip-digit-flap--bottom{bottom:0;transform-origin:top center;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#14110e,#0a0908);transform:rotateX(90deg);animation:flip-bottom .48s cubic-bezier(.4,0,.2,1) forwards}.flip-digit-flap--bottom span{bottom:0}@keyframes flip-top{0%{transform:rotateX(0);z-index:4}to{transform:rotateX(-90deg);z-index:4}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.flip-year-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 40%,rgba(232,214,176,.07),transparent 70%);mix-blend-mode:screen}.flip-year.is-scrambling .flip-digit{animation:flip-scramble-glow .12s linear infinite}@keyframes flip-scramble-glow{0%,to{filter:brightness(1.05)}50%{filter:brightness(1.2)}}@media(prefers-reduced-motion:reduce){.flip-digit-flap--top,.flip-digit-flap--bottom,.flip-year.is-transitioning .flip-digit{animation:none!important}.flip-digit-flap{display:none}}@media(max-width:520px){.flip-year{--flip-h: 2.05rem;--flip-w: 1rem;--flip-gap: .1rem}.flip-year-housing{padding:.16rem .18rem .18rem}.flip-year-bezel{padding:.2rem .22rem .22rem}.flip-year-screw{display:none}}.timeline{position:relative;z-index:4;padding:0;background:linear-gradient(180deg,#16120ef7,#0a0908fc);border-top:1px solid var(--metal, rgba(232, 214, 176, .14));box-shadow:0 -12px 40px #00000059,inset 0 1px #e8d6b00f;transition:opacity .45s var(--ease-machine, ease)}.timeline.is-transitioning{opacity:.78;pointer-events:none}.timeline-plate{display:grid;gap:.75rem;padding:.85rem var(--shell-pad, 1.25rem) 1rem;max-width:100%}@media(min-width:901px){.timeline-plate{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"meta dial" "note note";align-items:center;gap:.35rem 1rem;padding:.4rem var(--shell-pad, 1.25rem) .4rem}.timeline-meta{grid-area:meta;align-items:center;gap:.5rem .75rem;flex-wrap:nowrap}.timeline-year-label{display:none}.timeline-era{min-width:0;max-width:15rem;padding-bottom:0}.timeline-era strong{font-size:.88rem}.timeline-era span{display:block;font-size:.72rem;line-height:1.25}.timeline-year-btn-label,.badge-reconstruction{display:none}.timeline-dial{grid-area:dial;padding-top:0;min-width:0}.timeline-rail{top:.35rem}.timeline-year-btn{justify-content:center;min-height:2.4rem;padding:.35rem .4rem .32rem;gap:.08rem}.timeline-year-btn-year{font-size:.95rem}.timeline-year-btn-tick{height:.3rem;top:0}.timeline-disclaimer{grid-area:note;font-size:.68rem;padding-top:.3rem;margin:0;line-height:1.35;max-width:none;white-space:normal}.flip-year{--flip-h: 1.85rem;--flip-w: .92rem;--flip-gap: .1rem}.flip-year-housing{padding:.14rem .16rem .16rem}.flip-year-bezel{padding:.18rem .2rem .2rem}.flip-year-screw{display:none}}.timeline-meta{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.85rem 1.5rem}.timeline-year-block{display:flex;flex-direction:column;gap:.35rem}.timeline-year-label{font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent, #c9a66b)}.timeline-era{display:flex;flex-direction:column;gap:.12rem;min-width:11rem;padding-bottom:.15rem}.timeline-era strong{font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:1.05rem;font-weight:600;color:#efe2c4;letter-spacing:-.01em}.timeline-era span{font-size:.8rem;color:#ece0c694;line-height:1.3}.badge-reconstruction{margin-left:auto;align-self:center;font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#1a140c;background:linear-gradient(180deg,var(--brass-hi, #e0c896),var(--brass-mid, #b8924e));padding:.3rem .55rem;border:1px solid var(--brass-lo, #7a5e32);box-shadow:inset 0 1px #fff5dc66}.timeline-dial{position:relative;padding-top:.35rem}.timeline-rail{position:absolute;left:calc(12.5% - .5rem);right:calc(12.5% - .5rem);top:.55rem;height:2px;background:#e8d6b01f;border-radius:1px;pointer-events:none;z-index:0}.timeline-rail-fill{height:100%;background:linear-gradient(90deg,var(--brass-lo, #7a5e32),var(--brass-hi, #e0c896));border-radius:1px;box-shadow:0 0 10px #c9a66b59;transition:width .7s var(--ease-machine, ease)}.timeline-rail-thumb{position:absolute;top:50%;width:9px;height:9px;margin-left:-4.5px;margin-top:-4.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3e6c8,var(--brass-mid, #b8924e) 55%,var(--brass-lo, #7a5e32));border:1px solid rgba(255,240,200,.35);box-shadow:0 0 0 3px #0c0a08d9,0 0 14px #c9a66b73;transition:left .7s var(--ease-machine, ease)}.timeline-years{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.timeline-year-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.28rem;padding:.85rem .45rem .65rem;background:linear-gradient(180deg,#f3e6c80e,#f3e6c805);border:1px solid rgba(232,214,176,.12);border-radius:1px;color:inherit;font:inherit;cursor:pointer;text-align:center;transition:background .25s ease,border-color .25s ease,transform .3s var(--ease-machine, ease),box-shadow .25s ease}.timeline-year-btn-tick{position:absolute;top:-.05rem;width:1px;height:.55rem;background:#e8d6b059}.timeline-year-btn:hover:not(:disabled){background:#f3e6c817;border-color:#c9a66b66;transform:translateY(-2px)}.timeline-year-btn.is-active{background:linear-gradient(180deg,#c9a66b33,#c9a66b14);border-color:#c9a66ba6;box-shadow:inset 0 0 0 1px #e8d6b014,0 0 20px #c9a66b1f;transform:translateY(-2px)}.timeline-year-btn.is-active .timeline-year-btn-tick{background:var(--brass-hi, #e0c896);box-shadow:0 0 6px #c9a66b99;height:.7rem}.timeline-year-btn:disabled{cursor:wait}.timeline-year-btn-year{font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;color:var(--accent, #c9a66b);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.timeline-year-btn.is-active .timeline-year-btn-year{color:#f6edd8;text-shadow:0 0 18px rgba(201,166,107,.35)}.timeline-year-btn-label{font-family:var(--font-mono, ui-monospace, monospace);font-size:.62rem;letter-spacing:.04em;color:#ece0c680;line-height:1.25;max-width:100%}.timeline-year-btn.is-active .timeline-year-btn-label{color:#f3e6c8e0}.timeline-disclaimer{margin:0;padding:.55rem 0 0;border-top:1px solid rgba(232,214,176,.08);font-size:.72rem;color:#ece0c680;max-width:44rem;line-height:1.4}.timeline-expand-btn{display:none}.timeline--compact .timeline-plate{gap:.45rem;padding:.55rem var(--shell-pad, 1rem) .65rem}.timeline--compact .timeline-meta{align-items:center;gap:.55rem .75rem}.timeline--compact .timeline-year-label{display:none}.timeline--compact .timeline-expand-btn{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;align-self:center;font:inherit;font-family:var(--font-mono, ui-monospace, monospace);font-size:.58rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .55rem;color:var(--accent-bright, #e8d4a8);background:#f3e6c80f;border:1px solid rgba(232,214,176,.22);cursor:pointer;max-width:9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline--compact .timeline-dial{padding-top:0}.timeline--compact .timeline-rail{display:none}.timeline--compact .timeline-years{grid-template-columns:repeat(4,1fr);gap:.3rem}.timeline--compact .timeline-year-btn{justify-content:center;min-height:44px;padding:.45rem .25rem;gap:.1rem}.timeline--compact .timeline-year-btn-tick{display:none}.timeline--compact .timeline-year-btn-year{font-size:.95rem}.timeline--compact .timeline-year-btn-label{display:none}.timeline--compact:not(.is-expanded) .timeline-era,.timeline--compact:not(.is-expanded) .badge-reconstruction,.timeline--compact:not(.is-expanded) .timeline-disclaimer{display:none}.timeline--compact.is-expanded .timeline-era{display:flex;min-width:0;flex:1 1 100%;order:3}.timeline--compact.is-expanded .badge-reconstruction{display:inline-flex;margin-left:0;order:4}.timeline--compact.is-expanded .timeline-disclaimer{display:block}@media(max-width:720px){.timeline:not(.timeline--compact) .timeline-rail{display:none}.timeline:not(.timeline--compact) .timeline-years{grid-template-columns:repeat(2,1fr)}.timeline:not(.timeline--compact) .timeline-year-btn{align-items:flex-start;text-align:left;padding:.7rem .7rem .65rem}.timeline:not(.timeline--compact) .timeline-year-btn-tick{display:none}.timeline:not(.timeline--compact) .badge-reconstruction{margin-left:0}.timeline-disclaimer{max-width:none}}@media(max-width:520px){.timeline--compact .timeline-plate{gap:.4rem;padding-block:.45rem .55rem}.timeline--compact .flip-year{--flip-h: 1.9rem;--flip-w: .95rem;--flip-gap: .1rem}.timeline--compact .flip-year-housing{padding:.2rem .22rem .24rem}.timeline--compact .flip-year-bezel{padding:.28rem .3rem .3rem}.timeline--compact .flip-year-screw{display:none}}@media(max-height:520px){.timeline-plate{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"meta dial";align-items:center;gap:.35rem .65rem;padding-block:.28rem}.timeline-meta{grid-area:meta;flex-wrap:nowrap;align-items:center;gap:.45rem}.timeline-dial{grid-area:dial;min-width:0;padding-top:0}.timeline-era span,.timeline-year-btn-label,.badge-reconstruction,.timeline-disclaimer,.timeline-rail,.timeline--compact .timeline-expand-btn{display:none}.timeline-year-btn{justify-content:center;min-height:44px;padding:.2rem .25rem}.flip-year{--flip-h: 1.65rem;--flip-w: .82rem;--flip-gap: .08rem}}.iso-world{position:relative;flex:1;min-height:0;min-width:0;background:#8a9eae;overflow:hidden}.iso-world:before,.iso-world:after{content:"";position:absolute;pointer-events:none;z-index:4}.iso-world:before{top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border:1px solid rgba(232,214,176,.1);box-shadow:inset 0 0 0 1px #0003,0 0 0 1px #00000026;opacity:.7}.iso-world:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(8,6,4,.45) 0%,transparent 4%,transparent 96%,rgba(8,6,4,.45) 100%),linear-gradient(0deg,rgba(8,6,4,.5) 0%,transparent 6%,transparent 94%,rgba(8,6,4,.35) 100%);opacity:.85;pointer-events:none}.app--moment .iso-world:before{border-color:#c9a66b47;opacity:1;box-shadow:inset 0 0 40px #00000040,0 0 0 1px #0003}.iso-world--debug .iso-world-canvas{cursor:crosshair}.iso-world-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:default;position:relative;z-index:1}.iso-world-corners{position:absolute;top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;pointer-events:none;z-index:5}.iso-world-corners span{position:absolute;width:1.1rem;height:1.1rem;border-color:#c9a66b8c;border-style:solid;border-width:0;opacity:.75}.iso-world-corners .c-tl{top:0;left:0;border-top-width:2px;border-left-width:2px}.iso-world-corners .c-tr{top:0;right:0;border-top-width:2px;border-right-width:2px}.iso-world-corners .c-bl{bottom:0;left:0;border-bottom-width:2px;border-left-width:2px}.iso-world-corners .c-br{bottom:0;right:0;border-bottom-width:2px;border-right-width:2px}.app--moment .iso-world-corners span{border-color:#e0c896bf;opacity:1;filter:drop-shadow(0 0 4px rgba(201,166,107,.35))}.iso-grid-debug-hud{position:absolute;left:.75rem;top:.75rem;z-index:7;min-width:11rem;max-width:18rem;font-size:.78rem;color:#f3e6c8;background:#080604eb;padding:.55rem .7rem;border:1px solid rgba(80,200,255,.45);border-radius:2px;line-height:1.45;pointer-events:none;box-shadow:0 4px 20px #00000059}.iso-grid-debug-hud__title{font-weight:700;font-size:.85rem;color:#50c8ff;margin-bottom:.15rem}.iso-grid-debug-hud__hint{font-size:.72rem;color:#f3e6c8a6;margin-bottom:.35rem}.iso-grid-debug-hud__row{font-family:ui-monospace,Cascadia Code,monospace;font-size:.76rem}.iso-grid-debug-hud__row--hover strong{color:#50c8ff}.iso-grid-debug-hud__markers{margin-top:.25rem;padding-top:.25rem;border-top:1px solid rgba(232,214,176,.15);max-height:8rem;overflow-y:auto}.iso-grid-debug-hud__markers .iso-grid-debug-hud__row{color:#40ff88}.iso-grid-debug-hud__moat{margin-top:.35rem;padding-top:.3rem;border-top:1px solid rgba(255,68,68,.35);font-size:.72rem;color:#f66}@media(max-width:900px){.iso-world:before{top:.35rem;right:.35rem;bottom:.35rem;left:.35rem}.iso-world-corners{top:.45rem;right:.45rem;bottom:.45rem;left:.45rem}}@media(max-width:520px){.iso-world:before,.iso-world-corners{display:none}.iso-world:after{opacity:.5}}:root{color-scheme:dark;--bg: #0a0908;--bg-panel: #12100e;--ink: #f2e8d4;--muted: rgba(236, 224, 198, .55);--accent: #c9a66b;--accent-bright: #e8d4a8;--brass-hi: #e0c896;--brass-mid: #b8924e;--brass-lo: #7a5e32;--metal: rgba(232, 214, 176, .14);--metal-strong: rgba(232, 214, 176, .28);--frame: rgba(14, 11, 8, .88);--font-display: "Fraunces", Georgia, serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease-machine: cubic-bezier(.22, 1, .36, 1);--shell-pad: clamp(.55rem, 1.4vw, 1rem)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;margin:0;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit}button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.app{--era-glow: rgba(120, 80, 40, .2);height:100%;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(ellipse 70% 45% at 15% -5%,var(--era-glow),transparent 55%),radial-gradient(ellipse 50% 35% at 95% 5%,rgba(35,55,75,.14),transparent 50%),linear-gradient(180deg,#12100d 0%,var(--bg) 28%,#080706 100%);transition:--era-glow 1.2s var(--ease-machine);animation:machine-boot 1.1s var(--ease-machine) both}@keyframes machine-boot{0%{opacity:.72;filter:brightness(.82) saturate(.9)}to{opacity:1;filter:brightness(1) saturate(1)}}@media(prefers-reduced-motion:reduce){.app{animation:none}.cinema-bar,.moment-caption,.timeline-rail-fill,.timeline-rail-thumb,.sound-dock{animation:none!important;transition:none!important}}.app--moment{--era-glow: rgba(160, 110, 50, .28)}.app-brand{position:relative;z-index:4;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.4rem var(--shell-pad) .38rem;background:linear-gradient(180deg,#1c1814f2,#0e0c0ab8);border-bottom:1px solid var(--metal);box-shadow:0 1px #e8d6b00a}.app-brand:after{content:"";position:absolute;left:var(--shell-pad);right:var(--shell-pad);bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,166,107,.45) 20%,rgba(201,166,107,.45) 80%,transparent);opacity:.7}.brand-mark{display:flex;flex-direction:column;gap:.2rem;min-width:0}.brand-kicker{margin:0;font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.app-brand h1{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:700;letter-spacing:-.035em;line-height:.95;background:linear-gradient(180deg,#f8efd8 20%,#d4b57a);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-credit{margin:.2rem 0 0;font-family:var(--font-mono);font-size:.55rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.brand-credit a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease}.brand-credit a:hover,.brand-credit a:focus-visible{color:var(--accent-bright);border-bottom-color:#c9a66b8c}.brand-credit a:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.brand-credit-sep{margin:0 .45em;color:var(--metal-strong)}.brand-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.brand-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.sound-toggle{font:inherit;font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.38rem .65rem;border-radius:1px;cursor:pointer;color:var(--accent-bright);background:linear-gradient(180deg,#f3e6c814,#f3e6c808);border:1px solid var(--metal-strong);box-shadow:inset 0 1px #fff0c814;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.sound-toggle:hover{background:#f3e6c81f;border-color:#c9a66b80}.sound-toggle.is-on{color:#1a140c;background:linear-gradient(180deg,var(--brass-hi),var(--brass-mid));border-color:var(--brass-lo);box-shadow:inset 0 1px #fff5dc73,0 0 12px #c9a66b40}.stories-toggle{display:none;align-items:center}.app--stories-closed .stories-toggle{display:inline-flex}.moment-sheet{display:contents}.moment-sheet-backdrop{display:none}.sound-dock{position:absolute;right:.75rem;left:auto;bottom:clamp(.75rem,2.2vh,1.35rem);z-index:12;transform:none;display:flex;align-items:center;gap:.55rem;max-width:calc(100% - 1.5rem);padding:.4rem .45rem .4rem .75rem;background:#0c0a08d1;border:1px solid var(--metal-strong);box-shadow:0 8px 24px #00000059,inset 0 1px #fff0c80f;animation:sound-dock-in .55s var(--ease-machine) both;animation-delay:.4s}.sound-dock-hint,.sound-dock-ambient{margin:0;min-width:0;font-size:.72rem;font-style:italic;font-family:var(--font-display);font-weight:500;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-dock-hint{color:var(--accent-bright);font-style:normal;letter-spacing:.01em}.sound-dock-btn{flex-shrink:0;font:inherit;font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.38rem .7rem;border-radius:1px;cursor:pointer;color:#1a140c;background:linear-gradient(180deg,var(--brass-hi),var(--brass-mid));border:1px solid var(--brass-lo);box-shadow:inset 0 1px #fff5dc73;transition:filter .2s ease,box-shadow .2s ease}.sound-dock--on .sound-dock-btn{font-weight:500;letter-spacing:.06em;color:var(--accent-bright);background:linear-gradient(180deg,#f3e6c81a,#f3e6c80a);border-color:var(--metal-strong);box-shadow:inset 0 1px #fff0c814}.sound-dock-btn:hover{filter:brightness(1.06)}.sound-dock--on .sound-dock-btn:hover{background:#f3e6c81f;border-color:#c9a66b80;filter:none}@keyframes sound-dock-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}.app--moment .sound-dock,.app--travelling .sound-dock{opacity:.88}.app-main{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) min(280px,26vw);position:relative}.app--stories-closed .app-main{grid-template-columns:minmax(0,1fr)}.world-stage{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.world-stage>.iso-world{flex:1;min-height:0}.cinema-bars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.cinema-bar{position:absolute;left:0;right:0;background:#050403;transition:height .85s var(--ease-machine),opacity .85s var(--ease-machine);opacity:.55}.cinema-bar--top{top:0;height:1.4%;background:linear-gradient(180deg,#050403,transparent);opacity:.7}.cinema-bar--bottom{bottom:0;height:1.4%;background:linear-gradient(0deg,#050403,transparent);opacity:.7}.app--travelling .cinema-bar--top,.app--travelling .cinema-bar--bottom{height:2.8%;opacity:.8;background:#050403}.app--moment .cinema-bar--top,.app--moment .cinema-bar--bottom{height:7.5%;opacity:1;background:#050403}.app--travelling .cinema-bar--top{box-shadow:0 12px 40px #00000073}.app--travelling .cinema-bar--bottom{box-shadow:0 -12px 40px #00000073}.app-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;box-shadow:inset 0 0 60px #00000059;opacity:.55}.app--moment .app-main:before,.app--travelling .app-main:before{box-shadow:inset 0 0 100px #0000008c,inset 0 0 40px #50321426;opacity:1}.app--moment .iso-world,.app--travelling .iso-world{box-shadow:inset 0 0 120px #0006}@media(max-width:900px){.app-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.app-main:before{box-shadow:inset 0 0 40px #0000004d}.brand-credit{display:none}.app-brand{padding-block:.45rem}.app-brand h1{font-size:clamp(1.25rem,4.5vw,1.55rem)}.sound-toggle--desktop-only{display:none}.stories-toggle{display:inline-flex;min-height:44px;padding-inline:.75rem}.moment-sheet{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;overflow:hidden}.moment-sheet.is-open{pointer-events:auto}.moment-sheet-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0;background:#0403028c;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-machine);cursor:pointer}.moment-sheet.is-open .moment-sheet-backdrop{opacity:1;pointer-events:auto}.moment-sheet:has(.moment-panel--playing) .moment-sheet-backdrop{background:#04030247}.sound-dock{top:.6rem;right:.6rem;bottom:auto;padding:.35rem .4rem .35rem .6rem}.sound-dock-btn{min-height:44px}.sound-dock-hint{font-size:.68rem}.sound-dock-ambient{display:none}.app--travelling .cinema-bar--top,.app--travelling .cinema-bar--bottom{height:2%}.app--moment .cinema-bar--top,.app--moment .cinema-bar--bottom{height:3.5%}.app--moments-open .sound-dock,.app--moment .sound-dock{opacity:0;pointer-events:none}}@media(max-width:520px){.app-brand{align-items:center;padding-block:.4rem}.brand-kicker{letter-spacing:.12em;font-size:.55rem}.sound-toggle{padding:.32rem .5rem;font-size:.58rem}}@media(max-height:520px){.app-brand{align-items:center;padding-block:.22rem}.brand-kicker,.brand-credit{display:none}.app-brand h1{font-size:1.15rem;line-height:1}.moment-subtitle{bottom:.4rem}}
