@import url('../metallurgiya-rossii/style.css');
:root{--auto:#ff426b;--air:#3cccff;--ship:#41a2ff;--rail:#ffab3f;--agro:#69e691;--tools:#ffdb58}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero h1{font-size:36px}.hero{grid-template-columns:1.15fr 1fr;gap:22px}.hero figure img{object-position:center 52%}.workspace{grid-template-columns:240px minmax(0,1fr) 300px;gap:10px}.layers,.map-panel,.station-panel{height:496px;max-height:496px}.map-stage{height:100%}.layers{padding:11px 12px}.layer-label{margin:7px 0;gap:8px;grid-template-columns:23px 1fr 28px;line-height:1.15;font-size:11px}.layer-icon{font-size:20px}.branch-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.legend{margin-top:9px}.legend p{font-size:9px;gap:8px;margin-bottom:3px}.legend .branch-icon{width:15px;height:15px}.legend h2{font-size:10px;margin-bottom:5px}.road-line{display:inline-block;width:25px;border-top:1px solid #f0ce7c}.machine-road{fill:none;stroke:#bfa86c;stroke-width:.55;opacity:.5;vector-effect:non-scaling-stroke}.map-relief{filter:brightness(.75) saturate(1.8) contrast(1.1)}.map-note{font-size:8px;max-width:85%;line-height:1.2}.map-note a{color:#a9e5ee}.station-photo{height:100px}.station-panel h2{font-size:19px}.station-panel .station-facts>div{font-size:10px;padding:4px 0}.station-panel .station-facts dd{line-height:1.3}.station-panel .station-facts dt{width:74px}.station-panel p{font-size:11px;line-height:1.35}.station-panel .takeaway{margin:8px 0;padding:10px}.station-panel h3{font-size:11px;margin-top:8px}.factor-list{padding-left:16px;margin:5px 0 7px}.factor-list li{font-size:10px;line-height:1.25;margin:4px 0}.type-tag{color:var(--branch,#ff6487);border-color:var(--branch,#ff6487);font-size:11px}.quick-grid{grid-template-columns:1.05fr 1fr 1.1fr .92fr;gap:10px}.quick h2{font-size:14px}.quick{min-height:244px;padding:11px}.quick p{font-size:11px;line-height:1.3}.quick-photo{height:67px}.station-counts{grid-template-columns:repeat(6,1fr);gap:3px}.station-counts>span{padding:4px 0;border:0}.station-counts .branch-icon{display:block;margin:auto;width:20px;height:20px}.station-counts strong{font-size:17px;margin:3px 0}.station-counts small{font-size:8px}.quick>small{font-size:8px}.quick .type-buttons button{padding:5px;min-height:29px;font-size:10px}.quick-generation .mini-diagrams{height:85px;display:flex;align-items:center}.mini-diagrams .diagram{padding:0;min-height:0}.mini-diagrams svg{width:100%;height:auto;max-height:75px}.mini-diagrams .stage-caption{font-size:13px}.mini-diagrams .stage-glow{fill:none;stroke:none}.quick-generation>button{font-size:10px}.mini-placement .control{display:grid;grid-template-columns:1fr 95px 29px;gap:5px;align-items:center;margin:6px 0;font-size:9px}.mini-placement .control span{grid-column:1;line-height:1.15}.mini-placement .control input{grid-column:2;grid-row:1;margin:0;min-height:14px}.mini-placement .control output{grid-column:3;grid-row:1;font-size:9px}.mini-placement .control small{display:none}.quick-grid-model>button{width:100%;font-size:10px;padding:5px}.quick-practice li button{font-size:10px;min-height:25px}.quick-practice ol{margin:8px 0}.quick-practice progress{display:block;width:100%;height:7px;accent-color:#9a7cf1;margin-bottom:7px}.quick-practice>button{font-size:10px;min-height:30px}.diagram{color:var(--metal-color)}.main-diagrams .main-diagram{min-height:250px;display:flex;align-items:center;padding:20px 8px}.main-diagrams .process-svg{max-height:320px}.process-svg .stage-glow{stroke:#386377;opacity:.55}.process-svg [data-active=true] .stage-glow{stroke:var(--metal-color);fill:#0b577944;opacity:1}.process-svg .product-flow{animation:parts-flow var(--duration,1.5s) linear infinite}.robot-arm{transform-origin:-23px 26px;animation:arm-work 2s ease-in-out infinite}.spark{animation:spark-work 1.4s steps(2) infinite}.scanner{animation:scan-work 2s ease-in-out infinite}.press{animation:press-work 2s ease-in-out infinite}.gear-spin{transform-origin:37px 4px;animation:rotate-gear 4s linear infinite}.flight{animation:fly-work 3s ease-in-out infinite}.diagram.paused *,.diagram.stopped *,.diagram.offscreen *,.plant-diagram.stopped *,.plant-diagram.offscreen *,.page-paused .diagram *,.page-paused .plant-diagram *{animation-play-state:paused!important}.diagram.stopped .product-flow,.plant-diagram.stopped .product-flow{display:none}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metrics>div{border:1px solid #205871;background:#0a354655;border-radius:9px;padding:13px}.metrics strong{display:block;font-size:30px;color:#64edc3}.metrics span{font-size:11px;color:#b3d5e5}.metrics.compact{grid-template-columns:1fr 1fr;gap:8px}.metrics.compact strong{font-size:23px}.metrics.compact>div{padding:10px}.capacity-row{display:grid;grid-template-columns:170px 1fr 100px;gap:12px;align-items:center;margin:10px 0;font-size:11px}.capacity-row.is-limit{color:#ffce78}.capacity-row.is-limit .bar-track i{background:#ffb849}.capacity-row output{text-align:right;white-space:nowrap;font-size:10px}.capacity-row .bar-track{height:8px}.formula{font:12px/1.6 Consolas,monospace;color:#72dfed;margin:18px 0 9px}.cooperation{margin-top:25px;border-top:1px solid #205972;padding-top:22px}.cooperation h2{font-size:23px}.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.supplier-card{border:1px solid #225a72;border-radius:9px;background:linear-gradient(135deg,#0c394b,#032337);padding:13px}.supplier-card label{display:grid;gap:9px}.supplier-card strong{font-size:13px;color:#81e2eb}.supplier-card select{width:100%;font-size:12px}.supplier-card p{font-size:11px;min-height:45px;color:#b7d5e4;margin:10px 0}.supplier-card .bar-track i{background:linear-gradient(90deg,#21c9ec,#65e6b3)}.event-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 10px}.event-buttons button{font-size:12px}.event-buttons button[aria-pressed=true]{color:#ffe0a9;background:#5b3a21;border-color:#dc9f57}.scenario-buttons button[aria-pressed=true]{color:#86f5dc;background:#10543f;border-color:#57e9bb}.factory-settings{display:grid;grid-template-columns:minmax(200px,1fr) auto 1.5fr;align-items:end;gap:15px;margin:20px 0}.factory-settings label{display:grid;gap:6px}.factory-settings select{width:100%}.factory-settings p{font-size:12px;margin-bottom:0;color:#b5d6e4}.plant-view{border-top:1px solid #225a72;padding-top:20px;margin-top:20px}.plant-view>p{font-size:12px;color:#b5d6e4}.plant-diagram{border:1px solid #235a70;background:radial-gradient(ellipse,#0f465955,transparent);border-radius:10px;overflow-x:auto;margin:15px 0}.plant-svg{display:block;width:100%;min-width:700px;height:auto;max-height:240px;color:#4cddcb}.plant-svg text{fill:#bce1eb;font:14px Arial}.plant-svg .stage-glow{fill:#0b3c4c77;stroke:#37667a;stroke-width:1}.plant-svg .product-flow{animation:parts-flow var(--duration,1.5s) linear infinite}.plant-svg .is-limit .stage-glow{stroke:#ffb44a;fill:#5b3d2444}.model-controls input,.grid-controls input{min-height:24px}.dialog-close{min-width:42px;min-height:42px}.stage-list li{justify-content:space-between}.stage-list li>span{flex:1}.stage-list button{min-width:38px}.station-panel .full-open{font-size:10px;min-height:29px;padding:5px 9px}#task-feedback{margin:15px 0;padding:12px;border-radius:8px}#task-feedback:not(:empty){background:#0c3b4e;border-left:3px solid #41ccdd}#task-feedback[data-correct=true]{border-color:#68edb4}#task-feedback[data-correct=false]{border-color:#ffb25f}.task-options label{display:flex;gap:9px;align-items:center}.task-options input{flex-shrink:0}.task-actions{display:flex;gap:10px;margin:14px 0}.task-body p{margin:12px 0}#factory-project-status,#factory-advice,#factory-time{font-size:12px}#factory-score{font-size:38px}.mode-panel small{color:#5fd8e8;letter-spacing:1px}.station-section h3{margin-bottom:6px}.station-section p{line-height:1.5}.model-explanation .takeaway{font-size:13px}.stage-description{min-height:56px}.quick-generation .diagram .stage-caption{font-size:13px}.diagram.stopped{filter:saturate(.55)}
@keyframes parts-flow{from{transform:translateX(0);opacity:0}30%{opacity:1}to{transform:translateX(22px);opacity:0}}@keyframes arm-work{50%{transform:rotate(8deg)}}@keyframes spark-work{50%{opacity:0}}@keyframes scan-work{50%{transform:translateY(32px)}}@keyframes press-work{50%{transform:translateY(10px)}}@keyframes rotate-gear{to{transform:rotate(360deg)}}@keyframes fly-work{50%{translate:0 -4px}}
@media(min-width:1600px){.layers,.map-panel,.station-panel{height:520px;max-height:520px}}
@media(max-width:1250px){.workspace{grid-template-columns:210px minmax(0,1fr) 260px}.layer-label{font-size:10px}.hero h1{font-size:31px}.quick h2{font-size:12px}.mini-placement .control{grid-template-columns:1fr 62px 25px;font-size:8px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.capacity-row{grid-template-columns:145px 1fr 90px;gap:7px}}
@media(max-width:1000px){.workspace{grid-template-columns:210px minmax(0,1fr)}.station-panel{grid-column:1/-1;width:100%;height:auto;max-height:320px}.layers{grid-column:1}.map-panel{grid-column:2}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick h2{font-size:16px}.quick{min-height:260px}.mini-placement .control{grid-template-columns:1fr 120px 30px;font-size:11px}.hero{grid-template-columns:1fr 280px}.supplier-grid{gap:8px}.supplier-card{padding:10px}.supplier-card select{font-size:10px}.factory-settings{grid-template-columns:1fr auto}.factory-settings p{grid-column:1/-1}.capacity-row{grid-template-columns:160px 1fr 100px}}
@media(max-width:700px){.hero{display:block}.hero h1{font-size:30px}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.map-panel{grid-column:1;grid-row:1;height:327px}.layers{grid-column:1;grid-row:2;height:auto;max-height:none;overflow:visible}.station-panel{grid-column:1;grid-row:3;max-height:420px}.layer-label{font-size:12px;margin:11px 0}.legend{display:none}.station-photo{height:120px}.station-panel h2{font-size:20px}.station-panel p{font-size:12px}.station-panel .station-facts>div{font-size:11px}.factor-list li{font-size:11px}.station-panel .full-open{min-height:38px;font-size:12px}.quick-grid{gap:8px}.quick{padding:9px;min-height:270px}.quick h2{font-size:12px}.quick p{font-size:10px}.quick-photo{height:65px}.station-counts{grid-template-columns:repeat(3,1fr)}.station-counts strong{font-size:17px;margin:2px 0}.station-counts .branch-icon{width:18px;height:18px}.quick-generation .mini-diagrams{height:98px}.quick .type-buttons button{font-size:8px;padding:3px;min-height:34px}.mini-placement .control{grid-template-columns:1fr 48px 24px;gap:3px;font-size:8px;margin:9px 0}.mini-placement .control output{font-size:8px}.quick-grid-model>button{font-size:9px;min-height:35px}.quick-practice li button{font-size:9px;min-height:29px}.quick-generation>button{font-size:10px;padding:6px}.main-diagrams .main-diagram{min-height:195px;padding:15px 6px;min-width:980px}.main-diagrams .process-svg{min-width:980px;max-height:230px}.stage-buttons button{flex:1 1 43%;min-height:43px}.animation-controls button{min-height:40px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics strong{font-size:27px}.metrics span{font-size:10px}.capacity-row{grid-template-columns:110px 1fr 92px;font-size:10px;gap:6px}.capacity-row output{font-size:9px}.supplier-grid{grid-template-columns:1fr;gap:9px}.supplier-card{padding:13px}.supplier-card strong{font-size:13px}.supplier-card select{font-size:13px;min-height:42px}.supplier-card p{min-height:0;font-size:12px}.factory-settings{grid-template-columns:1fr}.factory-settings p{grid-column:auto}.factory-settings select{min-height:43px}.event-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.event-buttons button{min-height:42px;font-size:10px;padding:6px}.event-buttons button:first-child{grid-column:1/-1}.plant-svg{min-width:800px}.plant-view{max-width:100%;overflow:hidden}.cooperation{margin-top:20px}.cooperation h2{font-size:21px}.station-counts small{font-size:8px}.mode-panel{overflow:hidden}.map-search{max-width:calc(100% - 60px)}.map-search input{font-size:10px}.tabs{grid-template-columns:1fr 1fr}.tabs button{font-size:11px;gap:6px;min-height:45px}.tabs button>span{font-size:20px}.map-note{font-size:7px;max-width:90%;bottom:5px}.map-group-note{font-size:7px;bottom:23px}.metrics.compact{grid-template-columns:1fr 1fr}.grid-controls{grid-template-columns:1fr 1fr}.stage-list li{font-size:11px;gap:6px}.stage-list button{min-width:35px;padding:5px}.model-controls{grid-template-columns:1fr 1fr}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.map-learning label{display:grid;gap:6px}.map-learning select{font-size:12px;min-height:42px}}
.grid-controls,.model-controls{align-content:start;align-items:start;row-gap:26px}.type-buttons button[aria-pressed=true]{background:#e59539;color:#031c29;border-color:#ffd193;font-weight:700}.map-relief{filter:brightness(.5) saturate(1.65) contrast(1.25)}.power-region{fill:#00542d18}.district-label{fill:#e4ceff;stroke:#172439;stroke-width:3;paint-order:stroke;font:bold 11px Arial;pointer-events:none}.district-label tspan:last-child{font-size:9px}.layer-label{margin:5px 0}.legend p{margin-bottom:2px}.quick .station-counts{display:grid}.station-panel .station-facts{margin:7px 0}.station-panel .takeaway strong{font-size:12px}.station-panel .takeaway{padding:9px}.station-panel .factor-list{margin:4px 0}.station-panel .factor-list li{margin:3px 0}
@media(min-width:1001px){.quick{padding:10px;min-height:244px}.quick h2{margin-bottom:5px}.quick p{font-size:10px;line-height:1.25;margin-bottom:5px}.quick .mini-placement{margin:3px 0 5px}.quick .mini-placement .control{margin:3px 0;height:15px}.quick .mini-placement input{height:15px}.quick-generation .mini-diagrams{height:67px}.quick-generation>button,.quick-grid-model>button,.quick-practice>button{min-height:29px;font-size:10px;padding:5px}.quick .type-buttons button{min-height:27px}.quick-practice li button{min-height:19px;font-size:9px;padding-top:2px;padding-bottom:2px}.quick-practice li{margin-bottom:0}.quick-practice ol{margin:5px 0}.quick-practice progress{margin-bottom:5px}.quick-map .quick-photo{height:62px}.quick-map .station-counts{margin:7px 0}.quick #mini-process-result{font-size:9px;margin:4px 0}}
.plant-diagram .robot-arm{animation-duration:var(--work-duration,2s)}
@media(min-width:1001px) and (max-width:1599px){.layers,.map-panel,.station-panel{height:488px;max-height:488px}}
@media(max-width:700px){.layer-label{margin:12px 0}.quick h2{line-height:1.3}.capacity-row{grid-template-columns:105px minmax(20px,1fr) 86px}.station-panel{max-height:430px}}
@media(prefers-reduced-motion:reduce){.diagram *,.plant-diagram *{animation:none!important;transition:none!important}}