:root{font-family:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#334a42;background:#e8e3d3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #4b63552a;border-radius:22px;background:#f6f3e7e8;min-height:44px;padding:10px 16px}button:hover{background:#fff9e9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c97e53;outline-offset:3px}button:disabled{opacity:.42;cursor:default}button[aria-pressed=true],.primary{background:#3d5e50;color:#faf5e5}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.6}.entry{min-height:100dvh;padding:30px 5vw;background:radial-gradient(at 60% 55%,#f4edcf,#e3e4d3)}.brand{font-size:11px;letter-spacing:.12em;font-weight:700}.entry-copy{max-width:700px;margin:30px auto 0;text-align:center}.entry h1{font-size:clamp(44px,6vw,74px);letter-spacing:-.06em;line-height:1.1;margin:16px 0}.entry h1 span{color:#c57c5c}.lead{font-size:17px;line-height:1.9}.entry img{display:block;max-width:650px;width:100%;max-height:38dvh;margin:0 auto 20px}.entry .primary{min-width:220px;font-size:15px}.entry #loadStatus{font-size:12px;line-height:1.8}.entry small{font-size:10px;opacity:.7}#game{position:fixed;inset:0;overflow:hidden}#world,#world canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#world canvas{display:block}.topbar{position:absolute;left:24px;right:24px;top:max(20px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.topbar>*{pointer-events:auto}.topbar button{font-size:11px;backdrop-filter:blur(8px)}.topbar>div{display:flex;gap:5px}.topbar>div button{width:44px;padding:0;font-size:17px}.wordmark{font-size:9px;letter-spacing:.18em;text-align:center}.wordmark b{display:block;font-size:13px;letter-spacing:.1em;margin-top:4px}.objective{position:absolute;left:26px;top:98px;width:240px;padding:18px;background:#f2efdecc;border:1px solid #ffffff45;border-radius:12px;backdrop-filter:blur(12px)}.objective h2{font-size:18px;margin:8px 0;line-height:1.4}.objective p{font-size:11px;line-height:1.7;margin:8px 0}.places{display:flex;gap:6px;margin:12px 0}.places button{padding:0;width:34px;min-height:34px;border-radius:50%;font-size:12px}.places button.done:after{content:'✓';font-size:8px;margin-left:1px}.objective>button{font-size:11px;width:100%;background:#e8e8d7}.mapbox{position:absolute;right:26px;top:100px;width:130px;height:155px;text-align:center;pointer-events:none;font-size:10px;background:#f0ecd9c9;border-radius:12px;padding:8px}.mapbox svg{width:114px;height:114px}.mapbox span{display:block;margin-top:4px}.driving{position:absolute;bottom:125px;left:26px;right:26px;display:flex;justify-content:space-between;gap:10px;align-items:flex-end;pointer-events:none}.driving>*{pointer-events:auto}.speed strong{font-size:40px;font-weight:500}.speed>span{font-size:9px;margin-left:5px}.speed b{display:block;font-size:10px;font-weight:400;margin-top:2px}.tools{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:650px}.tools button{font-size:10px;padding:9px 13px}.touch-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:26px;right:26px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.wheel,.pedals{pointer-events:auto}.wheel{width:200px;padding:9px 12px;background:#f3f0dfe8;border-radius:16px;display:grid;grid-template-columns:1fr 46px;gap:4px 8px}.wheel label{grid-column:1/-1;font-size:10px;text-align:center;line-height:1.5}.wheel input{width:100%;min-height:36px;accent-color:#466953;touch-action:none}.wheel button{font-size:9px;padding:0;min-height:36px;border-radius:9px}.pedals{display:flex;gap:10px}.pedals button{height:70px;width:76px;border-radius:16px;touch-action:none;user-select:none;-webkit-user-select:none;font-size:13px;background:#f1eddbdd}.pedals #throttle{background:#496c5de3;color:#fff8df}.pedals button.held{transform:translateY(2px);filter:brightness(.8)}.toast{position:absolute;left:50%;top:80px;transform:translateX(-50%);max-width:430px;width:max-content;padding:10px 16px;background:#3f5b4ee8;color:#fff5de;border-radius:20px;font-size:11px;line-height:1.6;pointer-events:none;opacity:0;transition:opacity .2s}.toast.visible{opacity:1}.center-panel,dialog{background:#f5f0df;color:#334a42;border:1px solid #ffffff88;border-radius:18px;padding:30px;box-shadow:0 20px 70px #1e362d28}.center-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,350px);text-align:center}.center-panel h2,dialog h2{font-size:26px;margin:12px 0}.center-panel p,dialog p,dialog li{font-size:12px;line-height:1.9}dialog{width:min(90vw,420px);max-height:86dvh;overflow:auto}dialog::backdrop{background:#314e3c55;backdrop-filter:blur(4px)}dialog button{margin-top:10px}dialog small{display:block;font-size:10px;line-height:1.8;margin-top:14px;opacity:.7}dialog ul{padding-left:17px}dialog label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin:15px 0}dialog select{max-width:220px;min-height:40px;background:#e6e5d1;border:0;border-radius:8px;padding:8px}dialog input[type=range]{width:170px;accent-color:#49674f}dialog input[type=checkbox]{width:18px;height:18px;accent-color:#49674f}.dialog-close{float:right;width:40px;padding:0;margin:-10px -10px 0 0!important}.fine{font-size:10px!important;opacity:.7}#photoExit{position:absolute;right:24px;bottom:24px;font-size:12px}.photo .topbar,.photo .objective,.photo .mapbox,.photo .driving,.photo .touch-controls,.photo .toast{display:none!important}
#qaPerf-offroad-reset{min-height:22px!important}
/* Driving surfaces only: leave page content and settings browser actions intact. */
#world canvas,#touchControls,#touchControls *{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
#tour{border-color:#647d5c80;font-weight:600}#tour[aria-pressed=true]{background:#795e40;color:#fff8e7;box-shadow:0 0 0 2px #f4e8c54d}.tools button{white-space:nowrap}
@media(max-width:650px){.entry{padding:23px 20px}.entry-copy{margin-top:30px}.entry h1{font-size:50px}.entry img{max-height:31dvh}.topbar{left:14px;right:14px;top:max(14px,env(safe-area-inset-top))}.topbar>button{font-size:10px;padding:8px 10px}.wordmark{font-size:7px}.wordmark b{font-size:11px}.topbar>div{gap:3px}.topbar>div button{min-height:40px;width:40px}.objective{left:14px;top:78px;padding:12px;width:191px}.objective .eyebrow{font-size:7px}.objective h2{font-size:15px;margin:6px 0}.objective p{font-size:9px}.places{margin:8px 0}.objective>button{min-height:36px;font-size:9px}.mapbox{right:14px;top:81px;width:108px;height:131px;padding:6px}.mapbox svg{width:96px;height:96px}.mapbox span{font-size:8px}.driving{left:14px;right:14px;bottom:135px;align-items:flex-end}.speed strong{font-size:32px}.tools{max-width:255px;gap:4px}.tools button{font-size:9px;padding:6px 10px;min-height:36px}.touch-controls{left:14px;right:14px;bottom:max(22px,env(safe-area-inset-bottom))}.wheel{width:174px;grid-template-columns:1fr 36px;padding:8px}.pedals{gap:7px}.pedals button{width:70px;height:70px}.toast{top:250px;max-width:90vw;width:max-content;font-size:10px}.entry .eyebrow{font-size:8px}}
@media(max-height:550px){.objective{top:74px;width:195px;padding:10px}.objective .eyebrow,.objective p{display:none}.objective h2{font-size:14px;margin:0 0 6px}.places{margin:6px 0}.objective>button{min-height:34px;font-size:10px}.topbar{top:10px}.mapbox{top:65px;right:18px;transform:scale(.8);transform-origin:top right}.driving{bottom:100px;left:20px;right:20px}.tools{max-width:520px}.tools button{min-height:34px}.touch-controls{bottom:12px;left:20px;right:20px}.pedals button{height:62px}.toast{top:65px;max-width:40vw;font-size:10px}.entry-copy{margin-top:5px}.entry h1{font-size:36px}.entry .lead{display:none}.entry img{max-height:35dvh}.entry #loadStatus{font-size:10px}.entry small{display:none}}