.simulator{border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 90px rgba(0,0,0,.28)}
.timelineViewer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,17,14,.45),transparent 32%,rgba(5,17,14,.25));pointer-events:none}
.timelineViewer img{transform:scale(1.002);transition:opacity .55s ease,transform 2.6s ease;will-change:opacity,transform}
.timelineViewer img.changing{opacity:.18;transform:scale(1.025)}
.constructionWash{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,28,23,.62),transparent 50%);pointer-events:none}
.simTopline{position:absolute;z-index:3;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.16em;text-shadow:0 2px 14px #000}
.timelineCaption{z-index:3;border-top:3px solid var(--terra);backdrop-filter:blur(13px)}
.playTimeline{position:absolute;z-index:4;right:30px;bottom:30px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.7);background:rgba(9,30,24,.84);color:#fff;padding:14px 18px;font-weight:800;cursor:pointer;backdrop-filter:blur(12px)}
.playTimeline:hover,.playTimeline.playing{background:var(--terra);border-color:var(--terra)}
.playIcon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:var(--deep);font-size:10px}
.progressMeta{display:flex;justify-content:space-between;padding:18px 2px 10px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#d8cec3}
.progressTrack{height:3px;background:rgba(255,255,255,.16)}
.progressTrack span{display:block;width:0;height:100%;background:var(--terra);transition:width .7s ease}
.timelineControls{grid-template-columns:repeat(6,1fr)}
.timelineControls button{position:relative;min-height:94px;transition:background .25s,color .25s}
.timelineControls button:before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:#f0c3a9;transition:width .5s}
.timelineControls button.active:before{width:100%}
.timelineControls i{display:block;margin-bottom:9px;color:#c28c70;font-size:10px;font-style:normal}
.timelineControls button.active i{color:#fff}.timelineControls b{letter-spacing:.08em}.timelineControls span{font-size:12px}
@media(max-width:900px){.timelineControls{grid-template-columns:repeat(3,1fr)}.timelineControls button{min-height:76px}.playTimeline{right:18px;bottom:18px}.timelineCaption{padding-bottom:86px}}
@media(max-width:580px){.timelineViewer{height:72vh}.simTopline{top:18px;left:18px;right:18px}.timelineCaption{width:100%;padding:22px 22px 86px}.timelineCaption h3{font-size:27px}.playTimeline{left:22px;right:auto;bottom:20px}.playLabel{font-size:12px}.timelineControls{grid-template-columns:repeat(2,1fr)}.progressMeta span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.timelineViewer img,.progressTrack span{transition:none}}