html,body{overflow:hidden}body{background:#0a0e1a;font-family:Inter,SF Pro Display,-apple-system,sans-serif}:root{--road-h:max(22vh, 130px)}.sky{z-index:0;background:linear-gradient(#1a2a4a 0%,#2a3a5a 40%,#4a5a70 70%,#6a7a88 100%);position:fixed;inset:0}.sun{z-index:1;background:radial-gradient(circle at 40% 35%,#fffce0 0%,#ffec80 40%,#ffc840 70%,#ffa820 100%);border-radius:50%;width:70px;height:70px;position:fixed;top:14%;right:18%;box-shadow:0 0 40px #fff096d9,0 0 80px #ffd25a80}.sun:before{content:"";background:radial-gradient(circle,#ffe68259 0%,#ffc8501f 40%,#0000 70%);border-radius:50%;width:180%;height:180%;animation:3s ease-in-out infinite alternate sunPulse;position:absolute;top:50%;left:50%}@keyframes sunPulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.far-layer{bottom:calc(var(--road-h) + 12vh);z-index:2;pointer-events:none;width:200%;height:18vh;animation:90s linear infinite scrollFar;position:fixed;left:0}@keyframes scrollFar{0%{transform:translate(0)}to{transform:translate(-50%)}}.mountain{border-bottom:110px solid #2a3448;border-left:120px solid #0000;border-right:120px solid #0000;width:0;height:0;position:absolute;bottom:0}.building{background:#2a3448;border-radius:2px 2px 0 0;position:absolute;bottom:0}.building:before{content:"";opacity:.8;background-image:radial-gradient(circle at 20% 25%,#ffdc96e6 1.5px,#0000 2px),radial-gradient(circle at 60% 25%,#ffdc96b3 1.5px,#0000 2px),radial-gradient(circle at 20% 60%,#ffdc96cc 1.5px,#0000 2px),radial-gradient(circle at 60% 60%,#ffdc9699 1.5px,#0000 2px);background-size:14px 14px;width:70%;height:70%;position:absolute;top:15%;left:15%}.mid-layer{bottom:var(--road-h);z-index:5;pointer-events:none;width:200%;height:16vh;animation:45s linear infinite scrollMid;position:fixed;left:0}@keyframes scrollMid{0%{transform:translate(0)}to{transform:translate(-50%)}}.tree{width:60px;height:110px;position:absolute;bottom:0}.tree-trunk{background:linear-gradient(90deg,#3a2818,#5a4028,#3a2818);border-radius:2px;width:8px;height:40px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tree-crown{background:radial-gradient(circle at 40% 35%,#4a8a30 0%,#3a6a20 50%,#2a5018 100%);border-radius:50% 50% 45% 45%;width:60px;height:75px;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:inset -4px -4px 8px #0006}.lamp{width:4px;height:110px;position:absolute;bottom:0}.lamp-pole{background:linear-gradient(90deg,#4a4a52,#7a7a82,#4a4a52);border-radius:2px;width:4px;height:100%;position:absolute;bottom:0;left:0}.lamp-head{background:linear-gradient(#6a6a72,#3a3a42);border-radius:50% 50% 30% 30%/60% 60% 40% 40%;width:24px;height:14px;position:absolute;top:0;left:-10px;box-shadow:0 2px 4px #0009}.lamp-head:after{content:"";filter:blur(3px);pointer-events:none;background:radial-gradient(at 50% 0,#ffe69680 0%,#ffd26426 40%,#0000 80%);width:30px;height:60px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.near-layer{bottom:calc(var(--road-h) - 6vh);z-index:8;pointer-events:none;width:200%;height:8vh;animation:25s linear infinite scrollNear;position:fixed;left:0}@keyframes scrollNear{0%{transform:translate(0)}to{transform:translate(-50%)}}.bush{background:radial-gradient(at 40% 30%,#4a7a30 0%,#3a6020 60%,#2a4818 100%);border-radius:50% 50% 40% 40%;width:44px;height:22px;position:absolute;bottom:0;box-shadow:inset -3px -3px 6px #0000004d}.rock{background:radial-gradient(at 40% 30%,#5a5a62 0%,#3a3a42 60%,#2a2a32 100%);border-radius:50% 40%;width:20px;height:12px;position:absolute;bottom:0;box-shadow:inset -2px -2px 4px #0006}.road{height:var(--road-h);z-index:10;background:linear-gradient(#2a2a30 0%,#1e1e24 30%,#14141a 100%);position:fixed;bottom:0;left:0;right:0;overflow:hidden}.road:before{content:"";background:#c8c8dc66;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 8px #c8c8dc4d}.road-center-line{bottom:calc(var(--road-h) * .5);z-index:11;background:repeating-linear-gradient(90deg,#f0e0a0 0 50px,#0000 50px 100px);width:200%;height:4px;animation:4s linear infinite scrollRoad;position:fixed;left:0}@keyframes scrollRoad{0%{transform:translate(0)}to{transform:translate(-100px)}}.road-center-line-2{bottom:calc(var(--road-h) * .27);z-index:11;background:repeating-linear-gradient(90deg,#f0e0a080 0 40px,#0000 40px 80px);width:200%;height:3px;animation:5s linear infinite scrollRoad2;position:fixed;left:0}@keyframes scrollRoad2{0%{transform:translate(0)}to{transform:translate(-80px)}}.bus-wrapper{bottom:calc(var(--road-h) * .59);z-index:15;animation:1.2s ease-in-out infinite alternate busBounce;position:fixed;left:50%}@keyframes busBounce{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-2px)}}.bus-shadow{filter:blur(4px);z-index:-1;background:radial-gradient(#000000bf 0%,#0000 70%);border-radius:50%;width:92%;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.bus{width:clamp(200px,50vw,280px);height:clamp(110px,28vw,150px);position:relative}.bus-body{background:linear-gradient(#e8a020 0%,#d89010 40%,#b87010 80%,#a06008 100%);border-radius:10px 14px 4px 4px;width:100%;height:62%;position:absolute;bottom:22%;left:0;box-shadow:inset 0 4px 8px #fff0b466,inset 0 -6px 12px #0006,0 4px 12px #00000080}.bus-body:before{content:"";background:linear-gradient(#4a2a10 0%,#2a1808 100%);height:8%;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.bus-top{background:linear-gradient(#f0b030 0%,#e0a020 100%);border-radius:14px 14px 4px 4px;width:94%;height:22%;position:absolute;top:0;left:3%;box-shadow:inset 0 3px 6px #fff0b480,0 -2px 6px #0000004d}.bus-windows{z-index:2;gap:4%;width:88%;height:34%;display:flex;position:absolute;top:24%;left:6%}.bus-window{background:linear-gradient(#a8d0e8 0%,#7ab0d0 60%,#5a90b8 100%);border-radius:4px;flex:1;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #0000004d}.bus-window:before{content:"";background:linear-gradient(135deg,#fff9 0%,#0000 60%);border-radius:2px;width:30%;height:40%;position:absolute;top:10%;left:15%;transform:skew(-15deg)}.bus-wheels{z-index:3;width:100%;height:26%;position:absolute;bottom:0;left:0}.bus-wheel{aspect-ratio:1;background:radial-gradient(circle,#1a1a22 0%,#0e0e15 65%,#050508 100%);border-radius:50%;width:44px;height:44px;position:absolute;bottom:0;overflow:hidden;box-shadow:inset 0 0 8px #000000e6,0 2px 6px #000000b3,0 0 0 2px #2a2a32}.bus-wheel:before{content:"";background:repeating-conic-gradient(#0000 0deg 30deg,#50505a66 30deg 32deg);border-radius:50%;animation:2s linear infinite wheelSpin;position:absolute;inset:0}.bus-wheel:after{content:"";background:radial-gradient(circle at 40% 35%,#d0d0d8 0%,#a0a0a8 30%,#6a6a72 60%,#3a3a42 100%);border-radius:50%;width:55%;height:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 4px #fff6,inset 0 -2px 4px #0009,0 0 0 2px #2a2a32}.bus-wheel-spokes{z-index:1;pointer-events:none;border-radius:50%;width:55%;height:55%;animation:2s linear infinite wheelSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bus-wheel-spokes:before,.bus-wheel-spokes:after{content:"";background:#1a1a22;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bus-wheel-spokes:before{width:100%;height:3px}.bus-wheel-spokes:after{width:3px;height:100%}.bus-wheel-hub{z-index:2;background:radial-gradient(circle at 40% 35%,#fff0d0 0%,#d0a060 50%,#8a6020 100%);border-radius:50%;width:20%;height:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #fff9,0 0 4px #0009}.bus-wheel-left{left:12%}.bus-wheel-right{right:12%}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bus-headlight{z-index:4;background:radial-gradient(#fffce0 0%,#ffe870 50%,#ffc820 100%);border-radius:50%;width:12px;height:8px;position:absolute;bottom:30%;right:1%;box-shadow:0 0 12px #fff096e6,0 0 24px #ffdc6480}.bus-headlight:after{content:"";clip-path:polygon(0 50%,100% 0%,100% 100%);pointer-events:none;filter:blur(2px);background:linear-gradient(90deg,#fff09659 0%,#0000 100%);width:80px;height:40px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.bus-taillight{z-index:4;background:radial-gradient(#ff6060 0%,#e02020 50%,#a01010 100%);border-radius:50%;width:10px;height:8px;position:absolute;bottom:30%;left:1%;box-shadow:0 0 10px #ff503ce6,0 0 20px #ff281480}.exhaust{filter:blur(4px);z-index:12;pointer-events:none;background:radial-gradient(circle,#96969680 0%,#64646433 40%,#0000 70%);border-radius:50%;width:15px;height:15px;position:fixed}.clock{z-index:100;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:25vh;left:50%;transform:translate(-50%)}.clock-time{letter-spacing:clamp(6px,2.2vw,14px);color:#fff;font-variant-numeric:tabular-nums;padding-left:clamp(6px,2.2vw,14px);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:clamp(3rem,10vw,6rem);font-weight:800;line-height:1}.clock-date{letter-spacing:clamp(5px,1.6vw,9px);color:#fff;text-transform:uppercase;opacity:.9;font-size:clamp(.75rem,2vw,1rem);font-weight:700}@media (width<=480px){.clock{top:30vh}.clock-time{letter-spacing:clamp(5px,2vw,8px);font-size:clamp(2.4rem,11vw,4rem)}.clock-date{letter-spacing:4px;font-size:clamp(.6rem,1.8vw,.75rem)}.sun{width:50px;height:50px}.bus-wheel{width:32px;height:32px}}@media (height<=600px) and (orientation:landscape){.clock{top:30vh}.clock-time{font-size:clamp(2rem,6vw,3.5rem)}}