/* Zeitsprung — tactile century-wide horizontal timeline, dark forest theme */
.zs-hero{background:linear-gradient(92deg,rgba(11,43,32,.96),rgba(27,74,45,.74)),url('../assets/forest.svg') center/cover no-repeat!important}
.zs-main{min-width:0}
.zs-event{margin-top:12px!important;margin-bottom:27px!important;font-size:clamp(23px,3.1vw,39px)!important}
.zs-form{max-width:100%;min-width:0}
.zs-picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#e2eddb;font-size:14px;font-weight:850;margin-bottom:10px}
.zs-range-label{font-size:12px;color:#b6d8bb;font-variant-numeric:tabular-nums}
.zs-year-input{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.zs-year-input input{width:160px;max-width:100%;background:#f4f7ed;color:#173d2b;border-radius:12px;border:2px solid #a4c8a2;font:900 clamp(20px,3vw,27px)/1.4 system-ui;padding:12px 14px;font-variant-numeric:tabular-nums}
.zs-year-input span{color:#c4dac4;font-size:12px;flex:1 1 150px;line-height:1.5}
.zs-timeline-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.zs-timeline-controls span{font-size:11px;color:#a8c6af;text-align:center;flex:1}
.zs-timeline-controls button{white-space:nowrap;min-width:100px}
.zs-time-scroll{position:relative;max-width:100%;height:166px;overflow-x:auto;overflow-y:hidden;border-radius:15px;background:linear-gradient(180deg,#122f24,#204b36);border:1px solid #54765a;touch-action:pan-x;cursor:grab;overscroll-behavior-x:contain;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#94b48f #234934}
.zs-time-scroll:active{cursor:grabbing}
.zs-time-track{position:relative;height:150px;min-width:100%;background:linear-gradient(180deg,transparent 62%,#395d41 62%,#395d41 65%,transparent 65%);user-select:none}
.zs-tick{position:absolute;top:81px;width:2px;height:14px;background:#8bab8d;pointer-events:none}
.zs-tick.major{top:72px;height:29px;width:3px;background:#d2e5c4}
.zs-tick small{position:absolute;left:50%;top:35px;transform:translateX(-50%);color:#dbeadd;white-space:nowrap;font-size:11px;font-weight:750}
.zs-marker{position:absolute;top:12px;width:3px;height:94px;background:#f2d485;transform:translateX(-50%);z-index:2;pointer-events:none;box-shadow:0 0 0 1px #8d7645}
.zs-marker:after{content:'';position:absolute;top:84px;left:-7px;border-top:0;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:11px solid #f2d485;transform:rotate(180deg)}
.zs-marker span,.zs-marker b{position:absolute;left:50%;transform:translateX(-50%);background:#f2d485;color:#203821;white-space:nowrap;border-radius:6px;font-size:10px;padding:3px 7px}
.zs-marker span{top:-4px;font-weight:750}.zs-marker b{top:17px;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}
.zs-time-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 22px;color:#a9c4ac;font-size:11px}
.zs-time-footer button{background:#2a553c!important;color:#ebf7e7!important;border:1px solid #527c57!important}
.zs-answer{background:#244e38!important;border-color:#517b53!important}
.zs-answer strong{color:#f1d789!important}
.zs-main .zs-form .stage-action{margin-top:20px}
@media(max-width:660px){
 .zs-year-input input{width:100%;font-size:24px}
 .zs-year-input span{font-size:11px}
 .zs-timeline-controls span{font-size:10px}
 .zs-timeline-controls button{padding:9px 7px;font-size:11px;min-width:88px}
 .zs-time-scroll{height:155px}
 .zs-time-track{height:139px}
 .zs-marker{top:7px}
 .zs-event{font-size:clamp(23px,6vw,30px)!important}
}
@media(prefers-reduced-motion:reduce){.zs-time-scroll{scroll-behavior:auto!important}}

.game-shell .show-header.zs-hero{background-image:linear-gradient(90deg,rgba(12,39,28,.97),rgba(14,46,29,.78) 62%,rgba(21,51,32,.38)),url('../assets/art/zeitsprung-hd.webp')!important;background-size:cover!important;background-position:center!important}
.zs-hero>img{display:none!important}