:root{color:#f4f0e6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#101510;font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#root{min-height:100svh}.app-shell{color:#f4f0e6;background:#101510;min-height:100svh}.landing{background:linear-gradient(#91c7eb 0%,#dfeec7 48%,#657d47 100%);min-height:100svh;display:grid;position:relative;overflow:hidden}.landing__scene{position:absolute;inset:0}.ridge{clip-path:polygon(0 65%,13% 44%,27% 58%,41% 32%,58% 61%,72% 37%,88% 55%,100% 31%,100% 100%,0 100%);height:42vh;position:absolute;left:-8vw;right:-8vw}.ridge--back{opacity:.78;background:#6d8a62;bottom:28vh}.ridge--front{background:#3f5f3d;bottom:8vh}.road-preview{background:linear-gradient(90deg,#5f5a4e,#8a8170 52%,#5f5a4e);border-radius:50% 50% 0 0;width:34vw;min-width:280px;height:72vh;position:absolute;bottom:-20vh;left:50%;transform:translate(-50%)perspective(520px)rotateX(62deg)}.car-preview{background:#e35b3f;border-radius:8px 8px 5px 5px;width:84px;height:42px;position:absolute;bottom:18vh;left:calc(50% + 4vw);transform:rotate(-9deg);box-shadow:-12px 28px 0 -12px #151515,44px 28px 0 -12px #151515,0 10px #273b4d}.landing__panel{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1610c2;border:1px solid #ffffff47;border-radius:8px;align-self:center;width:min(520px,100% - 32px);margin-left:clamp(16px,7vw,96px);padding:28px;position:relative;box-shadow:0 24px 80px #00000047}.eyebrow,.controls-list,.hud,.help-panel{text-transform:uppercase;letter-spacing:0;font-size:12px}h1,h2,p{margin:0}h1{letter-spacing:0;margin-top:8px;font-size:clamp(44px,8vw,86px);line-height:.95}h2{letter-spacing:0;font-size:28px}.intro{color:#d9e2d1;margin-top:18px}.control-grid{grid-template-columns:1fr 160px;gap:12px;margin-top:28px;display:grid}label{color:#d5dfcf;gap:7px;font-size:13px;display:grid}input,select,button{color:#f6f3e9;min-height:42px;font:inherit;background:#0c120edb;border:1px solid #fff3;border-radius:6px}input,select{box-sizing:border-box;width:100%;padding:0 12px}button{cursor:pointer;padding:0 14px}button:hover,button:focus-visible{border-color:#f5d56a;outline:none}.segmented{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.segmented .is-active,.primary-action{color:#201a0a;background:#f5d56a;border-color:#f5d56a}.primary-action{width:100%;margin-top:14px;font-weight:700}.controls-list{color:#c4d2bc;flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.controls-list span{background:#ffffff1a;border-radius:999px;padding:4px 8px}.exploration{position:fixed;inset:0}.exploration canvas{display:block}.hud{pointer-events:none;justify-content:space-between;gap:12px;display:flex;position:fixed;top:14px;left:14px;right:14px}.hud__stats,.hud__actions,.help-panel,.menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c120ebd;border:1px solid #ffffff2e;border-radius:8px;box-shadow:0 16px 40px #0003}.hud__stats{flex-wrap:wrap;gap:8px 14px;max-width:min(760px,100vw - 160px);padding:10px 12px;display:flex}.hud__actions{pointer-events:auto;gap:8px;padding:8px;display:flex}.hud__actions button{min-height:34px}.overlay{background:#0000003d;place-items:center;display:grid;position:fixed;inset:0}.menu{gap:10px;width:min(360px,100vw - 32px);padding:20px;display:grid}.help-panel{gap:8px;max-width:min(420px,100vw - 28px);padding:12px;display:grid;position:fixed;bottom:14px;right:14px}@media (width<=720px){.landing__panel{align-self:end;margin:16px;padding:20px}.control-grid{grid-template-columns:1fr}.hud{flex-direction:column}.hud__stats{max-width:none}.hud__actions{align-self:flex-start}}