@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111412;--panel:#1b211d;--text:#f0f2e9;--muted:#a9b3a8;--line:#343d35;--accent:#ff713f;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}button,a,input{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:6px;padding:8px 16px}button:hover,a.button:hover{background:#3b443b}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:default}.wrap{max-width:1320px;margin:0 auto;padding-left:44px;padding-right:44px}header{height:90px;display:flex;align-items:center;gap:32px;max-width:1450px;margin:auto;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;font:500 17px var(--display);white-space:nowrap}.brandmark{display:inline-grid;place-items:center;width:32px;height:34px;background:var(--accent);color:#141714;font:bold 28px var(--display);border-radius:5px;margin-right:8px}nav{display:flex;gap:30px;margin:auto;font-size:14px}nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid #62705d;border-radius:6px;padding:13px 24px;line-height:1.4}.button.small{font-size:14px;padding:11px 18px}.button.orange{background:var(--accent);color:#151a15;border-color:var(--accent)}.button.orange:hover{background:#ff976d}.hero{display:grid;grid-template-columns:.95fr 1.15fr;gap:30px;padding-top:60px;padding-bottom:56px;min-height:620px}.eyebrow{font:500 12px/1.5 var(--display);letter-spacing:.15em;color:var(--accent);margin:0 0 24px}h1,h2,h3,h4{font-family:var(--display);font-weight:500;line-height:1.1;margin:0}h1{font-size:clamp(52px,5.8vw,83px);letter-spacing:-.055em;margin-bottom:24px}h1 em{color:var(--accent);font-style:normal}h2{font-size:clamp(36px,4vw,53px);letter-spacing:-.045em}h3{font-size:25px;letter-spacing:-.02em}h4{font-size:16px;margin-top:13px;color:var(--accent)}p{color:var(--muted);margin:18px 0}.intro{font-size:18px;max-width:490px;line-height:1.65}.actions{display:flex;align-items:center;gap:26px;margin-top:30px}.textlink{font-size:14px}.play-icon{margin-left:9px;color:var(--accent)}.hero-foot{display:flex;justify-content:space-between;font:12px var(--display);letter-spacing:.05em;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:44px}.model-stage{position:relative;min-height:485px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 45%,#354233,#1a211b 68%);border-radius:14px;overflow:hidden}.stage-title{position:absolute;z-index:2;left:24px;right:24px;top:22px;display:flex;align-items:center;justify-content:space-between;font:12px var(--display);letter-spacing:.1em}.pill{border:1px solid #7b8b74;border-radius:30px;padding:4px 10px;color:#cbd7bd}.model-stage canvas{width:100%;height:100%;position:absolute;touch-action:none}.model-controls{position:absolute;bottom:56px;left:0;right:0;display:flex;justify-content:center;gap:5px}.model-controls button{font-size:13px;background:#182019bb;padding:7px 12px;border-radius:4px}.model-controls button.active{background:var(--accent);border-color:var(--accent);color:#171a14}.stage-caption{position:absolute;bottom:9px;width:100%;text-align:center;font-size:12px;color:#bec9b4}.canvas-status{position:absolute;top:42%;text-align:center;width:100%;padding:20px}.ticker{display:flex;justify-content:center;gap:58px;border-block:1px solid var(--line);padding:22px 30px;background:#171c18;font:12px var(--display);letter-spacing:.11em;color:#b2beaa}.ticker span:before{content:'+';color:var(--accent);margin-right:20px}.section{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.section-heading>p{max-width:380px;margin-bottom:2px}.game-shell{border:1px solid #4a5447;border-radius:12px;overflow:hidden;background:#1c241e}.game-top,.game-bottom{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mission-label{font:12px var(--display);color:var(--accent);letter-spacing:.05em}.mission-label b{color:var(--text);margin-left:20px;font-weight:500}.game-stats{display:flex;gap:24px;font:12px var(--display);color:#bbc8b1}.game-view{height:560px;position:relative;background:#778e7a}.game-view>canvas{width:100%;height:100%;display:block;touch-action:none}.game-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:38px;max-width:480px;width:90%;text-align:center;background:#111b16ed;border:1px solid #5d7059;border-radius:12px}.game-message h3{font-size:44px}.game-message .eyebrow{font-size:11px}.game-message p{font-size:15px}.game-message[hidden]{display:none}.camera-buttons{position:absolute;top:18px;right:18px;display:flex;gap:8px}.camera-buttons button{font-size:13px;background:#17231dde;border-color:#60715a}.game-hud{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#111b16ed;border:1px solid #738468;padding:10px 20px;border-radius:8px;text-align:center;font-size:14px;min-width:240px}.game-hud progress{display:block;width:100%;height:5px;margin-top:8px;accent-color:var(--accent)}.game-bottom p{font-size:13px;margin:0}kbd{border:1px solid #59614f;border-radius:3px;padding:4px 6px;font-size:12px;margin-right:3px}.game-bottom p span{margin:0 9px}.game-bottom button{font-size:14px}.touch-controls{display:none;text-align:center}.touch-controls button{width:48px;height:44px;margin:3px;touch-action:none}.fine{font-size:13px;line-height:1.65}.film-section{background:#e4e9db;color:#1b241c;padding:70px 0}.film-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.film-grid .eyebrow{color:#904623}.film-grid p{color:#596150}.film-grid video{width:100%;background:#0c0e0d;border-radius:8px;aspect-ratio:16/9}.tag{font:12px var(--display);letter-spacing:.09em;border:1px solid currentColor;border-radius:4px;padding:6px 10px;display:inline-block;margin-top:12px}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.tech-grid article{padding:30px 25px 30px 0}.tech-grid article+article{border-left:1px solid var(--line);padding-left:25px}.tech-number{font:14px var(--display);color:#7e8b77;display:block;margin-bottom:45px}.tech-grid p{font-size:15px}.system-flow{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding:30px;background:#1d241e;border-radius:8px;gap:12px;font-family:var(--display)}.system-flow small{display:block;color:var(--muted);font:13px 'DM Sans';margin-top:8px}.system-flow>b{color:var(--accent)}.journey{border-top:1px solid var(--line)}.journey-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.build-image img{display:block;width:100%;border-radius:8px}.build-image>span{display:block;font:11px var(--display);letter-spacing:.07em;margin:15px 0 30px;color:var(--muted)}.timeline article{display:flex;gap:24px;padding-bottom:27px;margin-bottom:27px;border-bottom:1px solid var(--line)}.timeline article>span{font:14px var(--display);color:var(--accent);padding-top:4px}.timeline h3{font-size:23px}.timeline p{font-size:15px;margin:12px 0}.timeline small{font:11px/1.6 var(--display);letter-spacing:.04em;color:#8f9b85}.safety-section{background:#1a221c}.safety-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.token-panel{border:1px solid #526047;padding:32px;border-radius:8px}.token-panel .tag{color:var(--accent);margin:0 0 28px}.token-panel h3{font-size:32px}.token-panel ol{padding-left:22px;color:var(--muted);font-size:15px}.token-panel li{padding:9px 0 9px 6px}.token-panel li strong{color:var(--text)}code{font-size:13px;overflow-wrap:anywhere;color:#e5d8b9}.safety-notes article{border-bottom:1px solid #3a4637;padding:0 0 18px;margin-bottom:27px}.safety-notes h3{font-size:23px}.safety-notes p{font-size:15px;margin-bottom:0}details{margin-top:35px;border-top:1px solid #495740;padding-top:22px}summary{cursor:pointer;font-family:var(--display)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:42px;padding-bottom:42px}footer p{font-size:13px}footer p span{color:#758370}footer>a:last-child{font-size:14px}
@media(max-width:1000px){header{padding:0 24px}nav{gap:18px}.wrap{padding-left:28px;padding-right:28px}.hero{gap:20px}.model-stage{min-height:440px}.hero-foot{font-size:10px}.ticker{gap:20px;flex-wrap:wrap}.ticker span:before{margin-right:8px}.film-grid{gap:30px}.journey-grid{gap:36px}.safety-grid{gap:30px}.game-view{height:480px}}
@media(max-width:760px){header{height:auto;min-height:80px;flex-wrap:wrap;padding:20px;gap:20px}.brand{font-size:14px}header>.button{margin-left:auto;padding:10px;font-size:12px}nav{order:3;width:100%;justify-content:space-between;font-size:13px}.wrap{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hero-copy h1{font-size:64px}.hero-foot{margin-top:30px;font-size:11px}.model-stage{height:420px}.ticker{gap:15px;font-size:10px;padding:18px}.section{padding-top:62px;padding-bottom:60px}.section-heading{display:block}.section-heading>p{margin-top:24px}.section-heading h2{font-size:40px}.game-top{padding:15px;flex-wrap:wrap;gap:13px}.game-stats{width:100%;justify-content:space-between}.game-view{height:420px}.game-bottom{flex-wrap:wrap;padding:15px}.game-bottom>p{display:none}.touch-controls{display:block;width:100%}.game-bottom>div:not(.touch-controls){margin:auto}.film-grid,.journey-grid,.safety-grid{grid-template-columns:1fr}.film-section{padding:48px 0}.film-grid{gap:30px}.tech-grid{grid-template-columns:1fr 1fr}.tech-grid article:nth-child(3){border-left:0;padding-left:0}.tech-grid article{border-bottom:1px solid var(--line)}.tech-number{margin-bottom:28px}.system-flow{flex-direction:column;align-items:stretch;text-align:center}.system-flow>b{transform:rotate(90deg)}.token-panel{padding:23px}footer{flex-direction:column;align-items:flex-start}h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Arcade workshop: colours and shapes drawn from the original project graphic. */
:root{color-scheme:light;--bg:#eef5ff;--panel:#fff;--text:#112b60;--muted:#4b6084;--line:#bccce9;--accent:#ca1267;--display:'Space Grotesk',sans-serif}
body{background-color:var(--bg);background-image:radial-gradient(#9db8e244 .8px,transparent .8px);background-size:18px 18px}header{height:104px;border-bottom:2px solid #183e85;background:#eef5fff5}.brand img{width:200px;height:auto;display:block}header nav{gap:24px;font-size:14px}header>.button{background:#183e85;color:#fff;border:2px solid #10295b;box-shadow:4px 4px 0 #22c6f3;border-radius:3px}.hero{padding-top:34px;min-height:650px;gap:35px;align-items:stretch}.hero-logo{width:100%;max-width:560px;height:auto;display:block;margin:-8px 0 8px;filter:drop-shadow(0 9px 0 #86a7e420)}.hero .eyebrow{font-size:12px;margin-bottom:14px}.hero h1{font-size:clamp(45px,4.8vw,65px);letter-spacing:-.055em}.hero .intro{font-size:17px;line-height:1.6;margin-top:14px}.hero-foot{font-size:12px;margin-top:29px;border-top:2px dashed #98afd4}.button{border:2px solid #17386f;border-radius:3px;box-shadow:4px 4px 0 #a5bbdf;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(-1px,-2px);box-shadow:6px 6px 0 #7b98c3;background:#d8e6ff}.button.orange{background:#f42f96;border-color:#162f68;color:#fff;box-shadow:4px 4px 0 #1a3b7c}.button.orange:hover{background:#d51476}.textlink{font-size:15px;font-weight:600}.play-icon{color:#bc095b}.model-stage{background:radial-gradient(ellipse at 50% 38%,#335e9d,#112851 70%);border:2px solid #10295b;border-radius:8px;box-shadow:9px 9px 0 #b7cdee;min-height:565px;color:#eff7ff}.stage-title{font-size:13px}.pill{border:1px solid #37d2f2;color:#57e3ff;background:#0a244e}.stage-caption{color:#cae3ff;font-size:13px}.model-controls button{background:#132d59;color:#dcecff;border-color:#667fad;font-size:14px}.model-controls button:hover{background:#235080}.model-controls button.active{background:#26d8f4;color:#092352;border-color:#26d8f4}.ticker{background:#143577;color:#fff;border-block:2px solid #092855;gap:32px;padding:22px 20px;font-size:12px}.ticker span:before{content:'✦';color:#28dff6;margin-right:12px}.section{padding-top:85px;padding-bottom:80px}.section-heading .eyebrow{font-size:13px;letter-spacing:.12em}h2{font-weight:600}.game-shell{border:2px solid #153470;box-shadow:8px 8px 0 #afc8f1;background:#14316d;border-radius:8px;color:#fff}.game-top{background:#14316d;border-bottom:3px solid #1dd5ee}.mission-label{color:#58e7fa;font-size:13px}.mission-label b{color:#fff}.game-stats{color:#e0efff;font-size:13px}.game-bottom p{color:#d2e5ff}.game-bottom button{color:#f1f8ff;border-color:#738fbb}.game-bottom button:hover{background:#244b85}.game-message{background:#10265aef;border:2px solid #27d9f5;border-radius:4px;box-shadow:7px 7px 0 #ee3299;color:#fff}.game-message .eyebrow{color:#65e9ff}.game-message p{color:#d3e9ff}.game-message .button{box-shadow:4px 4px 0 #011438}.game-hud{background:#10265aef;border-color:#33d7ee;color:#fff}.camera-buttons button{background:#10265aea;color:#fff;border-color:#70aeeb}.game-hud progress{accent-color:#f43a9e}kbd{border-color:#8daadc;color:#fff}.film-section{background:#dcecff;border-block:2px solid #163976}.film-grid .eyebrow{color:#b70d60}.film-grid p{color:#4b6084}.film-grid h2{color:#112b60}.film-grid video{border:3px solid #173d85;box-shadow:8px 8px 0 #f792c7}.tag{font-size:13px}.tech-grid{grid-template-columns:repeat(4,1fr);border:0;gap:18px}.tech-grid article,.tech-grid article+article{padding:26px 24px;background:#fff;border:2px solid #a7bbde;border-radius:5px;box-shadow:4px 4px 0 #d1def3;position:relative}.tech-grid article:nth-child(3n+1){border-top:5px solid #1b73d8}.tech-grid article:nth-child(3n+2){border-top:5px solid #e82491}.tech-grid article:nth-child(3n){border-top:5px solid #15b9d8}.tech-number{font-size:12px;color:#425e8c;margin-bottom:30px}.tech-grid h3{font-size:25px}.tech-grid h4{font-size:16px;line-height:1.4}.tech-grid p{font-size:16px;line-height:1.65}.channel-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;background:#143577;color:#d9ecff;border-radius:5px;padding:20px 24px;font-size:14px}.channel-strip strong{color:#6ee9ff;font:12px var(--display);letter-spacing:.1em}.channel-strip b{background:#254e91;padding:5px 7px;margin-right:8px;border:1px solid #638bbd;border-radius:3px;color:#fff}.power-section{background:#132a5b;color:#eef7ff;border-block:4px solid #22d5f0}.power-section .eyebrow{color:#58e2f6}.power-section p{color:#c3d5f2}.power-tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.power-tabs button{color:#d8eaff;border:2px solid #7295c9;border-radius:4px;padding:11px 20px;font-weight:600}.power-tabs button[aria-pressed=true]{background:#34dded;color:#102356;border-color:#34dded;box-shadow:4px 4px 0 #ed359a}.power-tabs button:hover{background:#284f87}.power-tabs button[aria-pressed=true]:hover{background:#7beff9}.power-map{padding:10px 0}.power-lane{display:grid;grid-template-columns:100px 1fr 25px 1fr 25px 1fr;align-items:center;gap:18px;padding:18px;border:2px solid #3d5d90;border-radius:7px;margin:14px 0;background:#183665;transition:background .2s,border-color .2s}.source-badge{font:12px/1.6 var(--display);color:#b6cdeb;letter-spacing:.05em}.power-node small{display:block;font-size:12px;letter-spacing:.05em;color:#b7d1f4;margin-bottom:6px}.power-node strong{font:500 21px/1.3 var(--display)}.connector{color:#6395c6}.power-map[data-path=pi] .pi-lane,.power-map[data-path=motor] .motor-lane,.power-map[data-path=servo] .servo-lane{border-color:#39e2f3;background:#1b4a7f;box-shadow:5px 5px 0 #061b43}.power-map[data-path=pi] .pi-lane .connector,.power-map[data-path=motor] .motor-lane .connector,.power-map[data-path=servo] .servo-lane .connector{color:#54efff}.power-explainer{display:grid;grid-template-columns:1fr 1.2fr;gap:10px 45px;padding:26px 0 15px;min-height:175px}.power-explainer>span{grid-column:1/-1;font:13px var(--display);letter-spacing:.09em;color:#60e5ff}.power-explainer h3{font-size:30px;line-height:1.25}.power-explainer p{margin:0;font-size:16px}.power-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:38px}.power-lessons article{background:#e8f2ff;color:#0f2b60;padding:27px;border-radius:4px}.power-lessons p{color:#486085;font-size:16px}.lesson-stamp{font:12px var(--display);letter-spacing:.07em;color:#c21469;display:block;margin-bottom:20px}.power-section details{border-color:#557aab}.power-section details a{color:#6beaff;text-decoration:underline;text-underline-offset:3px}.journey{border-top:0}.chapter-strip{display:flex;justify-content:space-between;gap:15px;border-block:2px dashed #8fa9ce;padding:18px 0;margin-bottom:42px;font:12px var(--display);color:#315383;letter-spacing:.05em}.journey-grid{grid-template-columns:.8fr 1.2fr;gap:65px}.build-image img{border:2px solid #7394c6;box-shadow:7px 7px 0 #c3d4f0}.build-image>span{font-size:12px}.workshop-note{padding:24px 28px;background:#ffe777;border:2px solid #173970;box-shadow:6px 6px 0 #b5cae9;transform:rotate(-2deg);margin:22px 8px 40px}.workshop-note span{font:12px var(--display);letter-spacing:.1em;color:#715517}.workshop-note p{font:600 29px/1.2 var(--display);color:#243b66;margin-bottom:4px}.timeline article{gap:20px;border-bottom:2px dashed #b7c9e4}.timeline article>span{display:grid;place-items:center;min-width:38px;height:38px;background:#163b83;color:#fff;border:2px solid #092858;box-shadow:3px 3px 0 #39cce9;border-radius:4px;padding:0;font-size:14px}.timeline p{font-size:16px}.timeline small{font-size:12px;color:#536d94}.bench-lab{margin-top:50px;background:#fff;padding:35px;border:2px solid #204985;box-shadow:8px 8px 0 #c1d5f2;border-radius:5px}.bench-lab .eyebrow{margin-bottom:15px}.bench-lab>div>p{font-size:16px}.bench-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.bench-buttons button{border:2px solid #a0b7d9;font-size:15px;background:#f3f7ff;color:#214575;border-radius:4px}.bench-buttons button[aria-pressed=true]{background:#173e88;border-color:#173e88;color:#fff;box-shadow:3px 3px 0 #fa75ba}.bench-buttons button:hover{background:#d3e6ff}.bench-buttons button[aria-pressed=true]:hover{background:#2657a6}.bench-detail{padding:25px 30px;border-left:5px solid #16bedc;background:#e9f5ff;min-height:245px}.bench-detail .tag{margin:0 0 18px;color:#a7175e}.bench-detail p{font-size:16px}.bench-detail strong{color:#173970}.next-level{margin-top:70px;text-align:center;padding:45px 25px;background:#dae8ff;border:2px solid #739bd3;border-radius:6px}.next-level>span{font:13px var(--display);letter-spacing:.1em;color:#b61169}.next-level h3{font-size:38px;margin-top:18px}.next-level p{max-width:700px;margin:22px auto}.safety-section{background:#122653;color:#f2f8ff}.safety-section p,.safety-section ol{color:#c3d3ed}.safety-section .eyebrow,.safety-section .tag{color:#69e5f8}.safety-section li strong{color:#fff}.token-panel{border:2px solid #5476aa;background:#193564;box-shadow:6px 6px 0 #071a3a}.token-panel .fine{color:#a8c2e5}.safety-notes article{border-color:#49658f}.safety-notes p{font-size:16px}.safety-section details{border-color:#5a76a0}.safety-section code{color:#7aefff}.token-panel li{font-size:16px}footer{border-top:2px solid #b5c9e6}footer p span{color:#596f91}.fine{font-size:14px}button:focus-visible,a:focus-visible{outline-color:#bf126b}.power-section button:focus-visible,.safety-section a:focus-visible{outline-color:#6df3ff}
@media(max-width:1100px){header nav{gap:14px}.brand img{width:165px}.hero{gap:24px}.tech-grid{grid-template-columns:repeat(2,1fr)}.journey-grid{gap:36px}.power-lane{gap:12px;grid-template-columns:85px 1fr 20px 1fr 20px 1fr}.power-node strong{font-size:19px}.channel-strip{flex-wrap:wrap}.power-lessons{gap:16px}}
@media(max-width:760px){header{height:auto;padding:15px 20px}.brand img{width:160px}header nav{font-size:13px;gap:10px}header>.button{font-size:12px;padding:9px}.hero{padding-top:30px}.hero-logo{max-width:510px;margin-bottom:18px}.hero h1{font-size:clamp(42px,10vw,60px)}.model-stage{min-height:440px}.hero-foot{font-size:11px}.ticker{gap:18px;font-size:11px}.section{padding-top:60px;padding-bottom:60px}.tech-grid{gap:14px}.tech-grid article,.tech-grid article+article,.tech-grid article:nth-child(3){padding:20px 16px;border:2px solid #a7bbde;border-top:5px solid #20b8d7}.tech-grid h3{font-size:23px}.tech-number{font-size:11px;margin-bottom:22px}.channel-strip{gap:17px;font-size:13px}.channel-strip>strong{width:100%}.power-tabs{gap:9px}.power-tabs button{padding:10px 11px;font-size:14px}.power-lane{grid-template-columns:1fr 22px 1fr 22px 1fr;padding:16px 12px;gap:6px}.source-badge{grid-column:1/-1;padding-bottom:10px}.power-node strong{font-size:16px}.power-node small{font-size:11px;letter-spacing:0;line-height:1.4}.power-explainer{grid-template-columns:1fr;min-height:230px}.power-lessons{grid-template-columns:1fr}.chapter-strip{flex-wrap:wrap;justify-content:flex-start;gap:16px;font-size:11px}.journey-grid{grid-template-columns:1fr}.workshop-note{max-width:420px}.bench-lab{padding:24px 19px}.bench-detail{padding:22px 20px;min-height:370px}.bench-buttons{gap:9px}.bench-buttons button{font-size:14px;padding:8px 12px}.next-level h3{font-size:32px}.game-message h3{font-size:36px}.power-explainer h3{font-size:28px}}
@media(max-width:420px){.tech-grid{grid-template-columns:1fr}.power-tabs button{font-size:13px;padding:10px 8px}.power-node strong{font-size:15px}.hero .actions{gap:17px}.textlink{font-size:14px}header nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px}}
.simulation-brief{display:grid;grid-template-columns:1.3fr .7fr;gap:30px 55px;padding:32px;background:#fff;border:2px solid #9eb9df;border-radius:5px;margin-bottom:36px;box-shadow:6px 6px 0 #d0e1f7}.simulation-brief .tag{margin:0 0 22px;color:#b81368;background:#fff0f8}.simulation-brief h3{font-size:30px}.simulation-brief p{font-size:16px}.bot-loop{display:flex;flex-direction:column;justify-content:center;gap:15px}.bot-loop>span{display:flex;align-items:center;gap:15px;padding:14px 17px;background:#e9f3ff;border:1px solid #bdd3ef;border-radius:4px;font:500 17px var(--display)}.bot-loop b{display:grid;place-items:center;min-width:33px;height:33px;background:#173d83;color:#fff;font-size:14px;box-shadow:3px 3px 0 #25d3ed}.simulation-bridge{grid-column:1/-1;border-top:2px dashed #b3c8e7;padding-top:7px}.simulation-bridge>p{max-width:950px}.simulation-bridge small{display:block;font-size:13px;color:#556e92;margin-top:13px}.mission-instructions{display:flex;gap:40px;align-items:center;margin:0 0 24px}.mission-instructions strong{font:600 13px/1.5 var(--display);letter-spacing:.07em;color:#b21462;min-width:170px}.mission-instructions p{font-size:16px;max-width:780px;margin:0}.simulation-checks{border-color:#a0bce0}.evaluation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:25px}.evaluation-grid h3{font-size:22px}.evaluation-grid p{font-size:16px}@media(max-width:760px){.simulation-brief{grid-template-columns:1fr;padding:23px;gap:20px}.simulation-brief h3{font-size:27px}.simulation-bridge{grid-column:auto}.mission-instructions{display:block}.mission-instructions p{margin-top:12px}.evaluation-grid{grid-template-columns:1fr;gap:10px}}
.objectives{border-bottom:2px solid #b5cbe8}.experiment-statement{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px 50px;background:#143779;color:#fff;padding:34px 38px;border:2px solid #092655;box-shadow:7px 7px 0 #30cfe9;border-radius:5px;margin-bottom:38px}.experiment-statement>span{grid-column:1/-1;font:13px var(--display);letter-spacing:.1em;color:#77eaff}.experiment-statement>p{font:500 32px/1.2 var(--display);letter-spacing:-.025em;color:#fff;margin:0}.experiment-statement>div{font-size:17px;color:#d6e8ff}.objective-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.objective-grid article{padding:26px 0;border-bottom:2px dashed #a6bddf}.objective-grid article>span{display:block;font:12px var(--display);letter-spacing:.07em;color:#b71465;margin-bottom:18px}.objective-grid h3{font-size:27px}.objective-grid p{font-size:17px}.experiment-method{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.experiment-method b{display:inline-block;background:#d2e8ff;color:#194c92;padding:6px 12px;font:500 15px var(--display);margin-bottom:20px;border:1px solid #96bce7}.experiment-method h3{font-size:23px}.experiment-method p{font-size:16px}.research-note{margin-top:30px;padding:25px 30px;background:#ffe6f3;border:2px solid #e38ab9;border-radius:4px}.research-note strong{font:600 24px var(--display);color:#8f1453}.research-note p{color:#663859;font-size:17px;margin:14px 0}.research-note small{color:#744a68;font-size:14px}@media(max-width:760px){.experiment-statement{grid-template-columns:1fr;padding:26px;gap:20px}.experiment-statement>span{grid-column:auto}.experiment-statement>p{font-size:29px}.objective-grid,.experiment-method{grid-template-columns:1fr;gap:10px}.objective-grid h3{font-size:25px}.experiment-method{gap:22px}.research-note{padding:24px}}
/* Final direction: the original controls site's blue-and-pink arcade workshop. */
:root{--pixel:'Press Start 2P',monospace;--mono:'IBM Plex Mono',monospace;--accent:#c90c69}header{max-width:none;background:#112759;border-bottom:4px solid #ff40aa;padding-inline:max(28px,calc((100vw - 1320px)/2));color:#fff}header nav{font-family:var(--mono);gap:18px;font-size:13px}header>.button{background:#ff40aa;color:#071a46;box-shadow:4px 4px 0 #32e5f2}.hero{max-width:none;padding-inline:max(44px,calc((100vw - 1232px)/2));background:#1846af;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:32px 32px;color:#fff;border-bottom:5px solid #36dff4;padding-top:44px}.hero .eyebrow{color:#95f4ff;font-family:var(--mono);font-weight:600;letter-spacing:.04em;font-size:12px}.hero-logo{filter:drop-shadow(4px 6px 0 #071d5c);margin:0 0 25px}.hero h1{font-family:var(--pixel);font-size:clamp(25px,2.3vw,33px);line-height:1.5;letter-spacing:-.055em;text-shadow:3px 3px 0 #081d5d}.hero h1 em{color:#ff79c7}.hero .intro{color:#e1eeff;font-size:18px}.hero .textlink{color:#fff}.hero .play-icon{color:#74ecff}.hero-foot{color:#cfe9ff;border-color:#799be2}.hero .model-stage{min-height:565px;border:3px solid #061b47;box-shadow:8px 8px 0 #fe48a7;border-radius:2px;background:radial-gradient(ellipse at 40% 35%,#2a5aaf,#102044 75%)}.ticker{background:#fa51ac;color:#0c2457;border:0;font-family:var(--mono);font-weight:600;padding:20px}.ticker span:before{color:#123b88}.button,button,.tech-grid article,.tech-grid article+article,.game-shell,.token-panel,.power-lane,.simulation-brief,.bench-lab,.experiment-statement{border-radius:0}.button{font-family:var(--mono);font-size:14px}.button.orange{background:#ff40a7;color:#101d45;box-shadow:5px 5px 0 #12316a;border-color:#0e275a}.button.orange:hover{background:#ff81c6}.eyebrow,.tech-number,.lesson-stamp,.chapter-strip,.source-badge,.stage-title,.mission-label,.game-stats{font-family:var(--mono)}.game-message h3{font-family:var(--pixel);font-size:25px;line-height:1.45;letter-spacing:-.06em}.game-message .eyebrow{font-family:var(--mono);letter-spacing:.08em}.game-shell{box-shadow:8px 8px 0 #f34baf}.game-top{border-color:#fb50b0}.power-tabs button[aria-pressed=true]{box-shadow:4px 4px 0 #ff45ae}.objective-grid article>span{font-family:var(--mono);font-size:13px}.experiment-method b,.timeline article>span{font-family:var(--pixel);font-size:12px}.chapter-strip{font-size:12px;flex-wrap:wrap}.workshop-note{background:#57e8f7;box-shadow:7px 7px 0 #ee53b0}.workshop-note span{color:#14416a}.workshop-note p{color:#102c5b}.next-level{background:#173f99;color:#fff;border:3px solid #0f2a5f;box-shadow:7px 7px 0 #f254b0}.next-level>span{color:#79f2ff;font-family:var(--pixel);font-size:12px}.next-level p{color:#d6e7ff}.bench-gallery-section{background:#122a62;color:#fff;border-block:5px solid #32d6f1}.bench-gallery-section .eyebrow{color:#6be7ff}.bench-gallery-section p{color:#cedeef}.bench-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:34px}.bench-gallery figure{margin:0;background:#0b1e49;border:2px solid #5d91d2;box-shadow:6px 6px 0 #ee47a5}.bench-gallery img{width:100%;height:auto;display:block;border-bottom:2px solid #729cce}.bench-gallery figcaption{padding:22px 24px;color:#bed2f0;font-size:15px;line-height:1.65}.bench-gallery figcaption strong{display:block;color:#fff;font-family:var(--display);font-size:21px;margin-bottom:10px}.bench-gallery-section .button{background:#32dced;color:#102552;box-shadow:5px 5px 0 #f448a8;border:2px solid #08204c}.parts-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:32px;border:2px solid #214888;background:#dcecff;padding:25px}.parts-intro strong{font:600 16px/1.6 var(--mono)}.parts-intro p{font-size:16px;margin-bottom:0;max-width:720px}.parts-intro .button{min-width:210px}.servo-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:32px}.servo-cards article{padding:25px;background:#153e8e;color:#fff;border:2px solid #071e4b;box-shadow:5px 5px 0 #6cd9f2}.servo-cards article:nth-child(2){background:#9d0f66;box-shadow:5px 5px 0 #ec83c9}.servo-cards span{font:13px var(--mono);color:#bdeeff}.servo-cards h3{font-family:var(--pixel);font-size:22px;line-height:1.5;margin-top:20px}.servo-cards p{color:#e4efff;font-size:16px}.shopping-progress{font-size:14px}.shopping-progress strong{color:#163b79}.parts-category{padding:0;margin:15px 0;border:2px solid #20488a;background:white}.parts-category summary{font:600 18px var(--display);padding:18px 22px;background:#deebff;color:#16366f}.parts-category summary>span{float:right;font:14px var(--mono);color:#53688d}.parts-table-wrap{overflow:auto}.parts-category table{border-collapse:collapse;width:100%;min-width:660px;font-size:15px}.parts-category th,.parts-category td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #c5d5ed}.parts-category thead{background:#183b80;color:#fff;font-family:var(--mono);font-size:13px}.parts-category th[scope=row]{font-size:16px;font-weight:600;min-width:210px;width:26%}.parts-category td:last-child{color:#4e6588;line-height:1.65}.parts-category td:nth-child(3){min-width:95px}.parts-category td:first-child{width:65px}.part-check{width:21px;height:21px;accent-color:#ca126e;cursor:pointer}.part-status{display:block;font:12px var(--mono);color:#a91364;margin-top:8px}.parts-category a{display:inline-block;color:#174f9b;text-decoration:underline;text-underline-offset:3px;margin-top:5px}.starter-section{background:#f34fac;color:#13235b;border-block:4px solid #142e6e}.starter-section .eyebrow{color:#212762;font-family:var(--pixel);font-size:11px;line-height:1.8}.starter-section .wrap>p{max-width:850px;color:#2d3265;font-size:18px}.starter-section .wrap>p.fine{font-size:14px}.starter-section .button{background:#35e3f4;color:#0b2356;border:2px solid #12275c;box-shadow:5px 5px 0 #14306d}.starter-section .button.orange{background:#173e88;color:#fff;box-shadow:5px 5px 0 #31e6f4}.starter-section h2{font-size:clamp(38px,4vw,55px)}footer .brand img{width:220px}footer{font-family:var(--mono)}
@media(max-width:1100px){header nav{gap:11px;font-size:12px}.hero{padding-inline:28px}.hero h1{font-size:27px}.brand img{width:165px}.parts-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){header{padding:14px 20px}header nav{gap:13px 18px;flex-wrap:wrap;justify-content:flex-start;font-size:13px}.hero{padding-inline:20px}.hero h1{font-size:clamp(20px,5vw,29px);letter-spacing:-.055em}.hero .model-stage{min-height:440px}.hero .intro{font-size:17px}.hero .eyebrow{font-size:11px}.game-message h3{font-size:22px}.bench-gallery,.servo-cards{grid-template-columns:1fr}.parts-category summary{font-size:16px;padding:16px}.parts-category summary>span{font-size:12px}.starter-section .actions{flex-direction:column;align-items:flex-start}.starter-section .wrap>p{font-size:17px}.servo-cards h3{font-size:21px}.stage-title{font-size:12px}.chapter-strip{font-size:11px}.parts-intro{padding:22px}}

/* Readable headings and a project-first story. */
body :is(h1,h2,h3,h4,h5,h6){font-family:var(--display)!important;font-weight:600!important;line-height:1.18!important;letter-spacing:-.035em!important;overflow-wrap:normal;text-shadow:none!important}
body h1{font-size:clamp(40px,4.4vw,61px)!important}
body h2{font-size:clamp(34px,3.5vw,48px)!important}
body h3{font-size:25px!important}
body h4{font-size:17px!important;line-height:1.4!important}
body .tech-grid h3{font-size:24px!important}
body .game-message h3{font-size:32px!important}
header nav{font-family:var(--display);font-size:15px;gap:24px}
.hero-foot{gap:16px;font-size:10px}.hero .model-stage{min-height:565px}
.section-heading>div{min-width:0;flex:1}.section-heading>p{flex:0 1 440px}
.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.question-grid article{padding:27px;background:white;border:1px solid #b6cdeb;border-top:4px solid #2978d1}.question-grid h3{font-size:23px!important}.question-grid .eyebrow{letter-spacing:.06em;font-size:12px;margin:24px 0 12px}.step-number{font:600 16px var(--mono);color:#1760b2}.question-grid article:nth-child(even){border-top-color:#d82c89}
.development-section{background:#e0edfc;border-block:1px solid #b8cfee}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.approach-grid h3{margin-top:22px;font-size:24px!important}.approach-grid p{font-size:16px}.bench-screenshots{margin-top:36px}.bench-screenshots>summary{font-size:21px;font-weight:600}.bench-screenshots .bench-gallery{margin-top:28px}.bench-lab{margin-top:45px}.bench-gallery figcaption{background:#102754}
.simulation-result h3{margin-top:20px}.visitor-challenge{margin:44px 0 26px;padding:28px 32px;border-left:4px solid #df338f;background:#e2edff}.visitor-challenge .eyebrow{margin-bottom:15px}.visitor-challenge p{max-width:920px}.mission-instructions{align-items:flex-start}.mission-clock{font-family:var(--mono);white-space:nowrap}#clock{font-variant-numeric:tabular-nums;color:#78f5ff}#clock[data-urgent=true]{color:#ffb1df;font-weight:700}
.results-section{background:#dcecff;border-block:2px solid #b4c9e7}.results-overview{display:grid;grid-template-columns:1fr 1fr;gap:45px}.results-film{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:center;margin:35px 0 55px}.results-film video{display:block;width:100%;aspect-ratio:16/9;background:#101f43;border:2px solid #1f4b8f}.results-section .power-lessons{margin-top:25px}.results-section .power-lessons article{background:white;color:#153363;border:1px solid #a7c4e7}.results-section .power-lessons p{color:#4b6084}.results-section .lesson-stamp{color:#b6196b}.subsection-title{margin-bottom:24px!important}
.building-section{background:#f5f9ff}.system-diagram{margin:0 0 45px;border:1px solid #b4ccec;border-radius:8px;overflow:hidden;background:white}.diagram-scroll{overflow-x:auto}.system-diagram img{width:100%;min-width:800px;display:block}.system-diagram figcaption{padding:20px 24px;color:#4b6084;font-size:14px;border-top:1px solid #bdd1eb}.system-diagram a{text-decoration:underline;color:#1458a0}.build-power{margin-top:55px;background:#132a5b;padding:35px;color:#fff}.build-power p{color:#ccdcf5}.build-power a{text-decoration:underline}.build-subsection{margin-top:65px}.build-resources{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;padding-top:45px;border-top:1px solid #bfd0e7}.build-resources .actions{flex-wrap:wrap;gap:18px}.build-resources .build-image img{margin-top:25px}.build-resources .build-image>span{margin-bottom:22px}.contact-section{background:#163b83;color:#fff;border-top:5px solid #e13c98}.contact-section p{max-width:740px;color:#d4e6ff;font-size:18px}.contact-section .eyebrow{color:#74e8f4;font-size:12px}.contact-section .button{margin-top:15px}
@media(max-width:1050px){.approach-grid{grid-template-columns:repeat(2,1fr)}.question-grid{grid-template-columns:repeat(2,1fr)}header nav{gap:16px;font-size:14px}.tech-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body h1{font-size:40px!important}body h2{font-size:34px!important}body h3{font-size:24px!important}body .tech-grid h3{font-size:23px!important}body .game-message h3{font-size:29px!important}.question-grid,.approach-grid,.results-overview,.results-film,.build-resources{grid-template-columns:1fr}.question-grid{gap:14px}.question-grid article{padding:24px}.question-grid .eyebrow{margin-top:16px}.results-film{gap:20px}.build-power{padding:24px 17px;margin-inline:-8px}.visitor-challenge{padding:24px}.game-message{padding:25px}.game-stats{flex-wrap:wrap;gap:12px}.hero-foot{flex-wrap:wrap}.approach-grid{gap:16px}.build-resources{gap:40px}}

/* Highlight the owner's token setup without linking private controls. */
.generated-token{background:#fff;border:3px solid #d82c89;box-shadow:6px 6px 0 #b4eaf6;color:#112b60}
.generated-token .tag{background:#ffe5f2;color:#9c145e;border-color:#e4a1c8}
.generated-token ol{padding-left:25px}.generated-token li{padding-block:12px}
.generated-token .token-note{padding:18px;background:#eaf3ff;border-left:3px solid #216ac0;font-size:14px;margin-bottom:0}

.assembled-rover-photo{margin:0 0 48px;border:1px solid #b4ccec;border-radius:8px;overflow:hidden;background:#084b99}.assembled-rover-photo img{display:block;width:100%;height:auto}.assembled-rover-photo figcaption{padding:18px 24px;background:#fff;color:#4b6084;font-size:15px;line-height:1.6}
