.greeting-banner{border:1px solid hsl(var(--border));border-radius:16px;flex-direction:column;justify-content:center;width:100%;min-height:160px;margin-bottom:8px;padding:24px 32px;display:flex;position:relative;overflow:hidden}.greeting-banner[data-sky=early-bird]{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 20%,#0f3460 40%,#e94560 70%,#f38181 100%)}.greeting-banner[data-sky=morning]{background:linear-gradient(135deg,#667eea 0%,#764ba2 30%,#f093fb 60%,#f5576c 100%)}.greeting-banner[data-sky=afternoon]{background:linear-gradient(135deg,#2196f3 0%,#21cbf3 40%,#00bcd4 70%,#4caf50 100%)}.greeting-banner[data-sky=evening]{background:linear-gradient(135deg,#141e30 0%,#243b55 25%,#e65c00 60%,#f9d423 100%)}.greeting-banner[data-sky=night-owl]{background:linear-gradient(135deg,#0c0c1d 0%,#1a1a3e 30%,#2d2d6e 60%,#0c0c1d 100%)}.greeting-banner[data-sky=night-owl]:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(1px 1px at 10% 15%,#fffc 50%,#0000 0),radial-gradient(1px 1px at 25% 45%,#fff9 50%,#0000 0),radial-gradient(1.5px 1.5px at 40% 20%,#ffffffe6 50%,#0000 0),radial-gradient(1px 1px at 55% 60%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 70% 30%,#ffffffb3 50%,#0000 0),radial-gradient(1.5px 1.5px at 85% 55%,#fffc 50%,#0000 0),radial-gradient(1px 1px at 15% 70%,#fff6 50%,#0000 0),radial-gradient(1px 1px at 50% 80%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 90% 10%,#ffffffb3 50%,#0000 0),radial-gradient(1.5px 1.5px at 65% 85%,#ffffff80 50%,#0000 0),radial-gradient(1px 1px at 30% 90%,#fff9 50%,#0000 0),radial-gradient(1px 1px at 78% 72%,#fff6 50%,#0000 0);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}.greeting-text{z-index:5;max-width:70%;position:relative}.greeting-headline{color:#fff;text-shadow:0 2px 8px #0000004d;margin:0;font-size:1.5rem;font-weight:800;line-height:1.3;transition:opacity .4s,transform .4s}.greeting-subtext{color:#ffffffd9;text-shadow:0 1px 4px #0003;margin:6px 0 0;font-size:.875rem;font-weight:500;transition:opacity .4s,transform .4s}.greeting-text-fade-in{opacity:1;transform:translateY(0)}.greeting-text-fade-out{opacity:0;transform:translateY(-4px)}.road-scene{z-index:3;height:40px;position:absolute;bottom:0;left:0;right:0}.road-surface{background:#2c2c2c;border-top:2px solid #555;height:28px;position:absolute;bottom:0;left:0;right:0}.road-edge-top{background:#888;height:2px;position:absolute;top:0;left:0;right:0}.lane-dashes{background:repeating-linear-gradient(90deg,#f5c518 0 30px,#0000 30px 60px);width:200%;height:3px;animation:8s linear infinite dashScroll;position:absolute;top:50%;left:0;transform:translateY(-50%)}.road-scene[data-cruise=true] .lane-dashes{animation-duration:20s}@keyframes dashScroll{0%{transform:translateY(-50%)translate(0)}to{transform:translateY(-50%)translate(-50%)}}.road-edge-line{background:#fff;height:2px;position:absolute;left:0;right:0}.road-edge-line.top{top:2px}.road-edge-line.bottom{bottom:0}.truck-container{z-index:4;filter:drop-shadow(0 2px 6px #0006);transition:left 60s linear;position:absolute;bottom:18px}.truck-container.truck-driving-in{transition:left 2s ease-out}.truck-space-hint{color:#fff0;white-space:nowrap;pointer-events:none;letter-spacing:.5px;font-size:.5rem;font-weight:500;animation:10s ease-in-out 4s infinite hintFlash;position:absolute;top:-16px;left:50%;transform:translate(-50%)}@keyframes hintFlash{0%,80%,to{color:#fff0}88%,92%{color:#ffffff80}}.truck-svg{width:80px;height:auto;animation:1.2s ease-in-out infinite truckBounce}.road-scene[data-cruise=true] .truck-svg{animation-duration:2.4s}@keyframes truckBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.weather-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;z-index:6;background:#ffffff1f;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;top:16px;right:16px}.weather-sun{z-index:2;pointer-events:none;background:radial-gradient(circle,#fcd34d 30%,#f59e0b 60%,#0000 70%);border-radius:50%;width:40px;height:40px;animation:4s ease-in-out infinite alternate sunPulse;position:absolute;top:12px;right:60px;box-shadow:0 0 20px #fcd34d99,0 0 50px #f59e0b4d,0 0 80px #f59e0b26}@keyframes sunPulse{0%{transform:scale(1);box-shadow:0 0 20px #fcd34d99,0 0 50px #f59e0b4d}to{transform:scale(1.08);box-shadow:0 0 30px #fcd34dcc,0 0 70px #f59e0b66}}.weather-moon{z-index:2;pointer-events:none;background:#e8e0c8;border-radius:50%;width:36px;height:36px;animation:5s ease-in-out infinite alternate moonGlow;position:absolute;top:12px;right:60px;box-shadow:inset -10px -2px #00000026,0 0 15px #e8e0c866,0 0 40px #e8e0c826}@keyframes moonGlow{0%{box-shadow:inset -10px -2px #00000026,0 0 15px #e8e0c866,0 0 40px #e8e0c826}to{box-shadow:inset -10px -2px #00000026,0 0 25px #e8e0c880,0 0 60px #e8e0c840}}.weather-clouds{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cloud{filter:blur(2px);background:#ffffff2e;border-radius:50px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud-1{width:100px;height:28px;animation:25s linear infinite cloudDrift;top:15%;left:-120px}.cloud-1:before{width:44px;height:44px;top:-20px;left:18px}.cloud-1:after{width:34px;height:34px;top:-14px;left:52px}.cloud-2{opacity:.7;width:80px;height:22px;animation:35s linear -10s infinite cloudDrift;top:35%;left:-100px}.cloud-2:before{width:36px;height:36px;top:-16px;left:14px}.cloud-2:after{width:28px;height:28px;top:-10px;left:42px}.cloud-3{opacity:.5;width:120px;height:32px;animation:30s linear -18s infinite cloudDrift;top:10%;left:-140px}.cloud-3:before{width:50px;height:50px;top:-24px;left:24px}.cloud-3:after{width:40px;height:40px;top:-16px;left:62px}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.weather-rain{z-index:2;pointer-events:none;background-image:linear-gradient(#0000 0%,#96b4dc40 100%);position:absolute;inset:0;overflow:hidden}.weather-rain:before{content:"";background-image:repeating-linear-gradient(90deg,#0000,#0000 7px,#b4d2f026 7px 8px);animation:.8s linear infinite rainFall;position:absolute;inset:-50% 0 0}@keyframes rainFall{0%{transform:translateY(-20%)rotate(4deg)}to{transform:translateY(50%)rotate(4deg)}}.weather-snow{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.weather-snow:before,.weather-snow:after{content:"";background-image:radial-gradient(2px 2px at 20% 30%,#fffc 50%,#0000 0),radial-gradient(2px 2px at 40% 60%,#fff9 50%,#0000 0),radial-gradient(1.5px 1.5px at 60% 20%,#ffffffb3 50%,#0000 0),radial-gradient(2px 2px at 80%,#ffffff80 50%,#0000 0),radial-gradient(1.5px 1.5px at 10% 70%,#fff9 50%,#0000 0),radial-gradient(2px 2px at 50% 90%,#fff6 50%,#0000 0),radial-gradient(1.5px 1.5px at 70% 10%,#ffffffb3 50%,#0000 0),radial-gradient(2px 2px at 90% 80%,#ffffff80 50%,#0000 0);background-size:200px 200px;animation:6s linear infinite snowFall;position:absolute;inset:-100% 0 0}.weather-snow:after{background-size:150px 150px;animation-duration:8s;animation-delay:-3s}@keyframes snowFall{0%{transform:translateY(-50%)}to{transform:translateY(50%)}}.weather-lightning{z-index:2;pointer-events:none;animation:6s ease-in-out infinite lightningFlash;position:absolute;inset:0}@keyframes lightningFlash{0%,89%,91%,93%,to{background:0 0}90%{background:#ffffff26}92%{background:#ffffff14}}@media (max-width:640px){.greeting-banner{border-radius:12px;min-height:140px;padding:20px}.greeting-text{max-width:100%}.greeting-headline{font-size:1.15rem}.greeting-subtext{font-size:.75rem}.truck-svg{width:56px}.road-scene{height:32px}.road-surface{height:22px}}
.trg-layer{z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e1b4b;position:absolute;inset:0;overflow:hidden}.trg-sky-layer{z-index:0;pointer-events:none;transition:opacity 3s;position:absolute;inset:0}.trg-shake{animation:.3s ease-out trg-screenShake!important}@keyframes trg-screenShake{0%{transform:translate(0)}15%{transform:translate(-4px,2px)}30%{transform:translate(3px,-3px)}45%{transform:translate(-2px,1px)}60%{transform:translate(2px,-1px)}75%{transform:translate(-1px,1px)}to{transform:translate(0)}}.trg-speed-lines{z-index:9;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.trg-speed-line{opacity:.6;background:linear-gradient(90deg,#0000 0%,#fff9 50%,#0000 100%);height:1px;animation:.4s linear infinite trg-speedLine;position:absolute;right:0}@keyframes trg-speedLine{0%{transform:translate(100vw)}to{transform:translate(-100vw)}}.trg-dust-container{z-index:10;pointer-events:none;position:absolute;inset:0}.trg-dust{background:#b4a08280;border-radius:50%;animation:.5s ease-out forwards trg-dustFade;position:absolute}@keyframes trg-dustFade{0%{opacity:var(--dust-opacity,.4);transform:translate(0)scale(1)}to{opacity:0;transform:translate(-20px,-8px)scale(.3)}}.trg-milestone{z-index:20;pointer-events:none;animation:1.2s ease-out forwards trg-milestoneAnim;position:absolute;top:30%;left:50%;transform:translate(-50%)}.trg-milestone-text{color:#fbbf24;text-shadow:0 0 20px #fbbf2499,0 2px 8px #00000080;letter-spacing:3px;font-size:1.8rem;font-weight:900}@keyframes trg-milestoneAnim{0%{opacity:0;transform:translate(-50%)scale(.5)}15%{opacity:1;transform:translate(-50%)scale(1.3)}30%{transform:translate(-50%)scale(1)}70%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.trg-rank-toast{z-index:20;color:#e0e7ff;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4f46e5cc;border:1px solid #8b5cf680;border-radius:20px;padding:4px 14px;font-size:.65rem;font-weight:600;animation:2s ease-out forwards trg-toastAnim;position:absolute;top:50%;left:50%;transform:translate(-50%)}@keyframes trg-toastAnim{0%{opacity:0;transform:translate(-50%)translateY(10px)}15%{opacity:1;transform:translate(-50%)translateY(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.trg-hud{z-index:12;font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-family:Courier New,Courier,monospace;display:flex;position:absolute;top:14px;right:16px}.trg-score{color:#fff;text-shadow:0 1px 4px #00000080;letter-spacing:2px;font-size:1.1rem;font-weight:700}.trg-hi{color:#ffffff8c;text-shadow:0 1px 4px #0006;letter-spacing:1.5px;font-size:.8rem;font-weight:600}.trg-exit{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .15s;display:flex}.trg-exit:hover{color:#fff;background:#fff3}.trg-mute{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .15s;display:flex}.trg-mute:hover{color:#fff;background:#fff3}.trg-ground{z-index:10;background:#1a1a2e;height:20px;position:absolute;bottom:0;left:0;right:0}.trg-ground-edge{background:#ffffff26;height:2px;position:absolute;top:0;left:0;right:0}.trg-ground-dashes{background:repeating-linear-gradient(90deg,#ffffff40 0 20px,#0000 20px 40px);width:200%;height:2px;animation:.8s linear infinite trg-dashScroll;position:absolute;top:9px;left:0}@keyframes trg-dashScroll{0%{transform:translate(0)}to{transform:translate(-40px)}}.trg-truck{z-index:11;will-change:transform;position:absolute}.trg-truck-svg{filter:drop-shadow(0 2px 3px #0000004d);width:80px;height:auto}.trg-truck-death .trg-truck-svg{animation:.5s ease-out forwards trg-deathTumble}@keyframes trg-deathTumble{0%{transform:rotate(0)scale(1)}25%{transform:rotate(-8deg)scale(1.05)}50%{transform:rotate(12deg)scale(.95)translateY(-5px)}75%{transform:rotate(-5deg)scale(1)}to{filter:brightness(.7);transform:rotate(3deg)scale(.98)}}.trg-obs-container{z-index:11;pointer-events:none;position:absolute;inset:0}.trg-obstacle{will-change:transform;backface-visibility:hidden;position:absolute;left:0}.trg-obstacle svg{width:100%;height:100%;display:block}.trg-gameover{z-index:15;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;background:#0000008c;justify-content:center;align-items:center;animation:.3s trg-fadeIn;display:flex;position:absolute;inset:0}.trg-gameover-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a141ecc;border:1px solid #ffffff1f;border-radius:14px;flex-direction:row;align-items:stretch;gap:0;max-width:90vw;padding:12px 0;display:flex}.trg-go-left{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:180px;padding:0 28px;display:flex}.trg-go-right{border-left:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:2px;min-width:200px;padding:0 24px;display:flex}.trg-gameover-title{color:#fff;letter-spacing:3px;text-shadow:0 2px 8px #00000080;font-size:.9rem;font-weight:800}.trg-gameover-miles{color:#fffc;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:600}.trg-gameover-newhigh{color:#fbbf24;text-shadow:0 0 8px #fbbf2466;font-size:.6rem;font-weight:700;animation:1s ease-in-out infinite alternate trg-pulse}.trg-gameover-actions{gap:10px;margin-top:4px;display:flex}.trg-btn-retry,.trg-btn-exit{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:4px 14px;font-size:.68rem;font-weight:600;transition:all .15s}.trg-btn-retry{color:#5eead4;background:#2dd4bf33;border-color:#2dd4bf59}.trg-btn-retry:hover{color:#99f6e4;background:#2dd4bf59}.trg-btn-exit{color:#fff9;background:#ffffff14;border-color:#ffffff26}.trg-btn-exit:hover{color:#ffffffd9;background:#ffffff26}.trg-gameover-keys{color:#ffffff4d;align-items:center;gap:4px;margin-top:4px;font-size:.55rem;display:flex}.trg-gameover-keys kbd{color:#fff6;background:#ffffff14;border:1px solid #ffffff1f;border-radius:3px;padding:0 4px;font-family:inherit;font-size:.5rem}.trg-lb-title{color:#ffffffb3;letter-spacing:1.5px;text-transform:uppercase;font-size:.7rem;font-weight:700}.trg-lb-loading,.trg-lb-empty{color:#fff6;font-size:.65rem;font-style:italic}.trg-lb-list{flex-direction:column;gap:2px;width:100%;display:flex}.trg-lb-row{color:#ffffffb3;border-radius:6px;align-items:center;gap:8px;padding:2px 10px;font-size:.62rem;display:flex}.trg-lb-row:first-child{background:#fbbf241f}.trg-lb-row:nth-child(2){background:#c0c0c014}.trg-lb-row:nth-child(3){background:#cd7f3214}.trg-lb-you{color:#5eead4;font-weight:600;background:#2dd4bf26!important}.trg-lb-rank{text-align:center;flex-shrink:0;width:22px;font-size:.72rem}.trg-lb-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.trg-lb-score{font-variant-numeric:tabular-nums;flex-shrink:0;font-family:Courier New,Courier,monospace;font-weight:700}@keyframes trg-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes trg-pulse{0%{opacity:.7}to{opacity:1}}.truck-container.truck-game-hidden{display:none!important}.road-scene.road-game-active .lane-dashes{animation-duration:2s!important}@media (max-width:640px){.trg-truck-svg{width:56px}.trg-gameover-box{flex-direction:column;gap:6px;padding:10px 16px}.trg-go-right{border-top:1px solid #ffffff1a;border-left:none;padding:6px 0 0}.trg-milestone-text{font-size:1.2rem}.game-hint-badge{font-size:.6rem;bottom:38px}}