:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(180deg,#1a1a2e,#16213e 40%,#0f3460,#533483);overflow:hidden}.bus-scene{position:relative;width:700px;height:400px;animation:scene-float 6s ease-in-out infinite}@keyframes scene-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.road{position:absolute;bottom:40px;left:-60px;right:-60px;height:60px;background:#1a1a1a;border-top:3px solid #333;display:flex;align-items:center;gap:60px;padding:0 30px;animation:road-scroll 1.5s linear infinite}.road-line{width:60px;height:4px;background:gold;border-radius:2px;flex-shrink:0}@keyframes road-scroll{0%{transform:translate(0)}to{transform:translate(-120px)}}.bus{position:absolute;bottom:70px;left:50%;transform:translate(-50%);animation:bus-bounce .6s ease-in-out infinite}@keyframes bus-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.bus-body{position:relative;width:420px;height:120px;background:linear-gradient(180deg,#e63946,#c1121f);border-radius:12px 12px 4px 4px;border:2px solid #a4161a;overflow:hidden}.bus-stripe{position:absolute;bottom:0;left:0;right:0;height:18px;background:#2b2d42}.windows{position:absolute;top:14px;left:80px;right:20px;display:flex;gap:10px;align-items:flex-end}.window{width:52px;height:48px;background:linear-gradient(180deg,#a8dadc,#457b9d);border:2px solid #1d3557;border-radius:6px 6px 2px 2px;box-shadow:inset 0 0 8px #fff3}.door-window{width:30px;height:42px;border-radius:6px 6px 0 0;margin-right:-4px}.door{width:36px;height:70px;background:linear-gradient(180deg,#d4a373,#b07d56);border:2px solid #8b5e34;border-radius:4px 4px 0 0;position:relative;align-self:flex-end}.door-handle{position:absolute;top:30px;right:5px;width:6px;height:14px;background:silver;border-radius:3px;border:1px solid #999}.headlight{position:absolute;width:16px;height:22px;border-radius:4px;border:2px solid #888}.headlight-front{right:-2px;top:35px;background:gold;box-shadow:0 0 16px 6px #ffd70066;animation:headlight-glow 1.5s ease-in-out infinite}.headlight-rear{left:-2px;top:35px;background:#f44;box-shadow:0 0 8px 2px #ff44444d}@keyframes headlight-glow{0%,to{box-shadow:0 0 16px 6px #ffd70066}50%{box-shadow:0 0 24px 10px #ffd70099}}.mirror{position:absolute;width:12px;height:18px;background:#555;border:1px solid #333;border-radius:2px}.mirror-left{left:-14px;top:30px}.mirror-right{right:-14px;top:30px}.route-sign{position:absolute;top:10px;left:14px;width:40px;height:28px;background:#fff;border:2px solid #333;border-radius:3px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#1d3557}.bumper{position:absolute;width:8px;height:30px;background:#444;border-radius:2px;border:1px solid #222}.bumper-front{right:-10px;top:40px}.bumper-rear{left:-10px;top:40px}.bus-roof{position:relative;width:400px;height:14px;margin:0 auto;background:linear-gradient(180deg,#a4161a,#c1121f);border-radius:6px 6px 0 0;display:flex;align-items:center;gap:30px;padding:0 40px}.vent{width:30px;height:8px;background:#333;border-radius:2px}.ac-unit{width:40px;height:10px;background:#666;border-radius:3px;border:1px solid #444}.wheel-group{position:absolute;bottom:-20px}.wheel-front{right:50px}.wheel-rear{left:50px}.wheel{width:40px;height:40px;background:radial-gradient(circle,#333 30%,#1a1a1a 60%,#333 62%,#1a1a1a);border-radius:50%;border:3px solid #555;display:flex;align-items:center;justify-content:center;animation:wheel-spin .8s linear infinite}.hubcap{width:14px;height:14px;background:radial-gradient(circle,#ccc,#999);border-radius:50%;border:1px solid #777}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exhaust{position:absolute;bottom:55px;left:50%;transform:translate(-210px)}.puff{position:absolute;border-radius:50%;background:#c8c8c84d;animation:puff-rise 2s ease-out infinite}.puff-1{width:18px;height:18px;animation-delay:0s}.puff-2{width:14px;height:14px;left:-10px;top:-6px;animation-delay:.5s}.puff-3{width:10px;height:10px;left:-4px;top:-14px;animation-delay:1s}@keyframes puff-rise{0%{opacity:.6;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-40px,-30px) scale(2.5)}}.ground{position:absolute;bottom:0;left:-60px;right:-60px;height:40px;background:linear-gradient(180deg,#2d6a4f,#1b4332)}.bus-scene:before,.bus-scene:after{content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite}.bus-scene:before{top:20px;left:80px;animation-delay:.3s}.bus-scene:after{top:50px;right:120px;animation-delay:1.2s}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}