#ld{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#3a9cf0 0%,#8fd0ff 55%,#d6f0ff 100%);transition:opacity .6s}
.cloud{position:absolute;width:170px;height:54px;background:#fff;border-radius:60px;box-shadow:70px -22px 0 -6px #fff,-55px -12px 0 -8px #fff;opacity:.95;animation:cld 70s linear infinite}
#lsc{position:absolute;left:0;right:0;bottom:96px;width:100%;height:62%}
#lroad{position:absolute;left:0;right:0;bottom:0;height:100px;background:linear-gradient(180deg,#4b515e,#2f343e);border-top:8px solid #cbd5e1}
#lroad::before{content:"";position:absolute;left:0;right:0;top:44px;height:6px;background:repeating-linear-gradient(90deg,#fde047 0 36px,transparent 36px 64px)}
#lcw{position:absolute;left:50%;bottom:4px;width:min(480px,70%);height:30px;transform:translateX(-50%);background:repeating-linear-gradient(90deg,#f1f5f9 0 50px,transparent 50px 90px);opacity:.9;border-radius:4px}
.cr{position:absolute;font-size:44px;line-height:1;animation:drv linear infinite}
.cr span{display:block}
.cr.a span{transform:scaleX(-1)}
#lc{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:min(540px,94vw);margin-bottom:96px;text-align:center}
#lk{display:flex;justify-content:center}
.kid{animation:bob 2.6s ease-in-out infinite;overflow:visible;filter:drop-shadow(0 8px 10px #0006)}
.cap{transform-origin:120px 40px;animation:capj 5s infinite}
.eye{transform-box:fill-box;transform-origin:center;animation:blk 3.4s infinite}
.hand{transform-origin:60px 152px;animation:sal 1s ease-in-out infinite alternate}
#lg{position:relative;display:inline-flex;align-items:center;gap:10px;margin-top:-4px;padding:8px 30px 8px 80px;border-radius:46px;background:linear-gradient(180deg,#2a2f3a,#0f1218);border:6px solid #2563eb;box-shadow:0 0 0 4px #bfdbfe,0 12px 24px #0007,0 0 32px #3b82f6aa;transform:rotate(-1.5deg)}
#lg .g1,#lg .g2{font-size:56px;font-weight:900;line-height:1.05;-webkit-text-stroke:8px #0b3b8f;paint-order:stroke fill;text-shadow:0 6px 0 #0b2a6b}
#lg .g1{color:#fde047}
#lg .g2{color:#84cc16}
#lt3{position:absolute;left:-24px;top:-22px;width:52px;height:104px;border-radius:14px;background:linear-gradient(180deg,#1f2937,#0b1220);border:3px solid #475569;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:6px 0;box-shadow:0 6px 12px #0007}
#lt3 i{width:26px;height:26px;border-radius:50%;background:#4a1d1d}
#lt3 .y{background:#4a3b12}
#lt3 .g{background:#14391f}
#ld.s1 .r{background:#ef4444;box-shadow:0 0 14px #ef4444}
#ld.s2 .y{background:#f5b301;box-shadow:0 0 14px #f5b301}
#ld.s3 .g{background:#22c55e;box-shadow:0 0 16px #22c55e}
#lsub{margin-top:10px;padding:6px 22px;border-radius:24px;background:linear-gradient(180deg,#2563eb,#1e3a8a);color:#fff;font-weight:700;font-size:15px;border:3px solid #93c5fd;box-shadow:0 4px 0 #0b1e5c,0 0 14px #3b82f688}
#bub{margin-top:12px;color:#fff;font-weight:700;font-size:15px;text-shadow:0 2px 4px #000a}
#lb{position:relative;direction:ltr;width:100%;height:28px;margin:26px 0 6px;border-radius:16px;background:#0b1b4a;border:4px solid #93c5fd;box-shadow:0 4px 0 #0b1e5c}
#lf{position:relative;height:100%;width:0;border-radius:11px;overflow:hidden;background:linear-gradient(180deg,#bef264,#65a30d)}
#lf::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,#ffffff44 0 8px,transparent 8px 16px);animation:stp .6s linear infinite}
#lcar{position:absolute;top:-34px;left:0;font-size:32px;transform:translateX(-50%) scaleX(-1);transition:left .1s linear}
#lr{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}
#tip2{font-size:12px;color:#fff;text-align:right;flex:1;background:#0b1b4acc;padding:3px 10px;border-radius:10px;border:2px solid #93c5fd}
#lp{font-size:22px;color:#fde047;text-shadow:0 2px 0 #92400e}
#lgo{display:none;margin-top:12px;padding:12px 34px;font-size:20px;font-weight:700;border-radius:18px;border:4px solid #fff;background:linear-gradient(180deg,#a3e635,#4d7c0f);color:#fff;text-shadow:0 2px 0 #14532d;box-shadow:0 6px 0 #365314,0 0 20px #84cc16aa}
#lgo:active{transform:translateY(4px);box-shadow:0 2px 0 #365314}
#lmodes{display:none;gap:14px;margin-top:12px;flex-wrap:wrap;justify-content:center}
.lm{padding:12px 26px;font-size:19px;font-weight:700;border-radius:18px;border:4px solid #fff;color:#fff;text-shadow:0 2px 0 #0004;cursor:pointer;font-family:inherit}
.lm.st{background:linear-gradient(180deg,#60a5fa,#1d4ed8);box-shadow:0 6px 0 #1e3a8a,0 0 20px #3b82f6aa}
.lm.fr{background:linear-gradient(180deg,#a3e635,#4d7c0f);box-shadow:0 6px 0 #365314,0 0 20px #84cc16aa}
.lm:active{transform:translateY(4px)}
@keyframes cld{from{left:-260px}to{left:105%}}
@keyframes drv{from{left:-80px}to{left:105%}}
@keyframes drl{from{left:105%}to{left:-80px}}
@keyframes bob{50%{transform:translateY(-4px)}}
@keyframes capj{0%,70%,100%{transform:none}78%{transform:translateY(-10px) rotate(-5deg)}88%{transform:translateY(2px)}}
@keyframes blk{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes sal{from{transform:rotate(-3deg)}to{transform:rotate(4deg)}}
@keyframes stp{to{background-position:22px 0}}