/* A separate visual lane keeps every historical source readable. */
.history-scroll-scene{position:fixed;top:102px;right:max(28px,calc((100vw - 1320px)/2));bottom:22px;width:clamp(260px,22vw,330px);z-index:2;pointer-events:none;overflow:hidden;border:1px solid #85926a26;border-radius:160px 160px 18px 18px;background:radial-gradient(ellipse at 50% 42%,#354a2b55,transparent 67%),#14221b;contain:layout paint}
.history-scroll-scene:before{content:'';position:absolute;inset:14px;border:1px solid #b9aa7416;border-radius:inherit}
.deck-scene-heading{position:absolute;top:53px;left:16px;right:16px;text-align:center;z-index:2}
.deck-scene-heading>span{display:block;font-size:8px;letter-spacing:2.4px;color:#9ba589}
.deck-scene-heading strong{display:block;font-size:18px;letter-spacing:2px;font-weight:400;color:#d3c5a2;margin-top:9px}
.history-card-field{position:absolute;inset:112px 10px 110px;perspective:1000px;overflow:hidden}
.history-fall-card{position:absolute;left:0;top:0;width:100px;height:150px;transform-style:preserve-3d;will-change:transform;filter:drop-shadow(0 6px 8px #0005)}
.history-fall-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}
.history-fall-face,.history-fall-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;overflow:hidden}
.history-fall-face{transform:rotateY(180deg)}
.history-fall-card svg{display:block;width:100%;height:100%}
.deck-scene-foot{position:absolute;bottom:65px;left:25px;right:25px;text-align:center;z-index:2}
.deck-scene-foot span{font-size:10px;letter-spacing:1px;color:#b7b596}
.deck-scroll-track{height:1px;background:#a9b58330;margin:12px 20px 0;overflow:hidden}
.deck-scroll-track:after{content:'';display:block;height:100%;background:#c3b079;transform-origin:left;transform:scaleX(var(--deck-progress,0))}
.history-deck-hint{font-size:11px!important;color:#b8b293!important;letter-spacing:1px;margin-top:22px}
@media(min-width:1101px){
 body.has-history-deck main>.wrap,body.has-history-deck main>.history-content,body.has-history-deck .footer>.wrap{width:calc(100% - 390px);max-width:920px;margin-left:max(32px,calc((100vw - 1320px)/2));margin-right:0}
 .has-history-deck .history-mark{display:none}
 .has-history-deck .page-heading{padding-top:48px;padding-bottom:38px}
 .has-history-deck .page-heading h1{font-size:clamp(38px,3.8vw,54px)}
 .has-history-deck .time-event{grid-template-columns:165px minmax(0,1fr);gap:25px}
 .has-history-deck .time-year{font-size:35px}
 .has-history-deck .section-head{align-items:start;gap:20px;flex-wrap:wrap}
 .has-history-deck .section-head h2{font-size:33px}
 .has-history-deck .time-content h3{font-size:26px}
 .has-history-deck .culture-section{grid-template-columns:180px minmax(0,1fr);gap:30px}
 .has-history-deck .culture-symbol{font-size:120px}
 .has-history-deck .culture-section h2{font-size:29px}
 .has-history-deck .footer-top{flex-wrap:wrap;gap:20px}
 .has-history-deck .sound-controls{right:max(28px,calc((100vw - 1320px)/2))}
}
@media(max-width:1100px){
 .history-scroll-scene{position:sticky;top:86px;right:auto;bottom:auto;width:100%;height:172px;border-radius:0;border-left:0;border-right:0;z-index:15;background:radial-gradient(ellipse at center,#33472c77,transparent 75%),#14221b}
 .history-scroll-scene:before{inset:9px 18px;border-radius:10px}
 .history-card-field{inset:8px 24% 8px 24%;perspective:800px}
 .history-fall-card{width:60px;height:90px;filter:drop-shadow(0 3px 4px #0004)}
 .history-fall-card:nth-child(n+9){display:none}
 .deck-scene-heading{left:20px;right:auto;top:58px;text-align:left;width:100px}
 .deck-scene-heading>span{font-size:7px;letter-spacing:1px}.deck-scene-heading strong{font-size:13px;letter-spacing:1px}
 .deck-scene-foot{left:auto;right:22px;bottom:60px;width:95px}.deck-scene-foot span{font-size:8px;letter-spacing:0}.deck-scroll-track{margin:10px 4px 0}
 .has-history-deck .history-mark{display:none}
 .has-history-deck :is(#timeline,#aliases,#culture,#references){scroll-margin-top:185px}
}
@media(max-width:760px){
 .history-scroll-scene{top:70px;height:146px}
 .history-card-field{inset:8px 23% 8px 23%}
 .history-fall-card{width:46px;height:69px}
 .deck-scene-heading{top:12px;left:15px;width:auto}.deck-scene-heading>span{font-size:6px}.deck-scene-heading strong{font-size:11px;margin-top:5px;letter-spacing:0}
 .deck-scene-foot{bottom:14px;right:15px;width:68px}.deck-scene-foot span{font-size:7px}
 .has-history-deck :is(#timeline,#aliases,#culture,#references){scroll-margin-top:148px}
 .history-deck-hint{font-size:10px!important;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){
 .history-fall-card{will-change:auto}
 .history-scroll-scene .deck-scroll-track{display:none}
}