@import url('../mashinostroenie-rossii/style.css');
.hero{grid-template-columns:1.45fr .8fr;gap:12px}.hero h1{font-size:30px;line-height:1.13}.hero .title-line{flex-wrap:wrap;gap:9px}.hero p{font-size:13px;max-width:920px}.hero figure img{object-position:center;height:145px}.workspace{grid-template-columns:247px minmax(0,1fr) 300px}.layers{overflow:auto}.layer-label{font-size:10px;margin:5px 0}.legend p{font-size:9px}.legend{margin-top:8px}.station-panel .station-facts{margin:7px 0}.quick-map .station-counts{grid-template-columns:repeat(4,1fr)}.quick .control{font-size:9px}.quick .mini-placement .control{grid-template-columns:1fr 100px 30px}.quick-grid{grid-template-columns:1fr 1fr 1.05fr 1fr}.quick #mini-diagram{height:74px;min-height:0;overflow:hidden;margin:5px 0}.quick #mini-diagram svg{width:100%;height:74px}.cf-diagram-scroll{overflow-x:auto;border:1px solid #25566f;background:radial-gradient(ellipse,#174d5c55,transparent);border-radius:12px;margin:18px 0}.cf-process-svg{width:100%;min-width:850px;display:block;height:auto;max-height:260px;color:var(--process-color,#62d5ee)}.cf-process-svg .stage-glow{fill:#10374470;stroke:#426f83;stroke-width:1}.cf-process-svg .stage-caption{font:14px Arial;fill:#d7e9f3}.cf-process-svg .process-pipe{stroke:currentColor;stroke-width:4;fill:none;opacity:.5}.cf-process-svg .is-active .stage-glow{fill:#24628355;stroke:currentColor;stroke-width:2}.cf-process-svg .is-limit .stage-glow{stroke:#ffb654;stroke-dasharray:5 3}.cf-process-svg .flow-particle{fill:currentColor;animation:cf-flow 2s linear infinite}.cf-process-svg .equipment{transform-box:fill-box;transform-origin:center;animation:cf-equipment 2s ease-in-out infinite}.diagram.paused .flow-particle,.diagram.paused .equipment{animation-play-state:paused}.diagram.stopped .flow-particle{display:none}.diagram.stopped .equipment{animation:none}.diagram[hidden]{display:none}.process-route{display:flex;gap:18px;align-items:end;margin:15px 0;flex-wrap:wrap}.process-route label{display:grid;gap:5px;font-size:12px}.metrics{margin:18px 0}.metrics .metric{background:#062a3e;border:1px solid #1b5b73;border-radius:9px;padding:13px}.metrics .metric strong{display:block;color:#59e5e9;font-size:29px}.metrics .metric span{display:block;color:#bad8e4;font-size:11px;margin-top:5px}.model-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 35px;margin:25px 0}.model-controls .control,.grid-controls .control{display:grid;grid-template-columns:minmax(110px,1fr) minmax(80px,1fr) 35px;gap:9px;font-size:12px;align-items:center}.control output{font-size:11px;text-align:right}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.comparison section{background:#072b3b;border:1px solid #20617b;border-radius:12px;padding:17px}.comparison h3{font-size:18px}.comparison .capacity-row{grid-template-columns:150px 1fr 35px;font-size:11px}.comparison .capacity-row strong{font-size:24px}.ecology{background:linear-gradient(120deg,#0c413755,#0b2239);border:1px solid #217768;border-radius:12px;padding:20px;margin:25px 0}.factory-settings{grid-template-columns:1fr 1fr 1fr}.grid-controls{gap:20px 35px}.task-tabs{margin:16px 0}.task-body h3{font-size:23px}.task-options{display:grid;gap:9px;margin:18px 0}.task-options label{border:1px solid #265e76;border-radius:7px;padding:12px}.stage-list{list-style:none;padding:0;max-width:850px}.stage-list li{display:flex;align-items:center;border:1px solid #2a6379;background:#0b3448;border-radius:7px;margin:8px 0;padding:8px 12px;gap:10px}.stage-list button{min-width:40px}.station-panel .type-tag{margin:4px 0}.panel-close{z-index:3}.main-diagram{padding:15px 0}.takeaway strong{display:block;margin-bottom:7px}.station-photo{width:100%;object-fit:cover}.map-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.map-learning-grid label{display:grid;gap:7px}.task-body select{max-width:100%;width:100%;min-height:42px}.task-actions button{min-height:42px}.map-search #search-results button{display:block;width:100%;text-align:left;font-size:12px;padding:9px}.map-search #search-results{background:#052439;max-height:280px;overflow:auto;border:1px solid #31728f;border-radius:6px}.map-search .result-note{font-size:11px;padding:8px}.lab-navigation{display:flex;gap:25px;justify-content:space-between;margin:25px 0}.station-panel dl{font-size:10px}.station-panel dt{color:#a4c9da}.station-panel dd{margin:0}.station-panel .station-facts>div{display:grid;grid-template-columns:68px 1fr;border-bottom:1px solid #1c4a60;padding:4px 0}.station-panel .factor-list{font-size:10px}.task-feedback{line-height:1.5}#mini-tasks{padding-left:18px;font-size:10px}#mini-tasks button{width:100%;text-align:left;padding:3px;font-size:10px;background:transparent;border:0}#mini-tasks li::marker{color:#63e1ef}.quick-grid-model select{width:100%;font-size:10px}.quick #mini-score{font-size:11px;color:#74eac1}.branch-icon{stroke-linejoin:round}.map-group-note{font-size:8px;bottom:7px;left:8px}.map-learning,.mode-panel{margin-top:14px}dialog{max-height:85dvh;overflow:auto}dialog .dialog-close{position:sticky;top:0;float:right;z-index:4}#task-feedback{white-space:normal}#task-feedback[data-correct=false]{border-left-color:#ffbe62}#task-feedback[data-correct=true]{border-left-color:#56e6a1}progress{width:100%}select{max-width:100%}
@keyframes cf-flow{from{translate:-30px 0;opacity:0}30%{opacity:1}to{translate:30px 0;opacity:0}}@keyframes cf-equipment{50%{opacity:.65;translate:0 2px}}
@media(min-width:1600px){.hero h1{font-size:33px}}
@media(max-width:1250px){.workspace{grid-template-columns:215px minmax(0,1fr) 260px}.hero h1{font-size:27px}.quick .mini-placement .control{grid-template-columns:1fr 65px 28px}.comparison .capacity-row{grid-template-columns:120px 1fr 30px}.model-controls .control,.grid-controls .control{font-size:11px;grid-template-columns:minmax(100px,1fr) minmax(70px,1fr) 34px}}
@media(max-width:1000px){.workspace{grid-template-columns:215px minmax(0,1fr)}.station-panel{grid-column:1/-1}.hero{grid-template-columns:1fr 240px}.hero h1{font-size:24px}.quick-grid{grid-template-columns:1fr 1fr}.quick .mini-placement .control{grid-template-columns:1fr 110px 30px}.comparison{grid-template-columns:1fr 1fr}.comparison .capacity-row{grid-template-columns:110px 1fr 25px}.model-controls,.grid-controls{grid-template-columns:1fr}.factory-settings{grid-template-columns:1fr 1fr}.factory-settings>label:last-child{grid-column:1/-1}}
@media(max-width:700px){.hero{display:block}.hero h1{font-size:27px}.hero p{font-size:13px}.hero figure{margin-top:10px}.hero figure img{height:120px}.workspace{grid-template-columns:minmax(0,1fr)}.layers{overflow:visible;max-height:none;height:auto}.map-panel{grid-column:1;grid-row:1}.layers{grid-column:1;grid-row:2}.station-panel{grid-column:1;grid-row:3;max-height:430px}.layer-label{font-size:12px;margin:12px 0}.quick-grid{grid-template-columns:1fr}.quick{min-height:0;padding:16px}.quick h2{font-size:16px}.quick p{font-size:12px}.quick .mini-placement .control{grid-template-columns:1fr 115px 30px;font-size:11px}.quick-map .quick-photo{height:105px}.quick-map .station-counts{grid-template-columns:repeat(4,1fr)}.quick .station-counts strong{font-size:22px}.quick .type-buttons button{font-size:11px}.quick #mini-diagram{height:100px}.quick #mini-diagram svg{height:100px}.quick #mini-tasks button{font-size:12px;min-height:35px}.comparison{grid-template-columns:1fr}.model-controls .control,.grid-controls .control{grid-template-columns:minmax(105px,1fr) minmax(70px,1fr) 32px;font-size:11px}.factory-settings{grid-template-columns:1fr}.factory-settings>label:last-child{grid-column:auto}.map-learning-grid{grid-template-columns:1fr}.mode-panel{padding:17px}.mode-panel h2{font-size:25px}.ecology{padding:14px}.tabs{grid-template-columns:1fr 1fr}.lab-navigation{font-size:11px;gap:12px}.map-search input{font-size:10px}.cf-process-svg{min-width:850px}.stage-buttons button{font-size:11px}.stage-list li{font-size:11px;padding:8px}.task-options label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cf-process-svg *{animation:none!important;transition:none!important}}
.quick #mini-diagram .cf-process-svg{min-width:0}.map-learning{display:block;padding:20px}.map-learning h2{margin-bottom:16px}.map-learning p{margin:16px 0}.map-learning-grid{display:grid;grid-template-columns:1fr 1fr}.map-learning>button{max-width:400px}.map-group-note{max-width:calc(100% - 20px);width:auto}.capacity-row .bar-track i{display:block;height:100%}
@media(max-width:700px){.map-learning-grid{grid-template-columns:1fr}}
.cf-process-svg [data-equipment=crusher] .equipment,.cf-process-svg [data-equipment=saw] .equipment{animation:cf-rotate 2s linear infinite}.cf-process-svg [data-equipment=dryer] .equipment{animation:cf-rotate 3s linear infinite}.cf-process-svg .material{transform-box:fill-box;transform-origin:center}.cf-process-svg .grains circle{animation:cf-grain 1.5s linear infinite}.cf-process-svg .polymer-chain{animation:cf-polymer 2.5s ease-in-out infinite}.cf-process-svg .cooking{animation:cf-cooking 2s ease-in-out infinite}.cf-process-svg .washing{animation:cf-wash .9s linear infinite}.cf-process-svg .paper-web{animation:cf-web 1.5s linear infinite}.cf-process-svg .sawdust{animation:cf-sawdust 1.1s ease-out infinite}.cf-process-svg .steam{animation:cf-steam 2s ease-out infinite}.diagram.paused .material,.diagram.paused .material *{animation-play-state:paused}.diagram.stopped .material,.diagram.stopped .material *{animation:none;opacity:.15}.not-applicable{opacity:.45}
@keyframes cf-rotate{to{rotate:360deg}}@keyframes cf-grain{from{translate:0 -7px;opacity:0}30%{opacity:1}to{translate:0 25px;opacity:0}}@keyframes cf-polymer{50%{scale:1.2 1;stroke:#e7b5ff}}@keyframes cf-cooking{50%{translate:0 -12px;opacity:.3}}@keyframes cf-wash{from{translate:0 -3px}to{translate:0 8px}}@keyframes cf-web{to{stroke-dashoffset:-28}}@keyframes cf-sawdust{from{translate:0 0;opacity:1}to{translate:15px 14px;opacity:0}}@keyframes cf-steam{from{translate:0 7px;opacity:.3}to{translate:0 -5px;opacity:0}}
@media(prefers-reduced-motion:reduce){.cf-process-svg *{animation:none!important}}
.diagram.stopped .cf-process-svg .equipment,.diagram.stopped .cf-process-svg .material,.diagram.stopped .cf-process-svg .material *{animation:none}.diagram.paused .cf-process-svg .equipment,.diagram.paused .cf-process-svg .material,.diagram.paused .cf-process-svg .material *{animation-play-state:paused}