*{box-sizing:border-box}body{margin:0;background:#eee8d7;color:#304439;font:14px/1.65 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif}a{color:inherit;text-underline-offset:4px}header{padding:21px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30443925;font-size:12px}header>a{text-decoration:none;font-weight:800}header span{font-weight:400;color:#778170}nav{display:flex;gap:18px}main{max-width:1640px;padding:0 3vw;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:#78816c}h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-.045em;margin:0}h2{font-family:Georgia,serif;font-weight:500;font-size:26px}.heading>p{font-size:13px}.heading span{font-size:11px;color:#7b8272}#stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#a6b9b0;isolation:isolate}#viewport,#viewport canvas{width:100%;height:100%;display:block}#viewport{position:absolute;inset:0}.hud{position:absolute;inset:18px 20px auto;display:flex;justify-content:space-between;align-items:center}.pill{font-size:11px;background:#f8f1dfdf;padding:7px 14px;border-radius:30px;color:#4a5947}.bottom{position:absolute;inset:auto 24px 20px;display:flex;align-items:flex-end;gap:24px;pointer-events:none;color:#fff9eb;text-shadow:0 2px 6px #152921}.speed{display:flex;gap:8px;align-items:baseline}.speed strong{font-size:48px;font-weight:500;line-height:1}.speed span{font-size:10px;letter-spacing:.1em}.progress{width:130px;font-size:10px}.progress>div{height:3px;background:#ffffff50;margin-top:8px}.progress i{height:100%;display:block;background:#f6dfaa;width:0}.overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:#18291f66;color:#fff9e8;backdrop-filter:blur(2px)}.overlay h2{font-size:clamp(24px,3vw,42px);margin:10px 0}.overlay .eyebrow{color:#e3dfc8}.overlay p{font-size:13px}.overlay button{background:#f6e8c7;color:#3e5040;min-width:180px;margin-top:12px;padding:13px 24px}[hidden]{display:none!important}button,select{font:inherit;color:inherit;border:1px solid #50634436;border-radius:6px;padding:9px 14px;background:#faf4e5;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bf864e;outline-offset:3px}.controls{display:flex;justify-content:space-between;gap:18px;padding:17px 0;align-items:center}.touch{display:flex;gap:8px}.touch button{min-width:57px;min-height:46px;touch-action:none;user-select:none;-webkit-user-select:none}.touch button.held{background:#47644e;color:#fff}.settings{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:11px}.settings label{display:flex;align-items:center;gap:4px}.settings select,.settings button{font-size:11px;padding:7px}.note{color:#77806b;font-size:11px}.about{margin:36px 0 55px;border-top:1px solid #30443925;padding:18px 0;max-width:850px;color:#707b68}.about h2{font-size:24px;color:#304439}.about p{font-size:13px}dialog{max-width:1350px;width:94vw;background:#f4efdf;border:0;border-radius:8px;color:#304439;padding:25px}dialog::backdrop{background:#15261de0}dialog>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:16px}dialog p{font-size:12px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}figure{margin:0}figure img{width:100%;display:block;border-radius:4px}figcaption{font-size:11px;margin-top:8px}#stage:fullscreen{width:100vw;height:100dvh;border-radius:0;aspect-ratio:auto}@media(max-width:700px){header{font-size:10px;padding:16px 4vw}header span{display:none}.heading{padding:19px 0;display:block}.heading>p{margin:7px 0 0;font-size:11px}.controls{flex-direction:column;align-items:stretch;gap:12px}.touch button{flex:1}.settings{gap:10px}.hud{inset:10px 10px auto}.pill{font-size:9px;padding:5px 9px}.bottom{inset:auto 12px 10px;gap:15px}.speed strong{font-size:30px}.speed span{font-size:8px}.progress{width:85px}.overlay{padding:15px}.overlay p{font-size:11px;margin:5px 0}.overlay h2{font-size:22px}.overlay button{padding:8px 18px;margin-top:8px}.overlay .eyebrow{display:none}.comparison-grid{grid-template-columns:1fr}.heading h1{font-size:30px}#stage{aspect-ratio:4/3}.about{margin-top:25px}dialog{padding:16px}dialog h2{font-size:20px}}@media(max-height:500px) and (orientation:landscape){header,.heading,.about,.note{display:none}main{padding:0}#stage{height:calc(100dvh - 70px);aspect-ratio:auto;border-radius:0}.controls{padding:7px 12px;flex-direction:row}.settings label{display:none}.settings{gap:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Motion feedback overlays preserve every source painting. */
.boost-gauge{width:110px;font-size:9px;letter-spacing:.12em}.boost-gauge>div{height:4px;background:#ffffff45;margin:5px 0}.boost-gauge i{display:block;height:100%;background:#f8d787;width:100%}.boost-gauge strong{display:block;font-size:10px;min-height:17px}.boost-button{border-color:#b0914f}#speedEffect{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 45%,transparent 45%,#fff1c025 78%,#fce9bd70);transition:opacity .18s}.boosting #speedEffect{opacity:1}.touch{flex-wrap:wrap}.controls{flex-wrap:wrap}.controls .settings{justify-content:flex-end}.braking .speed{color:#ffe0bf}@media(max-width:700px){.touch button{min-width:46px;padding:8px 4px;font-size:11px}.boost-gauge{width:65px;font-size:8px}.boost-gauge strong{font-size:8px}.bottom{gap:10px}.bottom #edge{display:none}.settings{justify-content:flex-start!important}}@media(prefers-reduced-motion:reduce){#speedEffect{transition:none}}@media(max-height:500px) and (orientation:landscape){.controls{flex-wrap:nowrap}.touch button{min-width:44px;padding:7px;font-size:10px}.settings #compare,.settings #engineSound{display:none}}