*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0b0f17;font-family:Inter,Helvetica Neue,Arial,sans-serif;color:#fff}#app canvas{display:block}button{font:inherit;color:inherit;cursor:pointer}#intro{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#1e325059,#05080ed9);transition:opacity 1.2s;z-index:10}#intro.gone{opacity:0;pointer-events:none}.card{max-width:520px;padding:34px 36px;text-align:left}.kicker{letter-spacing:.32em;font-size:11px;opacity:.7;margin-bottom:14px}h1{font-weight:300;font-size:46px;line-height:1.05;letter-spacing:-.01em;margin-bottom:16px}.card p{font-size:15px;line-height:1.55;opacity:.82;margin-bottom:22px}.rides{display:flex;gap:10px;margin-bottom:18px}.rides button{flex:1;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d}.rides button b{display:block;font-size:15px}.rides button span{font-size:12px;opacity:.65}.rides button.sel{border-color:#f2c94c;background:#f2c94c1f}#loading{height:3px;background:#ffffff1f;border-radius:2px;margin-bottom:14px;overflow:hidden;transition:opacity .6s}#loading.gone{opacity:0}#loadbar{height:100%;width:0;background:#f2c94c;transition:width .2s}#start{width:100%;padding:14px;border-radius:10px;border:0;background:#f2c94c;color:#1a1408;font-weight:700;font-size:16px;letter-spacing:.02em}#start:disabled{opacity:.35;cursor:wait}.keys{font-size:11px;opacity:.5;margin-top:14px;line-height:1.5}#hud{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:18px 22px;opacity:0;transition:opacity 1s;pointer-events:none;z-index:5}#hud.on{opacity:1}.meter{display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 6px rgba(0,0,0,.5)}#alt{font-size:22px;font-weight:300;letter-spacing:.04em}#spd{font-size:12px;opacity:.75;letter-spacing:.12em}.btns{display:flex;gap:8px;pointer-events:auto}.btns button,.btns a{color:inherit;text-decoration:none;padding:8px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.25);background:#0a0e1659;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px}#banner{position:fixed;top:11%;left:0;right:0;text-align:center;opacity:0;transition:opacity 1.6s,transform 1.6s;transform:translateY(8px);pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.45);z-index:4}#banner.on{opacity:1;transform:none}#banner .t{font-size:40px;font-weight:300;letter-spacing:.22em;text-transform:uppercase}#banner .s{font-size:13px;letter-spacing:.3em;text-transform:uppercase;opacity:.8;margin-top:6px}#fork,#end{position:fixed;left:50%;bottom:74px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .8s,transform .8s;text-align:center;z-index:6}#fork.on,#end.on{opacity:1;transform:translate(-50%);pointer-events:auto}#fork.gone{display:none}.q{font-size:12px;letter-spacing:.25em;text-transform:uppercase;opacity:.85;margin-bottom:10px;text-shadow:0 1px 8px rgba(0,0,0,.6)}.opts{display:flex;gap:10px;justify-content:center}#fork button{width:170px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:#0a0e166b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;gap:2px}#fork button i{font-style:normal;font-size:20px;opacity:.8}#fork .n{font-weight:600;font-size:15px}#fork .d{font-size:11px;opacity:.65}#fork button.sel{border-color:#f2c94c;background:#f2c94c33}#end button{padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#0a0e1673;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px}#help{position:fixed;top:16px;left:50%;transform:translate(-50%);font-size:12px;opacity:0;background:#0a0e1680;padding:8px 14px;border-radius:16px;transition:opacity .4s;pointer-events:none;z-index:7}#help.on{opacity:.9}@media(max-width:640px){h1{font-size:34px}#fork button{width:108px;padding:9px}#banner .t{font-size:26px}.opts{flex-wrap:wrap}}.btns{flex-wrap:wrap;justify-content:flex-end;max-width:70vw}.btns button.sel{border-color:#f2c94c;background:#f2c94c38}#toast{position:fixed;top:22px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:16px;background:#0a0e1680;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;letter-spacing:.04em;opacity:0;transition:opacity .5s;pointer-events:none;z-index:8}#toast.on{opacity:.95}#touch{display:none}body.touch.driving #touch{display:block}#stick{position:fixed;left:26px;bottom:96px;width:132px;height:132px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#0a0e1638;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:6;touch-action:none}#stick i{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:#ffffff59;pointer-events:none}.pedals{position:fixed;right:22px;bottom:96px;display:flex;gap:12px;z-index:6}.pedals button{width:78px;height:104px;border-radius:16px;border:1px solid rgba(255,255,255,.3);background:#0a0e164d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:13px;letter-spacing:.06em;touch-action:none;user-select:none;-webkit-user-select:none}.pedals button.on{background:#f2c94c59;border-color:#f2c94c}body.drone .pedals #gas:after{content:" ↑"}body.drone .pedals #brake:after{content:" ↓"}#photobar{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:none;gap:10px;z-index:9}#photobar button{padding:10px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.3);background:#0a0e1666;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.photo #photobar{display:flex}body.photo #hud,body.photo #banner,body.photo #fork,body.photo #touch,body.photo #toast{display:none!important}#help{max-width:92vw;text-align:center;line-height:1.6}@media(max-width:640px){.btns button,.btns a{padding:7px 10px;font-size:11px}#fork{bottom:250px}}body.idle,body.idle canvas{cursor:none}#app canvas{cursor:grab}#app canvas:active{cursor:grabbing}#allWorlds{display:block;text-align:center;margin-top:10px;font-size:13px;color:inherit;opacity:.7;text-decoration:none}#allWorlds:hover{opacity:1}#bMore{display:none}body.touch .btns{position:fixed;top:8px;left:8px;right:8px;max-width:none;justify-content:center;gap:6px;z-index:7}body.touch #bMore{display:inline-block;font-size:18px;line-height:1;padding:4px 12px}body.touch .btns button,body.touch .btns a{padding:5px 10px;font-size:11px}body.touch .btns:not(.open)>:not(#bMore):not(#bAuto):not(#bCam){display:none}body.touch #alt,body.touch #spd{white-space:nowrap}body.touch #alt{font-size:16px}body.touch #spd{font-size:10px}body.touch .meter{position:fixed;left:50%;bottom:10px;transform:translate(-50%);align-items:center}body.touch #hud{padding:0}body.touch #stick{left:14px;bottom:18px;width:96px;height:96px;background:#0a0e1624}body.touch #stick i{width:40px;height:40px;margin:-20px}body.touch .pedals{right:14px;bottom:18px;gap:8px}body.touch .pedals button{width:56px;height:76px;border-radius:14px;font-size:11px;background:#0a0e1629}body.touch #toast{top:52px}body.touch #banner{top:13%}body.touch #fork{bottom:128px}@media(orientation:landscape)and (max-height:520px){body.touch #toast{top:48px}body.touch #banner{top:22%}body.touch #fork{bottom:100px}body.touch .btns{right:auto;left:50%;transform:translate(-50%)}}