body{background:#f0f1ed}.topbar{height:68px}.intro-panel{padding:20px 4vw 22px;grid-template-columns:1fr 370px;background:#f9faf7}.intro-panel h1{font-size:clamp(24px,2.6vw,40px);margin-top:8px}.intro-panel h1 br{display:none}.intro-panel h1 em{white-space:nowrap}.intro-copy{font-size:11px}.eyebrow{margin:0;font-size:8px}.experience{display:flex;flex-direction:column;position:relative;border:0}.stage-shell{order:0;height:calc(100vh - 225px);min-height:650px;background:#e8ebe6}.stage-toolbar{background:#f7f9f4e8;height:42px;padding:0 28px}.viewport{min-height:570px}.system-rail{order:1;display:grid;grid-template-columns:minmax(0,1fr) 255px;border:0;background:#fff}.rail-head{display:none}.system-list{display:flex;overflow:auto;max-height:none;grid-row:1/3;gap:4px;padding:8px;align-items:center}.system-item{min-width:135px;width:135px;grid-template-columns:22px 1fr;grid-template-rows:auto auto;border:1px solid #e1e8dc;border-radius:7px;padding:9px;min-height:61px}.system-number{display:none}.system-glyph{grid-row:1/3;width:22px;height:24px;font-size:14px}.system-name{font-size:9px}.system-state{display:none}.tour-button{padding:10px 14px;margin:0;border:0}.voice-status{padding:7px 14px}.detail-panel{display:none}.detail-panel.open{display:block;position:absolute;z-index:25;right:20px;top:72px;width:255px;max-height:calc(100% - 170px);padding:18px;border:1px solid #d9dfd3;border-radius:12px;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 15px 45px #1b2b1c1a}.close-detail{display:block;right:8px;top:7px;width:25px;height:25px;font-size:18px}.detail-topline{padding-right:20px}.detail-icon{margin-top:12px}.detail-panel h2{font-size:23px}.process-visual{display:none}.live-metric:after{content:'Ilustračné hodnoty';font-size:8px;color:#6c786a;grid-column:1/-1;margin-top:7px}.legend{gap:22px;height:34px;font-size:8px;background:#f9faf6}.webgl-badge{font-size:8px;letter-spacing:.07em;background:#19301ece}.three-hotspots .hotspot{width:24px;height:24px;font-size:8px;border-width:1px;background:#183020d9;box-shadow:0 2px 8px #07182d55}.three-hotspots .hotspot:before{animation:none;inset:-3px;border-color:#ffffff60}.three-hotspots .hotspot.active{background:#5b852a;box-shadow:0 0 0 6px #85b25326}.story-strip{padding:13px 4vw}.story-stats{display:none}.view-hint{color:#3c5143}.compass{display:none}.voice-status strong:after{content:' · SYNTÉZA HLASU';font-size:6px;color:#a7b8a6}.tour-button:disabled{opacity:.6;cursor:default}@media(min-width:1600px){.stage-shell{min-height:760px}.detail-panel.open{right:40px}}@media(max-width:850px){.intro-panel{grid-template-columns:1fr;padding:16px 20px}.intro-panel h1{font-size:28px}.intro-copy{display:none}.stage-shell{height:72vh;min-height:590px}.system-rail{display:flex;flex-direction:column}.system-list{max-height:87px;flex:none}.voice-status{display:flex}.tour-button{width:100%;text-align:center}.detail-panel.open{position:absolute;inset:90px 10px auto auto;width:235px;transform:none;max-height:490px}.viewport{min-height:530px}.legend{gap:10px}.topbar{padding:0 20px}.story-strip p{font-size:9px}}
/* Guided, physically distinct flow routes and narration controls. */
.flow-controls{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;background:#edf1e9;padding:9px 12px;border-bottom:1px solid #d9dfd2;z-index:15}.flow-controls button{font-size:10px;border:1px solid #ced8c6;border-radius:30px;padding:7px 12px;background:#fafcf7;cursor:pointer;display:flex;align-items:center;gap:6px}.flow-controls button:before{content:'';width:7px;height:7px;background:var(--flow,#66736b);border-radius:50%}.flow-controls button[aria-pressed=true]{background:#203126;color:white;border-color:#203126}.flow-guide{position:absolute;bottom:47px;left:20px;width:min(480px,calc(100% - 40px));padding:12px 16px;border-radius:10px;background:#fffffff0;border:1px solid #d6ded0;backdrop-filter:blur(10px);z-index:12;box-shadow:0 8px 24px #1a30151a;pointer-events:auto}.flow-guide[hidden]{display:none}.flow-guide-title{display:flex;align-items:center;gap:8px;font-size:12px}.flow-guide-title i{width:8px;height:8px;border-radius:50%}.flow-guide-title small{margin-left:auto;font-size:8px;color:#6a7665}.flow-guide ol{display:flex;gap:6px;list-style:none;margin:10px 0;padding:0;counter-reset:step}.flow-guide li{counter-increment:step;font-size:9px;flex:1;padding:7px;background:#f0f3ed;border-radius:4px;line-height:1.4;color:#53634d}.flow-guide li:before{content:counter(step) '  ';font-weight:900}.flow-guide li.current{background:#dcecd0;color:#294b1f}.flow-guide p{font-size:10px;line-height:1.5;margin:4px 0 0;color:#5c6856}.route-label{position:absolute;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.02em;font-weight:800;color:#fff;background:#14231cdd;padding:5px 8px;border-radius:4px;border-left:3px solid var(--route-color);pointer-events:none;z-index:9;white-space:nowrap}.route-label[hidden]{display:none}.air-switch{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:9px}.air-switch button{font-size:9px;border:1px solid #ccd7c3;background:#fff;border-radius:5px;padding:4px 9px;cursor:pointer}.air-switch button[aria-pressed=true]{background:#244231;color:#fff}.narration-controls{grid-column:2;display:flex;gap:6px;align-items:center;padding:8px;background:#f1f5ee}.narration-controls button,.narration-controls select{border:1px solid #d4ddce;background:#fff;border-radius:4px;padding:3px 6px;font-size:11px}.narration-controls label{display:flex;align-items:center;gap:4px;font-size:8px}.narration-controls input{width:58px;accent-color:#4f8936}.voice-status{position:relative}.voice-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;border:0;accent-color:#68b345}.system-list{grid-row:1/4}.tour-subtitle{position:absolute;left:50%;top:92px;transform:translateX(-50%);z-index:30;max-width:760px;width:75%;max-height:120px;overflow:auto;background:#14221aeb;color:#fff;padding:12px 18px;border-radius:9px;font-size:12px;line-height:1.6;pointer-events:none}.tour-subtitle[hidden]{display:none}.detail-panel.open{top:115px}.stage-shell{min-height:760px}.viewport{min-height:600px}.view-hint{bottom:4px;font-size:6px;left:auto;right:12px;transform:none}.voice-status strong:after{content:' · NEURÓNOVÝ HLAS'}@media(max-width:850px){.stage-shell{min-height:790px}.flow-controls{gap:4px;padding:7px 5px}.flow-controls button{padding:6px 9px;font-size:9px}.flow-guide{left:10px;bottom:42px;width:calc(100% - 20px)}.narration-controls{justify-content:center}.tour-subtitle{top:126px;width:92%;font-size:10px}.detail-panel.open{top:130px}.route-label{font-size:6px}.viewport{min-height:630px}}