@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#20323b;font-synthesis:none;background:#f5eedc;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}img{max-width:100%}.nowrap{white-space:nowrap}.topbar{justify-content:space-between;align-items:center;gap:24px;max-width:1480px;min-height:88px;margin:auto;padding:0 5.5%;display:flex}.brand{align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand small{color:#a0472d;letter-spacing:.2em;margin-top:6px;font-size:9px;display:block}.brand-mark{color:#fff;background:#d94933;border-radius:12px;place-items:center;width:42px;height:42px;font-size:26px;display:grid;transform:rotate(-7deg)}nav{gap:35px;font-size:13px;font-weight:700;display:flex}nav a{text-decoration:none}nav a:hover,footer a:hover{text-decoration:underline}.hero{grid-template-columns:46% 54%;align-items:center;gap:15px;max-width:1480px;min-height:650px;margin:auto;padding:46px 5.5% 82px;display:grid}.eyebrow{letter-spacing:.17em;color:#a93120;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.hero h1,h2,h3{font-family:Space Grotesk,sans-serif}.hero h1{letter-spacing:-.075em;max-width:700px;margin:19px 0 27px;font-size:clamp(54px,5.8vw,91px);line-height:.99}.hero h1 em,.engine-copy h2 em{color:#d64a35;font-style:normal}.intro{color:#52616a;max-width:560px;font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:22px;margin-top:33px;display:flex}.button,.file-button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:20px;min-height:50px;padding:15px 21px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:#b83725;box-shadow:0 5px #a93024}.button.primary:hover{background:#b93626}.button.dark{color:#fff;background:#20323b}.button:disabled{opacity:.48;cursor:not-allowed}.mini-note{color:#52616a;font-size:12px;font-weight:700}.hero-art{background:linear-gradient(#a7d8cf 0%,#f3dcac 69%,#e8c891 70%);border-radius:24px;height:530px;position:relative;overflow:hidden;box-shadow:0 20px 50px #55472c20}.sun{background:#ffefa9;border-radius:50%;width:110px;height:110px;position:absolute;top:60px;right:90px;box-shadow:0 0 0 23px #ffefa925}.hero-road{background:#4a5a60;border-top:12px solid #ebe0c2;height:135px;position:absolute;bottom:0;left:0;right:0}.hero-road:after{content:"";background:repeating-linear-gradient(90deg,#f7e2aa 0 95px,#0000 95px 165px);width:100%;height:7px;position:absolute;top:68px;left:0}.hero-car{width:72%;image-rendering:pixelated;filter:drop-shadow(10px 20px #1e2d2d40);position:absolute;bottom:76px;left:14%}.hero-sticker{background:#fff9e9;border:2px solid #263b3c;border-radius:10px;align-items:center;gap:9px;padding:5px 12px 5px 5px;font-family:Space Grotesk;font-size:12px;font-weight:700;line-height:1.1;display:flex;position:absolute;transform:rotate(-5deg);box-shadow:4px 5px #263b3c}.hero-sticker img{object-fit:contain;width:54px;height:54px;image-rendering:pixelated}.hero-sticker small{color:#526169;font-family:DM Sans;font-size:10px;font-weight:600}.sticker-leo{top:8%;left:7%}.sticker-teddy{top:29%;right:8%;transform:rotate(7deg)}.sticker-gwinn{bottom:29%;left:9%;transform:rotate(4deg)}.hero-caption{color:#fff4dd;letter-spacing:.05em;font-size:12px;font-weight:700;position:absolute;bottom:21px;right:24px}.game-section{background:#e9dfc8;padding:80px 5.5% 95px}.section-heading{justify-content:space-between;align-items:end;gap:24px;max-width:1280px;margin:0 auto 29px;display:flex}.section-heading .eyebrow{margin:0 0 9px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,4vw,55px);line-height:1.05}.section-heading>p{color:#4c5c64;margin-bottom:6px;font-size:14px}.game-shell{background:#fff8e9;border:2px solid #253942;border-radius:15px;max-width:1280px;margin:auto;box-shadow:9px 10px #283b3f}.game-toolbar{border-bottom:2px solid #253942;align-items:center;gap:38px;padding:17px 24px;display:flex}.stat{gap:3px;min-width:100px;display:grid}.stat span{letter-spacing:.13em;color:#666052;font-size:10px;font-weight:800}.stat strong{font-family:Space Grotesk;font-size:19px}.icon-button{cursor:pointer;background:0 0;border:1px solid #b8b6a8;border-radius:6px;min-height:40px;margin-left:auto;padding:8px 11px}.canvas-wrap{background:#475665;position:relative}.canvas-wrap canvas{width:100%;height:auto;image-rendering:pixelated;outline-offset:-4px;display:block}.game-overlay{background:#14252bb8;place-items:center;padding:15px;display:grid;position:absolute;inset:0}.game-overlay[hidden]{display:none}.overlay-card{text-align:center;background:#fff7e6;border:3px solid #263a42;border-radius:13px;max-width:440px;padding:25px 34px 33px;box-shadow:8px 8px #192e34}.overlay-card .eyebrow{margin:0}.overlay-card h3{letter-spacing:-.055em;margin:10px 0;font-size:40px}.overlay-card p:not(.eyebrow){color:#59666c;margin:0 0 24px;line-height:1.55}.game-controls{flex-wrap:wrap;align-items:center;gap:24px;padding:17px 23px;display:flex}.control-hint{color:#536168;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.control-hint span{margin-left:2px}kbd{text-align:center;background:#f1e8d4;border:1px solid #b9b6a8;border-bottom-width:3px;border-radius:4px;min-width:27px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:800}.touch-controls{gap:7px;margin-left:auto;display:flex}.touch-controls button{cursor:pointer;background:#fffdf5;border:1px solid #adaca2;border-radius:5px;min-height:39px;padding:6px 11px;font-size:12px;font-weight:800}.touch-controls button:hover{background:#f3dfb6}.crew-section{max-width:1480px;margin:auto;padding:85px 5.5% 100px}.crew-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1280px;margin:auto;display:grid}.crew-card{background:#fff8e9;border:1px solid #d5cdb7;border-radius:12px;grid-template-columns:140px 1fr;align-items:center;gap:20px;padding:18px;display:grid}.crew-image{border-radius:9px;place-items:center;height:145px;display:grid;overflow:hidden}.crew-image img{object-fit:contain;max-width:95%;max-height:95%;image-rendering:pixelated}.crew-image.leo{background:#f7d3aa}.crew-image.teddy{background:#c9e1d2}.crew-image.gwinn{background:#d8d1e5}.crew-num{color:#aa3725;font-family:Space Grotesk;font-size:11px;font-weight:700}.crew-card h3{margin:6px 0;font-size:22px}.crew-card p{color:#657177;margin:0;font-size:13px;line-height:1.5}.engine-section{color:#fff7e6;background:#20343e;grid-template-columns:1fr 1fr;align-items:center;gap:8%;padding:90px max(5.5%,50vw - 640px);display:grid}.engine-copy .eyebrow{color:#eeaa78}.engine-copy h2{letter-spacing:-.055em;margin:15px 0 22px;font-size:clamp(39px,4vw,57px);line-height:1.07}.engine-copy h2 em{color:#f8c080}.engine-copy>p:not(.eyebrow){color:#d1d8d6;max-width:520px;line-height:1.7}.file-button{color:#263840;background:#f3d399;margin:15px 0 0}.file-button:hover{background:#ffe2ae}#game-files{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}#game-files:focus-visible+.file-button,.file-button:focus-visible{outline:3px solid #fff}.engine-copy #files-status,.engine-copy #engine-status{color:#d3dcdb;margin:10px 0;font-size:12px}.engine-copy .button{background:#d74a33;margin-top:12px}.engine-screen{background:#0b181a;border:13px solid #e6ddc8;border-bottom-width:30px;border-radius:19px;padding:12px;box-shadow:13px 16px #11242b}.monitor-top{letter-spacing:.11em;color:#9cb9b5;justify-content:space-between;margin-bottom:12px;font-family:Space Grotesk;font-size:10px;display:flex}.lights{color:#de6b4c}.engine-screen canvas{aspect-ratio:8/5;width:100%;image-rendering:pixelated;background:linear-gradient(130deg,#102025,#1c383a);display:block}.engine-screen>p{text-align:center;color:#8eaba8;letter-spacing:.1em;margin:15px 0 1px;font-family:Space Grotesk;font-size:10px}footer{color:#4e5f63;justify-content:space-between;align-items:center;gap:20px;max-width:1480px;margin:auto;padding:28px 5.5%;font-size:12px;display:flex}footer span{color:#243740;font-family:Space Grotesk;font-weight:700}footer a{font-weight:700;text-decoration:none}@media (width<=1000px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{max-width:720px}.hero-art{height:480px}.crew-card{grid-template-columns:1fr}.crew-image{height:125px}.engine-section{gap:5%}.game-controls{gap:12px}.touch-controls{width:100%;margin-left:0}}@media (width<=650px){.topbar{min-height:72px}.topbar nav{gap:12px;font-size:11px}.topbar nav a:first-child{display:none}.brand{font-size:14px}.brand-mark{width:36px;height:36px;font-size:21px}.hero{gap:32px;padding:25px 5% 64px}.hero h1{font-size:56px}.intro{font-size:15px}.hero-actions{flex-wrap:wrap}.hero-art{height:370px}.hero-car{width:87%;bottom:60px;left:6%}.hero-sticker{padding:3px 7px 3px 3px;font-size:9px}.hero-sticker img{width:38px;height:38px}.sticker-leo{top:5%}.sticker-teddy{top:29%;right:3%}.sticker-gwinn{bottom:31%;left:4%}.hero-caption{font-size:9px;bottom:15px;right:10px}.game-section,.crew-section{padding:60px 5% 70px}.section-heading{display:block}.section-heading>p{margin-top:14px}.game-toolbar{flex-wrap:wrap;gap:13px;padding:11px}.stat{flex:1;min-width:auto}.stat span{font-size:8px}.stat strong{font-size:14px}.icon-button{margin-left:0}.canvas-wrap canvas{height:auto}.overlay-card{padding:15px 18px 22px}.overlay-card h3{font-size:30px}.overlay-card p:not(.eyebrow){margin-bottom:14px;font-size:12px}.game-controls{padding:13px}.control-hint{display:none}.touch-controls{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.touch-controls button{padding:5px;font-size:10px}.crew-grid{grid-template-columns:1fr}.crew-card{grid-template-columns:115px 1fr}.crew-image{height:112px}.engine-section{grid-template-columns:1fr;gap:45px;padding:65px 5%}footer{flex-wrap:wrap;padding:25px 5%}footer p{order:3;width:100%;margin:0}}#engine-canvas{image-rendering:pixelated;background:#1d2d35}.engine-illustration{aspect-ratio:8/5;color:#f4ddae;text-align:center;background:linear-gradient(#346273,#1c343c);flex-direction:column;justify-content:center;align-items:center;gap:15px;font-family:Space Grotesk,sans-serif;font-size:15px;display:flex}.engine-illustration img{width:65%;image-rendering:pixelated}.engine-illustration p{margin:0}.game-controls .touch-controls button{min-height:44px}.game-toolbar .stat{min-width:120px}@media (width<=650px){.touch-controls{grid-template-columns:repeat(5,1fr)}.game-overlay{padding:8px}.overlay-card{padding:12px 14px}.overlay-card .eyebrow{font-size:10px}.overlay-card h3{margin:6px 0;font-size:28px}.overlay-card p:not(.eyebrow){margin-bottom:12px;line-height:1.35}.overlay-card .button{min-height:42px;padding:10px 16px}}.canvas-wrap{justify-content:center;display:flex}.canvas-wrap canvas{width:min(100%,900px,160vh - 584px);height:auto}.overlay-actions{justify-content:center;gap:8px;display:flex}.overlay-actions .button{gap:10px;padding-inline:12px;font-size:12px}@media (height<=550px){.canvas-wrap canvas{width:min(100%,900px,1.6*max(120px,100dvh - 200px))}.overlay-card{padding:6px 14px}.overlay-card .eyebrow{font-size:9px}.overlay-card h3{margin:2px 0 6px;font-size:26px}.overlay-card p:not(.eyebrow){display:none}.overlay-card .button{min-height:36px;padding:8px 16px}}.notebook-section{max-width:1480px;margin:auto;padding:0 5.5% 85px}.notebook-intro,.notebook-footnote{color:#52616a;max-width:850px;font-size:14px;line-height:1.7}.notebook-intro{margin:0 0 24px}.notebook-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.notebook-grid details{background:#fff8e9;border:1px solid #c4bba4;border-radius:10px;overflow:hidden}.notebook-grid summary{cursor:pointer;padding:20px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;line-height:1.4}.notebook-grid summary:hover{background:#f2e6ce}.notebook-grid summary:focus-visible{outline-offset:-4px;outline:3px solid #b83725}.notebook-grid details[open] summary{background:#f2e6ce;border-bottom:1px solid #d5cdb7}.notebook-page{color:#40545d;padding:0 20px 18px;font-size:14px;line-height:1.65}.notebook-page .notebook-moral{color:#793321;border-left:3px solid #ba3a26;padding-left:13px}.notebook-file{font-size:12px}.notebook-section code{overflow-wrap:anywhere;font-size:.92em}.notebook-links{flex-wrap:wrap;gap:8px 18px;display:flex}.notebook-links a{text-underline-offset:3px;align-items:center;min-height:30px;font-size:12px;font-weight:700;display:inline-flex}.notebook-footnote{margin:24px 0 0;font-size:12px}@media (width<=650px){.notebook-section{padding:0 5% 60px}.notebook-grid{grid-template-columns:1fr}.notebook-grid summary{padding:17px;font-size:16px}}.road-tip{color:#40545d;background:#f4ead3;border-top:1px solid #d5cdb7;align-items:center;min-height:60px;margin:0;padding:10px 24px;font-size:13px;line-height:1.5;display:flex}.road-atlas{background:#fff8e9;border:1px solid #c4bba4;border-radius:10px;max-width:1280px;margin:30px auto 0}.road-atlas summary{cursor:pointer;padding:18px 22px;font-family:Space Grotesk,sans-serif;font-weight:700}.road-atlas summary span{color:#52616a;margin-left:12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.road-atlas summary:focus-visible{outline-offset:-4px;border-radius:10px;outline:3px solid #b83725}.road-atlas-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:8px 22px 24px;list-style:none;display:grid}.road-atlas-list li{background:#f4ead3;border-radius:7px;gap:14px;padding:16px;display:flex}.road-atlas-list li:last-child:nth-child(odd){grid-column:1/-1}.road-number{color:#a93120;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.road-atlas-list h3{margin:0 0 6px;font-size:17px}.road-atlas-list p{color:#40545d;margin:0;font-size:13px;line-height:1.6}@media (width<=650px){.road-tip{padding:5px 12px;font-size:12px;line-height:1.35}.game-toolbar .stat{min-width:0}.game-toolbar .stat strong{min-height:2.2em;line-height:1.1}.game-controls{padding:10px 12px}.road-atlas summary{padding:16px}.road-atlas summary span{margin:5px 0 0;display:block}.road-atlas-list{grid-template-columns:1fr;gap:12px;padding:0 16px 16px}}@media (height<=550px){.canvas-wrap canvas{width:min(100%,900px,1.6*max(120px,100dvh - 230px))}.control-hint{display:none}.game-controls{padding:10px 12px}.touch-controls{width:100%;margin-left:0}}@media (width<=650px){.touch-controls{grid-template-columns:repeat(6,minmax(0,1fr))}}#music-toggle[aria-pressed=false]{background:#e2dac8}#game-archive{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-button:has(+input:focus-visible){outline-offset:3px;outline:3px solid #fff}.engine-copy #download-game{background:#b83725}
