/* Data Station: technical field manual outside, signal equipment inside. */
:root{--bg:#f3f1e8;--panel:#faf9f3;--line:#cbcfc4;--text:#1c3338;--muted:#52676a;--lime:#ddf3b3;--cyan:#337a7a;--coral:#b54422;--ink:#142e34;--signal:#cb421d;--paper:#f3f1e8;--machine:#17363d;--screen:#0e282e;--mono:Consolas,'Courier New',monospace}
body{background:var(--paper);color:var(--text)}body:before{background:linear-gradient(#203d3805 1px,transparent 1px),linear-gradient(90deg,#203d3805 1px,transparent 1px);background-size:28px 28px}header{max-width:none;background:var(--paper);padding:22px max(32px,calc((100vw - 1270px)/2));border-bottom:1px solid #b5bfb5;gap:28px}.brand{font-size:21px}.brand small{font-size:11px;color:#5b6d6d}.brand-icon{border:0;background:var(--machine);color:var(--lime);border-radius:0;width:45px;height:48px;clip-path:polygon(0 0,75% 0,100% 24%,100% 100%,0 100%);font-size:24px}header nav{gap:28px}header nav a{position:relative;font-size:14px}header nav a:hover{color:#a63116}header nav a[aria-current]{font-weight:700}header nav a[aria-current]:after{content:'';position:absolute;bottom:-24px;left:0;right:0;height:3px;background:var(--signal)}.score{border:0;border-left:1px solid #bdc7bc;background:none;border-radius:0;color:var(--text);font-family:var(--mono);font-size:14px;padding:8px 20px 8px 0}.score .dot{background:#4d773c;width:6px;height:6px}main{max-width:1334px;padding:0 32px 65px;min-height:78vh}.station-mast{display:flex;justify-content:space-between;border-bottom:1px solid #d3d8cd;padding:19px 0;font-size:11px;color:#496062;letter-spacing:1px}.station-mast>span{display:flex;gap:10px;align-items:center}.station-mast i{height:6px;width:6px;background:var(--signal)}.station-mast bdi{font:10px var(--mono);letter-spacing:1.5px}.station-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:62px;align-items:center;padding:66px 0 70px}.issue-label{display:flex;align-items:center;gap:17px;font-size:12px;margin-bottom:23px}.issue-label>span{background:var(--signal);color:white;padding:4px 11px;font-weight:600}.issue-label bdi{font:10px var(--mono);color:#52696a;letter-spacing:1px}.hero-copy h1{font-size:clamp(42px,4.5vw,64px);line-height:1.45;letter-spacing:-1.5px;margin-bottom:20px;font-weight:700}.hero-copy h1>span{color:var(--signal)}.hero-copy>p{max-width:455px;font-size:17px;line-height:1.95;color:#496165}.btn{border-radius:3px;border-color:#a8b6ab;background:transparent;color:var(--text);font-size:15px;min-height:47px;box-shadow:none;padding:10px 20px;transition:background .18s,transform .18s}.btn:hover{background:#e4e9dd;transform:translateY(-1px)}.btn.primary{background:var(--signal);border-color:var(--signal);color:white;box-shadow:0 3px 0 #9d3519}.btn.primary:hover{background:#c73e18}.btn.small{font-size:13px}.start-button{gap:36px}.start-button span{font-size:21px}.text-link{border:0;background:none;color:var(--text);font:inherit;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:5px 0}.text-link:hover{color:#a33117}.operator-sign{display:flex;align-items:center;gap:14px;font-size:12px;margin-top:35px}.operator-sign small{display:block;color:#657778;font-size:11px;margin-top:4px}.signature-line{width:28px;height:1px;background:#4b6769}.machine-cabinet{background:#b8c9bf;border:1px solid #7c968d;border-radius:12px;padding:15px 17px 0;position:relative;box-shadow:8px 11px 0 #dce1d5,9px 12px 0 #aebdb0}.machine-cabinet:before,.machine-cabinet:after{content:'+';position:absolute;top:15px;color:#4d6e65;font:13px var(--mono)}.machine-cabinet:before{right:8px}.machine-cabinet:after{left:8px}.cabinet-top{display:flex;justify-content:space-between;gap:10px;align-items:center;direction:ltr;padding:3px 9px 14px}.serial{font:10px var(--mono);letter-spacing:1.2px;color:#294a43}.machine-pill{font-size:10px;direction:rtl;color:#244c3c;display:flex;align-items:center;gap:6px}.machine-pill i{width:6px;height:6px;background:#39703b;border-radius:50%}.cabinet-screen{background:var(--screen);border:5px solid #79968a;outline:1px solid #d1dfd1;border-radius:8px;padding:19px 20px 15px;position:relative;overflow:hidden;color:#e1eee4;direction:ltr}.screen-top{display:flex;justify-content:space-between;color:#95bbb0;font:9px var(--mono);letter-spacing:1.5px;margin-bottom:17px}.raw-packet{border:1px solid #4a6f6c;display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;padding:11px 14px;background:#15373b;position:relative}.raw-packet:before{content:'';position:absolute;top:-1px;left:-1px;width:5px;height:calc(100% + 2px);background:#f6a071}.packet-key{font:11px var(--mono);color:#b8cbbf}.raw-packet code{color:#f4c4a6;font-size:13px;letter-spacing:.2px}.packet-flag{font-size:10px;color:#f3c1a3;margin-left:auto}.flow-circuit{width:100%;height:auto;display:block;margin:0}.trace{stroke:#6a9582;stroke-width:2}.trace-secondary{stroke:#365b56;stroke-width:1;stroke-dasharray:3 5}.circuit-unit rect{fill:#21483f;stroke:#719b84;stroke-width:1}.circuit-unit path{stroke:#d4e9bd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.circuit-unit text{font:9px var(--mono);text-anchor:middle;fill:#b4cbbb;letter-spacing:2px}.data-pulse{fill:#f59e69}.processed .data-pulse{animation:packet-travel .9s ease-out 1 forwards}.processed .circuit-unit rect{fill:#30563d;stroke:#b5d886}.processed .raw-packet:before{background:var(--lime)}.processed .packet-flag{color:var(--lime)}.output-strip{display:flex;align-items:center;gap:12px;border-top:1px solid #3c625b;padding:12px 0 0;min-height:42px;font:10px var(--mono)}.output-strip>span:first-child{color:#9abab0;font-size:9px;letter-spacing:1px}.output-strip code{color:#b9d4c4;font-family:inherit;font-size:12px;flex:1}.processed .output-strip code,.processed #demo-check{color:var(--lime)}#demo-check{font-size:18px}.cabinet-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 6px;gap:15px}.machine-label{font-size:10px;line-height:1.6;color:#315347}.machine-label b{font-size:11px}.machine-run{border:1px solid #31534a;border-radius:4px;background:#254c43;color:#f3f6e6;box-shadow:0 3px 0 #17352e;min-height:45px;display:flex;align-items:center;justify-content:center;gap:13px;padding:9px 14px;font:500 13px 'IBM Plex Sans Arabic',Tahoma,sans-serif;cursor:pointer}.machine-run:hover{background:#326352}.run-led{width:5px;height:14px;background:#c8eaa3;border-radius:1px}.cabinet-feet{position:absolute;bottom:-8px;display:flex;justify-content:space-between;left:30px;right:30px;z-index:-1}.cabinet-feet i{height:9px;width:35px;background:#769084}.diagram-caption{display:flex;gap:12px;align-items:flex-start;font-size:10px;color:#526966;margin-top:24px;flex-wrap:wrap}.diagram-caption>span{border:1px solid #acbdb1;padding:0 5px}.diagram-caption p{margin:0}.diagram-caption bdi{font:8px var(--mono);margin-inline-start:auto;align-self:center;letter-spacing:.7px}.journey-section{border-top:2px solid var(--machine);padding:30px 0 0;position:relative}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;color:#526b69;letter-spacing:1.3px;margin-bottom:9px}.eyebrow:before{background:var(--signal);width:15px}.journey-heading h2{font-size:30px;margin:0}.journey-meter{text-align:left;min-width:135px}.journey-meter strong{font:23px var(--mono);display:block}.journey-meter>span{font-size:10px;color:#617471}.meter-segments{display:flex;gap:5px;margin-top:7px;direction:ltr}.meter-segments i{height:5px;width:18px;background:#d3d9cd}.meter-segments .lit{background:#4e7844}.route-map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 22px;position:relative}.route-map:before{content:'';position:absolute;left:6%;right:6%;top:24%;bottom:24%;border:2px solid #92a898;border-radius:15px;z-index:-1}.route-module{display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto 1fr auto;gap:16px;background:#e7ede0;border:1px solid #a0b29f;border-bottom:3px solid #90a88f;padding:16px 19px 12px;position:relative;min-height:205px;box-shadow:0 4px 0 #e2e5da;transition:background .18s,transform .18s}.route-module:before,.route-module:after{content:'+';position:absolute;bottom:7px;color:#819780;font:10px var(--mono)}.route-module:before{right:7px}.route-module:after{left:7px}.route-module:hover{background:#dbe8d1;transform:translateY(-3px);border-color:#66845d}.module-top{display:flex;justify-content:space-between;align-items:center;grid-column:1/-1;font-size:10px;color:#546d58}.module-top bdi{font:9px var(--mono);letter-spacing:1px}.module-top>span{display:flex;align-items:center;gap:5px}.module-top>span:before{content:'';width:5px;height:5px;border:1px solid #647e5b;border-radius:50%}.module-glyph{border:1px solid #a4b79d;box-shadow:inset 0 0 0 4px #e7ede0;background:#d4dfc8;width:78px;height:78px;display:grid;place-items:center;color:#3c664a;align-self:center}.module-glyph svg{width:57px;height:57px}.module-en{font:9px var(--mono);color:#597565;letter-spacing:.4px;display:block;direction:ltr;text-align:right;margin-top:3px}.module-copy h3{font-size:21px;line-height:1.4;margin:5px 0 6px}.module-copy p{font-size:12px;line-height:1.7;margin:0;color:#4f665b}.module-bottom{grid-column:1/-1;border-top:1px solid #b6c4ac;padding:10px 0 0;display:flex;align-items:center;justify-content:space-between;font-size:11px}.module-bottom>span{font:10px var(--mono);color:#5b765d}.module-bottom b{font-weight:600;display:flex;gap:18px}.module-bottom b>span{color:#ab3d20;font-size:15px}.module-port{position:absolute;top:50%;width:7px;height:13px;border:1px solid #7c9877;background:#afc3a3}.port-in{right:-5px}.port-out{left:-5px}.route-module.is-done{background:#d6e7c8}.is-done .module-top>span:before{background:#4a773f}.journey-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}.journey-foot p{font-size:12px;color:#52685e;margin:0}.tiny-cross{font:18px var(--mono);margin-left:8px;color:#a84122}.work-order{border-top:1px solid #bcc8b9;border-bottom:1px solid #bcc8b9;padding:22px 0;display:flex;gap:25px;align-items:center;margin-top:10px}.order-stamp{color:#8f442c;border:1px solid #ad674e;transform:rotate(-5deg);padding:7px 10px;font:9px var(--mono);line-height:1.5;letter-spacing:1.5px;text-align:center;flex-shrink:0}.work-order p{font-size:12px;max-width:680px;color:#536963;margin:0}.work-order .text-link{margin-inline-start:auto;white-space:nowrap}.mobile-only{display:none}footer{max-width:1334px;border:0;padding:18px 32px 30px;font-size:10px;color:#536a67}.creator{color:#284a42}.lesson-top{padding-top:26px;margin-bottom:28px}.lesson-heading{max-width:850px;margin-bottom:28px}.lesson-heading h1{font-size:43px;margin-bottom:12px;line-height:1.45}.lesson-heading p{font-size:16px;max-width:750px;color:#4e686b}.unit-tag{display:flex;align-items:center;gap:13px;margin:0 0 15px}.unit-tag>span{width:38px;height:38px;background:#dfe6d8;display:grid;place-items:center;border:1px solid #a7b9aa}.unit-tag svg{width:28px;height:28px;color:#3e6d58}.unit-tag bdi{font:11px var(--mono);letter-spacing:1px;color:#48665b}.unit-tag i{font-size:11px;font-style:normal;color:#6a7b70;border-right:1px solid #becabd;padding-right:13px}.badge{border-radius:2px;background:#e3ebd9;color:#365a40;border-color:#9cb28f;font-size:11px}.panel{border-radius:4px;border:1px solid #bcc9b8;background:#f9faf3;padding:26px;box-shadow:0 3px 0 #e3e7dc}.panel p{color:#526a65}.panel h2{font-size:25px}.panel-label{font:10px var(--mono);color:#53816b;letter-spacing:1px}#game{position:relative;background:#c4d0c2;border:1px solid #8b9f8c;border-radius:8px;padding:19px;box-shadow:0 6px 0 #a0b49d,0 8px 0 #7e967b;margin-bottom:30px}#game:before,#game:after{content:'+';font:11px var(--mono);position:absolute;top:5px;color:#4f6f55}#game:before{right:8px}#game:after{left:8px}#game .workspace{gap:16px}#game .panel{background:var(--machine);color:#eef3e6;border:1px solid #68857a;border-radius:4px;box-shadow:inset 0 0 0 4px #214149;padding:25px}#game .panel-label{color:#b6d0ba}#game .panel p{color:#c0d0c3;font-size:15px}#game h2{font-size:24px}#game code{color:#d4ebaf}#game pre{border-radius:2px;background:#0a242a;border:1px solid #54746d;border-left:3px solid #bdce9c;color:#e7efdf;font-size:15px;padding:18px}#game select,#game input[type=text]{border-radius:2px;background:#0f2a30;color:#edf3e5;border-color:#8aa397;font-size:15px}#game label{color:#e8f0df}#game .note{background:#294a44;border-color:#abc397;color:#e0e8d3;font-size:13px}#game .output{border-radius:2px;background:#0c282c;color:#ddf3b3;border:1px solid #79996c;border-left:4px solid #bad48a;font-size:15px;position:relative;padding:20px}#game .output:before{content:'◉';position:absolute;right:10px;top:3px;font-size:10px;color:#94c57a}#game .checkline{border-radius:2px;border:1px solid #648476;background:#24463f;font-size:15px;gap:13px;min-height:59px}#game .checkline:has(input:checked){background:#3c5b3e;border-color:#bbd58e}#game input[type=checkbox]{appearance:none;flex-shrink:0;width:20px;height:26px;border:1px solid #b9c9ac;background:#0e2c2c;box-shadow:inset 0 0 0 4px #28443b;position:relative;border-radius:2px;cursor:pointer}#game input[type=checkbox]:checked{background:#c5e69a;box-shadow:inset 0 0 0 4px #345037}#game input[type=checkbox]:checked:after{content:'✓';color:#24422c;font-size:12px;position:absolute;inset:0;text-align:center;line-height:24px}#game .btn.primary{background:#d4edac;color:#16352c;border-color:#d4edac;box-shadow:0 3px 0 #7f9e62}#game .btn.primary:hover{background:#e3f6c2}#game .choice{background:#25473f;border:1px solid #73927f;color:#eaf0de;border-radius:2px;padding:16px 20px;position:relative;padding-inline-end:42px}#game .choice:after{content:'';position:absolute;left:15px;top:calc(50% - 4px);width:8px;height:8px;border:1px solid #98ac8a;border-radius:50%}#game .choice:hover{background:#355740;border-color:#b9d48e}#game .choice[aria-pressed=true]{background:#3b5c3d;border-color:#d4eda4}#game .choice[aria-pressed=true]:after{background:#cdeca0}.case-counter{font:11px 'IBM Plex Sans Arabic',Tahoma,sans-serif;color:#c8dcb9;letter-spacing:.5px}.routing-bus{display:flex;align-items:center;gap:22px;padding:8px 10px 20px}.bus-title{font-size:11px;color:#365640;flex-shrink:0}.routing-bus #wire-preview{display:flex;gap:24px;flex:1;direction:ltr}.wire-line{display:flex;align-items:center;gap:7px;flex:1;font:10px var(--mono);min-width:0}.wire-line code{font:10px var(--mono);color:#3e5d44!important;white-space:nowrap}.wire-line i{height:1px;background:#6f8774;flex:1;min-width:12px;position:relative}.wire-line i:after{content:'';position:absolute;right:0;top:-3px;border:1px solid #6f8774;width:5px;height:5px;border-radius:50%;background:#c5d0c1}.wire-line.connected i{height:2px;background:#3e7835}.wire-line.connected i:after{background:#3e7835;border-color:#3e7835}.pipeline-overview{display:flex;justify-content:center;align-items:center;gap:20px;padding:5px 10px 20px;font:10px var(--mono);color:#385b44;direction:rtl}.pipeline-overview span{display:flex;gap:8px;align-items:center}.pipeline-overview b{font:12px 'IBM Plex Sans Arabic',Tahoma,sans-serif}.pipeline-overview i{font-style:normal;color:#668764}#game[data-machine=launch] .workspace{grid-template-columns:1fr 1fr}#game[data-machine=launch] pre{max-height:400px;overflow:auto}.feedback{border-radius:2px;background:#e6ece0;border-color:#a9bca0;color:#34553b;padding:18px 22px}.feedback.good{background:#dceccb;border-color:#7d9f65;color:#2f522e}.feedback.bad{background:#f5e1d3;border-color:#bd8062;color:#873d23}.hint{color:#526c65}.hint summary{color:#3d6c59;border-bottom:1px solid #b9c9b5;font-size:14px}.hint p{border-radius:2px;background:#e0e9d9;color:#355640}.note{border-radius:0;background:#e3ebdc;border-color:#799d6d;color:#3a5e4b;font-size:14px}summary{color:#3b6d57}.choice{border-radius:2px;background:#f8faf2;border-color:#acbfa5;color:#244c37}.choice:hover{background:#e7efdc;border-color:#809f6b}.result-title{color:#355f36}.success-mark{color:#386c3a}.guide-grid .panel{border-top:3px solid #8ca57d}.guide-grid h2 bdi{font:20px var(--mono);color:#416c50}.guide-grid{padding-top:20px}.login-panel{margin-top:50px;border-top:5px solid var(--signal);box-shadow:8px 8px 0 #dce5d5}.login-panel h1{font-size:36px}input[type=text],input[type=password],select{border-radius:2px;background:#fffef7;color:var(--text);border-color:#91aa92}.trainer-nav{padding-top:30px;padding-bottom:20px;border-bottom:1px solid #b3c5aa}.trainer-nav~.lesson-heading{border-right:4px solid #cc4d26;padding-right:22px}.stats-grid .panel{background:#dfe9d5;border-top:3px solid #768f67;border-radius:2px;box-shadow:none}.stats-grid strong{font-family:var(--mono);color:#38613d}.stats-grid span{color:#486248}.leaderboard .rank{color:#a23b20}.leaderboard td{color:#274936}.leaderboard th{font-size:12px;font-weight:500;color:#536f52}.leaderboard th,.leaderboard td{border-color:#c0cfb3}.leaderboard tr:hover td{background:#edf2e4}.leaderboard details small{color:#4d6955}.empty-state{border:1px dashed #8ba778;background:#e6efdc}.empty-state h3{color:#345b37}.table-wrap{border-radius:2px}.games-grid .mission{background:#e4edd9;border-color:#94b080;border-radius:3px;color:#254631}.games-grid .mission .num{color:#56734c}.games-grid .mission .symbol{color:#4f7849}.games-grid .mission p{color:#45613e}.games-grid .mission h2{font-size:23px}.games-grid .mission .btn.primary{background:#244d3d;color:white;border-color:#244d3d;box-shadow:0 3px 0 #16382c}.game-link summary{font-size:12px}.game-link input{background:#f7faef;color:#254a34;border-color:#8ba67d}.share-banner{background:#e4ecd9;border-color:#9ab284}.share-banner h2{color:#345636}.share-banner p{color:#4c6544}.submission-panel{border-top:4px solid #426a4b;background:#e6eedd}.submission-panel .eyebrow{color:#426341}#toast{background:#274f3a;color:#f1f6e6;border-radius:2px;border:1px solid #83a567}.skip{background:#f5c2a1;color:#253d35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d64a22;outline-offset:4px}@keyframes packet-travel{0%{transform:translateX(0);opacity:1}100%{transform:translateX(435px);opacity:1}}
@media(min-width:1500px){.station-hero{padding:76px 0 80px}.hero-copy h1{font-size:68px}}@media(max-width:1050px){.station-hero{gap:28px}.hero-copy h1{font-size:46px}.route-module{grid-template-columns:60px 1fr;gap:12px;padding:13px 15px}.module-glyph{width:58px;height:64px}.module-glyph svg{width:46px;height:46px}.module-copy h3{font-size:19px}.cabinet-screen{padding:15px 12px}.raw-packet{padding:9px}.raw-packet code{font-size:11px}.packet-flag{font-size:9px}.diagram-caption bdi{display:none}.route-map{gap:15px}.module-en{font-size:8px}}
@media(max-width:800px){header{padding:18px 22px;gap:18px}header nav{order:0;width:auto;margin-inline-start:auto;font-size:12px;gap:18px}.score{margin:0;padding-left:0;font-size:12px}.brand{font-size:18px}.brand small{font-size:10px}.brand-icon{width:35px;height:40px}header nav a[aria-current]:after{bottom:-21px}main{padding:0 22px 45px}.station-mast{padding:15px 0}.station-mast bdi{font-size:8px;letter-spacing:.5px}.station-hero{grid-template-columns:1fr;padding:36px 0 45px;gap:35px}.hero-copy h1{font-size:49px;line-height:1.35}.hero-copy>p{font-size:16px;max-width:540px}.hero-copy .actions{margin-top:22px}.operator-sign{margin-top:24px}.hero-apparatus{max-width:580px;width:100%;margin:0 auto}.cabinet-screen{padding:18px}.raw-packet code{font-size:13px}.packet-flag{font-size:10px}.diagram-caption{margin-top:24px}.journey-heading h2{font-size:26px}.route-map{grid-template-columns:repeat(2,1fr);gap:18px}.route-module{grid-template-columns:65px 1fr;padding:16px 19px;min-height:200px}.module-glyph{width:62px;height:68px}.module-copy h3{font-size:20px}.module-en{font-size:9px}.route-map:before{left:25%;right:25%;top:10%;bottom:10%;border-width:2px}.journey-foot{flex-direction:column;align-items:flex-start;gap:4px}.work-order{gap:16px;flex-wrap:wrap}.work-order p{max-width:calc(100% - 120px);font-size:11px}.work-order .text-link{margin:0;font-size:12px}.lesson-heading h1{font-size:34px}.lesson-heading p{font-size:15px}.workspace{grid-template-columns:1fr}#game .workspace{grid-template-columns:1fr}#game{padding:17px 11px;margin-bottom:24px}#game .panel{padding:22px}#game h2{font-size:23px}.routing-bus{align-items:flex-start;padding:5px 4px 18px;gap:12px}.routing-bus #wire-preview{gap:10px;flex-wrap:wrap}.wire-line{flex-basis:100%;font-size:10px}.wire-line i{max-width:85px}.pipeline-overview{gap:10px;padding:7px 4px 17px}.pipeline-overview span{gap:5px}.pipeline-overview b{font-size:11px}.unit-tag{gap:10px}.unit-tag i{font-size:10px}.lesson-top{padding-top:22px}.trainer-nav{padding-top:22px}.stats-grid{gap:10px}.stats-grid .panel{padding:16px}.stats-grid strong{font-size:28px}.stats-grid span{font-size:12px}footer{padding:10px 22px 25px;gap:8px;flex-direction:column}.guide-grid{gap:15px}.guide-grid .panel{padding:22px}}
@media(max-width:500px){header{gap:14px;flex-wrap:wrap}.brand{font-size:18px}header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #d0d8ca;padding-top:9px;gap:12px}header nav a{font-size:13px}header nav a[aria-current]:after{bottom:-9px}.score{margin-inline-start:auto}.station-mast bdi{display:none}.station-mast{font-size:10px}.station-hero{padding:30px 0 35px;gap:30px}.issue-label{gap:10px;margin-bottom:18px}.issue-label bdi{font-size:8px}.hero-copy h1{font-size:42px;letter-spacing:-1px}.hero-copy>p{font-size:15px;line-height:1.9}.hero-copy .actions{gap:20px}.hero-copy .actions .btn{flex-grow:0;font-size:14px;padding:10px 16px}.start-button{gap:20px}.text-link{font-size:12px;gap:10px}.operator-sign{font-size:11px}.operator-sign small{font-size:10px}.machine-cabinet{padding:11px 10px 0;border-radius:8px;box-shadow:5px 7px 0 #dce1d5,6px 8px 0 #aebdb0}.serial{font-size:8px;letter-spacing:.6px}.cabinet-top{padding:3px 5px 12px}.machine-pill{font-size:9px;gap:4px}.cabinet-screen{padding:13px 11px 10px;border-width:4px}.screen-top{font-size:8px;letter-spacing:.5px;margin-bottom:13px}.raw-packet{gap:7px}.raw-packet code{font-size:10px}.packet-key{font-size:9px}.packet-flag{font-size:9px}.flow-circuit{margin:-2px 0}.output-strip{gap:8px;padding-top:8px}.output-strip code{font-size:10px}.output-strip>span:first-child{font-size:8px}.cabinet-bottom{padding:12px 4px;gap:10px}.machine-label{font-size:9px}.machine-label b{font-size:10px}.machine-run{font-size:12px;gap:8px;padding:8px 10px;min-height:44px}.diagram-caption{font-size:9px;gap:8px;margin-top:20px}.diagram-caption>span{font-size:8px}.journey-section{padding-top:23px}.journey-heading{gap:15px;align-items:flex-start;margin-bottom:22px}.journey-heading h2{font-size:25px}.journey-meter{min-width:103px}.journey-meter strong{font-size:20px}.journey-meter>span{font-size:9px}.meter-segments i{width:13px}.mobile-only{display:block}.route-map{grid-template-columns:1fr;gap:15px;padding-right:15px}.route-map:before{right:3px;left:auto;top:10%;bottom:10%;width:1px;border-radius:0;border:0;background:#99b08e}.route-module{grid-template-columns:68px 1fr;min-height:180px;padding:14px 17px;gap:12px}.module-top{font-size:9px}.module-glyph{width:65px;height:66px}.module-copy h3{font-size:22px;margin:3px 0}.module-copy p{font-size:12px}.module-en{font-size:8px}.module-bottom{padding-top:8px}.port-in{right:-17px;width:16px;height:2px;border:0;background:#8ca57c}.port-out{display:none}.journey-foot p{font-size:11px}.work-order{padding:20px 0;gap:15px}.order-stamp{font-size:8px;letter-spacing:1px;padding:7px}.work-order p{max-width:calc(100% - 97px)}.lesson-top>.actions{gap:8px!important}.lesson-top .btn{font-size:12px;padding:8px 12px}.lesson-heading h1{font-size:32px}.unit-tag bdi{font-size:10px}.unit-tag i{display:none}#game pre{font-size:13px;padding:15px}#game .panel{padding:20px 16px}#game .checkline{font-size:13px;padding:12px;gap:12px}#game .checkline code{font-size:11px;margin:0}#game .choice{font-size:14px;padding:14px 16px;padding-inline-end:36px}#game .btn{font-size:14px}.routing-bus .bus-title{font-size:10px}.pipeline-overview{gap:7px;flex-wrap:wrap}.pipeline-overview span{font-size:8px}.pipeline-overview b{font-size:10px}.stats-grid .panel{padding:12px 9px}.stats-grid span{font-size:10px}.stats-grid strong{font-size:27px}.trainer-nav .btn{font-size:12px;padding:9px 12px}.login-panel{margin-top:25px}.login-panel h1{font-size:31px}.games-grid .mission{min-height:210px}.panel{padding:22px}.result-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.processed .data-pulse{transform:translateX(435px)}}
.machine-symbol{display:block;width:65px;height:65px}.machine-symbol svg{width:100%;height:100%}.module-copy p{font-size:13px}.module-top{font-size:11px}.module-bottom{font-size:12px}@media(max-width:500px){.module-copy p{font-size:13px}}

body[data-view=guide] main,body[data-view=result] main{padding-top:32px}