/* One persistent model-year tracker for every scene and every yuga. */
.journey-stage{--ruler-space:250px;--tracker-height:142px;padding-right:var(--ruler-space)}
.yuga-status{height:var(--tracker-height);margin-right:calc(-1 * var(--ruler-space));padding:16px 28px 22px 0;display:grid;grid-template-columns:1.15fr 1fr auto;gap:6px 24px;align-items:center;background:#151c1b;z-index:2}
.tracker-date{display:grid;gap:3px;grid-row:1 / 3}
.tracker-kicker{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#d6b985}
#tracker-year{font:600 clamp(38px,4.6vw,64px)/1.05 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-2px;white-space:nowrap;color:#fff4d8}
#tracker-year small{font-size:.38em;letter-spacing:0;font-weight:500}
.tracker-note{font-size:11px;line-height:1.4;color:#b3c0b3}
.yuga-status .yuga-identity{grid-column:2;grid-row:1;gap:5px}
.yuga-status #current-yuga-name{font-size:clamp(23px,2.7vw,34px)}
.yuga-status #current-yuga-range{font-size:10px;line-height:1.4}
.yuga-status .yuga-ending{grid-column:3;grid-row:1 / 3}
#tracker-progress-label{grid-column:2;grid-row:2;font-size:12px;color:#e3e7da;align-self:start}
.yuga-status .yuga-progress-track{height:6px;bottom:0;background:#c6bc9433}
.time-ruler{top:var(--tracker-height)}
@media(max-width:1100px){.journey-stage{--ruler-space:222px}.yuga-status{gap:6px 16px}.yuga-status #current-yuga-name{font-size:26px}}
@media(max-width:760px){
 .journey-stage{--ruler-space:126px;--tracker-height:154px}
 .yuga-status{padding:13px 4vw 18px 0;grid-template-columns:1.12fr 1fr;gap:5px 12px}
 .tracker-date{grid-row:1;gap:6px}
 .tracker-kicker{font-size:9px;letter-spacing:1px}
 #tracker-year{font-size:clamp(32px,9vw,48px);letter-spacing:-1.5px}
 .tracker-note{font-size:9px}
 .yuga-status .yuga-identity{gap:6px}
 .yuga-status .yuga-status-kicker{font-size:7px;letter-spacing:.7px}
 .yuga-status #current-yuga-name{font-size:clamp(18px,5vw,24px);line-height:1.1}
 .yuga-status #current-yuga-range{font-size:8px;line-height:1.5}
 .yuga-status .yuga-ending{grid-column:1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:3px 6px;margin:0;text-align:left}
 .yuga-status .yuga-ending>span{font-size:7px;letter-spacing:.3px}
 .yuga-status #jump-yuga-end strong{font:11px var(--sans)}
 .yuga-status .yuga-ending small{display:none}
 #tracker-progress-label{font-size:10px;line-height:1.4;align-self:center}
}
@media(max-width:380px){.journey-stage{--ruler-space:109px}.yuga-status{column-gap:8px}.tracker-note{font-size:8px}}
@media(max-width:760px) and (max-height:730px){
 .journey-stage{--tracker-height:128px}
 .yuga-status{padding-top:9px;padding-bottom:14px}
 .tracker-date{gap:4px}
}
@media(max-width:760px) and (max-height:600px){.world-summary{display:none}.journey-stage .scene-frame{align-items:stretch}}
@media(max-height:600px){
 .scene-frame{overflow-y:auto;overscroll-behavior:contain;align-items:start}
 .scene-copy{flex:0 0 auto}
}
@media(max-height:560px){
 .journey-stage{--tracker-height:124px;min-height:0}
 .scroll-path{margin-top:-100svh}
 .yuga-status{padding-top:9px;padding-bottom:13px}
 #tracker-year{font-size:36px}
 .tracker-date{gap:3px}
 .scene-photo{height:190px;min-height:90px;flex-shrink:0}
}
@media(min-width:761px) and (max-height:560px){
 .time-ruler{display:none}
 .journey-stage{--ruler-space:4vw}
}
