/* Page three: four fixed-view riverbed illustrations and a compact control column. */
.app.page-third{background:#dff2fc}
.app.page-third>.topbar,.app.page-third>.workspace{display:none}
.third-page[hidden]{display:none!important}
.third-page{flex:1;min-height:0;overflow:hidden;background:linear-gradient(180deg,#c8eafd,#effaff 68%,#d8eef8)}
.third-main{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,16vw,320px);gap:12px;padding:11px 13px 4px}
.third-left{min-width:0;min-height:0;display:flex;flex-direction:column}
.third-header{height:71px;min-height:71px;display:flex;align-items:flex-start;color:#092e70}
.third-brand{display:flex;align-items:center;gap:8px;height:62px;padding:5px 13px;border:1px solid #d9f0ff;background:#f6fbffea;border-radius:0 0 22px 22px;box-shadow:0 3px 15px #2689c43b}
.third-brand img{width:66px;height:52px;object-fit:contain}.third-brand strong{display:block;font-size:20px;white-space:nowrap;line-height:1.1}.third-brand small{display:block;margin-top:4px;font:700 9px Arial,sans-serif;color:#3166a7;letter-spacing:.1em;white-space:nowrap}
.third-stage{position:relative;flex:1;min-height:0;overflow:hidden;border:1px solid #b9d6e5;border-radius:17px 17px 3px 3px;background:#ded2ae;box-shadow:0 5px 16px #41678238;isolation:isolate}
.third-slides{position:absolute;inset:0;overflow:hidden;background:#96ca60}
.third-slide{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;user-select:none;pointer-events:none;will-change:opacity,transform}
.third-slide:first-child{opacity:1}
.third-map-pane{position:absolute;z-index:2;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 32% 42%,#faf6e6,#f2f1e7 52%,#eaf0e7);transition:opacity .55s ease}
.third-map-pane.visible{opacity:1}.third-map-pane svg{position:absolute;inset:0;width:100%;height:100%}
.third-timeline{position:relative;z-index:3;height:86px;min-height:86px;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #d1e8f8;border-radius:16px;background:#fffffff1;box-shadow:0 4px 15px #4480a03b}
.third-time-label{width:119px;min-width:119px;display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:999px;background:#e9f5fd}.third-time-label strong{font-size:14px;color:#123b75}.third-time-label small{font-size:10px;color:#5280a6;white-space:nowrap}
.third-time-track{flex:1;min-width:0}.third-time-track input{width:100%;height:18px;margin:0;appearance:none;-webkit-appearance:none;touch-action:none;border:2px solid #bed8e6;border-radius:999px;background:linear-gradient(90deg,#ffa329 0 var(--progress,0%),#d8e7f0 var(--progress,0%) 100%)}
.third-time-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:33px;height:33px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#ffcc6e,#fa7610);box-shadow:0 2px 8px #a65d1680;cursor:grab}.third-time-track input::-moz-range-thumb{width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:#ff9a22;cursor:grab}
.third-stages{position:relative;height:31px;margin-top:2px;color:#17477a;font-size:clamp(9px,.72vw,12px);font-weight:750}
.third-stages button{position:absolute;top:0;width:96px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transform:translateX(-50%);touch-action:manipulation}
.third-stages button:first-child{transform:translateX(-14%)}
.third-stages button:last-child{transform:translateX(-86%)}
.third-stages i{display:block;width:8px;height:8px;margin:0 auto 3px;border-radius:50%;background:#9ab9cc;box-shadow:0 0 0 2px white}
.third-stages button.current{color:#db6e14}.third-stages button.current i{background:#fb8b24;box-shadow:0 0 0 3px #ffe4b8}
.third-stages button span{display:block;white-space:nowrap}
.third-play,.third-replay{border:0;cursor:pointer;display:grid;place-items:center;flex:none}.third-play{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#4bc3ff,#0874e6);color:#fff;font-size:27px;box-shadow:0 4px 12px #117bd9a0}.third-replay{width:38px;height:38px;border-radius:50%;background:#e7f3fd;color:#1164b8;font-size:26px}.third-speed{font-size:10px;color:#6485a7;white-space:nowrap}.third-speed select{display:block;margin-top:3px;padding:6px;border:1px solid #cee0ee;border-radius:9px;background:#f9fcff;color:#164a84;font-size:12px;font-weight:800}
.third-console{min-width:0;min-height:0;overflow:auto;padding:15px 14px;border:1px solid #d9eefa;border-radius:19px;background:linear-gradient(150deg,#fffffff1,#f1f9fff2);box-shadow:0 6px 18px #3b6e9152;color:#113a70;transition:filter .35s}.third-console.running{filter:saturate(.78)}
.third-console-head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid #dbe9f3}.third-console-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#10b7ef,#0677e9);color:#fff;font:800 32px Georgia,serif;box-shadow:0 3px 8px #1088d95c}.third-console-head div{flex:1;min-width:0}.third-console-head strong{display:block;font-size:21px;white-space:nowrap}.third-console-head button{width:37px;height:37px;border:1px solid #dceaf5;border-radius:10px;background:#fff;color:#2c70b6;font-size:24px;cursor:pointer}
.third-section{padding:16px 0;border-bottom:1px solid #dceaf3}.third-section h3{margin:0 0 10px;font-size:15px;color:#123a72}.third-choice{width:100%;min-height:57px;border:1px solid #f0bd7b;border-radius:12px;background:#fff3e5;color:#9f5315;font-size:15px;font-weight:850;text-align:center;cursor:pointer}.third-choice:hover{background:#ffe8ca}.third-choice:active{transform:scale(.98)}
.third-result{display:grid;gap:8px}.third-metric{padding:10px;border:1px solid #dceaf4;border-radius:11px;background:#f9fcff}.third-metric span{display:block;font-size:11px;color:#6988a8}.third-metric strong{display:block;margin-top:3px;font-size:15px;color:#164782}.third-result p{margin:2px 1px;color:#65819b;font-size:10px;line-height:1.5}.third-result-section.pulse{animation:thirdPulse .8s ease}@keyframes thirdPulse{50%{background:#edf9ee;border-radius:12px;box-shadow:0 0 0 5px #96e5d451}}
.third-status{margin:14px 0 0;color:#6582a0;font-size:11px;line-height:1.5}
@media(max-width:1200px){.third-main{grid-template-columns:minmax(0,1fr) 255px;gap:8px;padding:8px}.third-header{height:60px;min-height:60px}.third-brand{height:52px}.third-brand img{width:49px;height:42px}.third-brand strong{font-size:16px}.third-brand small{font-size:7px}.third-timeline{height:76px;min-height:76px}.third-time-label{width:92px;min-width:92px}.third-time-label strong{font-size:11px}.third-play{width:45px;height:45px}.third-replay{width:32px;height:32px}.third-console{padding:10px}}
@media(max-width:760px){.third-page{overflow:auto}.third-main{height:auto;min-height:850px;display:flex;flex-direction:column}.third-left{height:570px;min-height:570px}.third-console{min-height:220px;overflow:visible}}
@media(prefers-reduced-motion:reduce){.third-map-pane,.third-console{transition:none!important}}