:root{--sky-1: #d7e8ff;--sky-2: #f5f8fd;--city: #c3d7f6;--hill: #a9c6f0;--grass: #bfe3cc;--asphalt: #2c3547;--lane: #ffffff;--cloud: #ffffff;--glass: #bfe0ff;--win: #ffffff;--win-o: .45;--sun-o: 1;--moon-o: 0;--star-o: 0;--beam-o: 0;--pole: #5b6b84;--walk: #d6dfeb;--curb: #b3c0d2;--pole2: #4b5a72;--tree-1: #5cb87a;--tree-2: #3f9c62;--tree-3: #8ad6a1;--lamp-o: 0;--tail-o: 0;--bus-lit-o: 0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--sky-1: #081530;--sky-2: #0b1220;--city: #13244a;--hill: #172c55;--grass: #0f2a20;--asphalt: #161d2b;--lane: #d9e2f2;--cloud: #1b2a48;--glass: #28406b;--win: #ffd46b;--win-o: .85;--sun-o: 0;--moon-o: 1;--star-o: 1;--beam-o: .9;--pole: #3b4a66;--walk: #19233a;--curb: #28344e;--pole2: #334058;--tree-1: #1f5a3d;--tree-2: #174632;--tree-3: #2c7350;--lamp-o: 1;--tail-o: .55;--bus-lit-o: .45}}:root[data-theme=dark]{--sky-1: #081530;--sky-2: #0b1220;--city: #13244a;--hill: #172c55;--grass: #0f2a20;--asphalt: #161d2b;--lane: #d9e2f2;--cloud: #1b2a48;--glass: #28406b;--win: #ffd46b;--win-o: .85;--sun-o: 0;--moon-o: 1;--star-o: 1;--beam-o: .9;--pole: #3b4a66;--walk: #19233a;--curb: #28344e;--pole2: #334058;--tree-1: #1f5a3d;--tree-2: #174632;--tree-3: #2c7350;--lamp-o: 1;--tail-o: .55;--bus-lit-o: .45}.scene{position:absolute;inset:0;width:100%;height:100%;display:block}.sun{opacity:var(--sun-o);transition:opacity .6s}.moon{opacity:var(--moon-o);transition:opacity .6s}.stars{opacity:var(--star-o);transition:opacity .6s}.stars circle:nth-child(3n){animation:twinkle 2.6s ease-in-out infinite}.stars circle:nth-child(3n+1){animation:twinkle 3.4s .8s ease-in-out infinite}@keyframes twinkle{50%{opacity:.25}}.rays{transform-origin:1085px 52px;animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cloud{animation:drift linear infinite}.cloud.c1{animation-duration:70s;animation-delay:-12s}.cloud.c2{animation-duration:95s;animation-delay:-60s}.cloud.c3{animation-duration:120s;animation-delay:-30s}@keyframes drift{0%{transform:translate(1300px)}to{transform:translate(-260px)}}.birds{opacity:var(--sun-o);animation:birds 38s linear infinite;animation-delay:-8s}@keyframes birds{0%{transform:translate(-120px)}to{transform:translate(1320px,-30px)}}.wing{transform-box:fill-box;transform-origin:50% 100%;animation:flap .32s ease-in-out infinite alternate}@keyframes flap{to{transform:scaleY(-.6)}}.city{animation:city 110s linear infinite}@keyframes city{to{transform:translate(-1200px)}}.winlit{opacity:var(--win-o);transition:opacity .6s}@property --mx{syntax: "<number>"; inherits: false; initial-value: 0;}.plx-1,.plx-2,.plx-3{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.plx-1{transform:translate(calc(var(--mx, 0) * -6px))}.plx-2{transform:translate(calc(var(--mx, 0) * -12px))}.plx-3{transform:translate(calc(var(--mx, 0) * -20px))}.sway{transform-box:fill-box;transform-origin:50% 100%;animation:sway 4.5s ease-in-out infinite}.sway.s2{animation-delay:-1.5s}.sway.s3{animation-delay:-3s}@keyframes sway{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}.lampglow{opacity:var(--lamp-o);transition:opacity .6s}.dash{animation:dash .5s linear infinite}@keyframes dash{to{transform:translate(-76px)}}.spin{transform-box:view-box;transform-origin:0 0;animation:spin .42s linear infinite}.passer .spin{animation-duration:.7s}.passer{animation:pass 13s linear infinite}.passer.p1{animation-delay:-3s}.passer.p2{animation-delay:-9.5s}@keyframes pass{0%{transform:translate(1320px,142.6px)}to{transform:translate(-300px,142.6px)}}.amber{animation:blink 1s steps(1) infinite}.amber.a2{animation-delay:.5s}@keyframes blink{50%{opacity:.25}}.buslit{opacity:var(--bus-lit-o);transition:opacity .6s}.car-body{animation:bob .45s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-1.2px)}}.beam{opacity:var(--beam-o);transition:opacity .6s}.brake{opacity:var(--tail-o);transition:opacity .25s}.speedlines{opacity:0;transition:opacity .3s}.speedline{animation:whoosh .6s linear infinite}.speedline:nth-child(2){animation-delay:.2s}.speedline:nth-child(3){animation-delay:.4s}@keyframes whoosh{0%{transform:translate(0);opacity:.9}to{transform:translate(-40px);opacity:0}}.puff{opacity:0;transform-box:fill-box;transform-origin:center}.puff:nth-child(2){animation-delay:.15s!important}.puff:nth-child(3){animation-delay:.3s!important}@keyframes puff{0%{opacity:.85;transform:translate(0) scale(.6)}to{opacity:0;transform:translate(-30px,-12px) scale(1.9)}}.car.honk .car-body{animation:hop .5s cubic-bezier(.3,1.8,.5,1)}@keyframes hop{40%{transform:translateY(-12px)}}.bubble{opacity:0;transform:translateY(8px) scale(.7);transform-box:fill-box;transform-origin:50% 100%;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);pointer-events:none}.bubble.show{opacity:1;transform:none}.sig-on,.sig-glow{opacity:0;transition:opacity .15s}.scene[data-phase=go] :is(.sig-on.g,.sig-glow.g),.scene[data-phase=slow] :is(.sig-on.y,.sig-glow.y),.scene[data-phase=stop] :is(.sig-on.r,.sig-glow.r){opacity:1}.scene[data-phase=go] .speedlines{opacity:1}.scene:is([data-phase=slow],[data-phase=stop]) .brake{opacity:1}.scene[data-phase=stop] :is(.dash,.city,.car .spin){animation-play-state:paused}.scene.launch .puff{animation:puff 1s ease-out}.ground{animation:ground 7.895s linear infinite}@keyframes ground{to{transform:translate(-1200px)}}.scene[data-phase=stop] .ground{animation-play-state:paused}.scene.cam-fixed :is(.dash,.city){animation:none}.scene.cam-fixed .plx-3{transform:none}.passer .spin{animation-direction:reverse}@media(scripting:none){.scene *,.scene *:before,.scene *:after{animation-play-state:paused!important}}@media(prefers-reduced-motion:reduce){.scene *,.scene *:before,.scene *:after{animation-play-state:paused!important;transition:none!important}}.walk .leg-a,.walk .leg-b{transform-box:view-box;transform-origin:0 -30px}.walk .arm-a,.walk .arm-b{transform-box:view-box;transform-origin:0 -50px}.walk .leg-a,.walk .arm-b{animation:k-stride .7s ease-in-out infinite alternate}.walk .leg-b,.walk .arm-a{animation:k-stride .7s ease-in-out infinite alternate-reverse}@keyframes k-stride{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.hero.has-scene{background:linear-gradient(180deg,var(--sky-1),var(--sky-2) 78%);padding-bottom:0}.hero.has-scene.compact{padding-bottom:0}.scene-wrap{position:relative;z-index:1;height:clamp(170px,21.67vw,560px);margin-top:8px;pointer-events:none}@media(max-width:520px){.hero.compact .scene-wrap{height:clamp(100px,30vw,170px);margin-top:4px}}.scene-wrap .scene{position:absolute;inset:0;width:100%;height:100%;display:block;direction:ltr;unicode-bidi:isolate}.card .thumb>svg{direction:ltr;unicode-bidi:isolate}.scene-wrap .scene [data-honk]{pointer-events:auto;cursor:pointer}.scene-wrap .scene [data-honk] :is(.beam,.speedlines,.puff){pointer-events:none}.scene-wrap .kit-defs{position:absolute;width:0;height:0;overflow:hidden}.scene.scene-paused *,.scene.scene-paused *:before,.scene.scene-paused *:after{animation-play-state:paused!important}.thumb{position:relative;flex:none;width:76px;height:76px;border-radius:20px;display:grid;place-items:center;overflow:hidden;margin-bottom:8px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.thumb:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transform:translate(-120%);pointer-events:none}.card:is(:hover,:focus-visible,.play) .thumb{transform:rotate(-4deg) scale(1.06)}.card:is(:hover,:focus-visible,.play) .thumb:after{transition:transform .8s;transform:translate(120%)}.thumb>svg{display:block;width:60px;height:60px;overflow:visible}.thumb svg svg{overflow:hidden}.t-red{background:#c41230;box-shadow:0 10px 20px #c4123052}.t-yellow{background:#f6c743;box-shadow:0 10px 20px #f6c7436b}.t-green{background:#00693e;box-shadow:0 10px 20px #00693e52}.t-blue{background:#003da5;box-shadow:0 10px 20px #003da552}.t-orange{background:#e8720c;box-shadow:0 10px 20px #e8720c52}.th-wob,.th-tilt,.th-spin,.th-walker,.th-slide,.th-shake,.th-pop,.th-press,.th-steer,.th-lturn,.th-exit-arrow{transform-box:fill-box;transform-origin:center}.th-walker{transform-origin:50% 100%}.th-tl-r,.th-tl-y{opacity:.2}.th-needle{transform-box:view-box;transform-origin:32px 38px;transform:rotate(-60deg);transition:transform .9s cubic-bezier(.3,1.4,.5,1)}.th-exit-arrow{transition:transform .6s cubic-bezier(.3,1.6,.5,1)}.th-shine{transform:translate(-60px) skew(-20deg)}.th-belt{stroke-dasharray:60;stroke-dashoffset:0}.th-draw{stroke-dasharray:1 2;stroke-dashoffset:0}.th-rays{opacity:0}.th-turn{transform-box:fill-box;transform-origin:-21px 7px}.card:is(:hover,:focus-visible,.play) .th-wob{animation:th-wob .7s ease-in-out 2}.card:is(:hover,:focus-visible,.play) .th-tl-g{animation:th-tl-g 2.4s 1}.card:is(:hover,:focus-visible,.play) .th-tl-y{animation:th-tl-y 2.4s 1}.card:is(:hover,:focus-visible,.play) .th-tl-r{animation:th-tl-r 2.4s 1}.card:is(:hover,:focus-visible,.play) .th-flash1{animation:th-flash 1s steps(1) infinite}.card:is(:hover,:focus-visible,.play) .th-flash2{animation:th-flash 1s .5s steps(1) infinite}.card:is(:hover,:focus-visible,.play) .th-walker{animation:th-walk 1.4s ease-in-out 1}.card:is(:hover,:focus-visible,.play) .th-spin{animation:th-spin .5s linear 3}.card:is(:hover,:focus-visible,.play) .th-needle{transform:rotate(55deg)}.card:is(:hover,:focus-visible,.play) .th-slide{animation:th-park 1.1s cubic-bezier(.2,.9,.3,1.2) 1}.card:is(:hover,:focus-visible,.play) .th-tilt{animation:th-tilt .9s ease-in-out 1}.card:is(:hover,:focus-visible,.play) .th-belt{animation:th-belt .9s ease both}.card:is(:hover,:focus-visible,.play) .th-shake{animation:th-shake .12s linear 6}.card:is(:hover,:focus-visible,.play) .th-shine{transition:transform .9s;transform:translate(60px) skew(-20deg)}.card:is(:hover,:focus-visible,.play) .th-exit-arrow{transform:translate(3px,-3px)}.card:is(:hover,:focus-visible,.play) .th-pop{animation:th-pop .55s ease-in-out 1}.card:is(:hover,:focus-visible,.play) .th-draw{animation:th-draw .5s ease-out both}.card:is(:hover,:focus-visible,.play) .th-press{animation:th-press .35s ease-out 1}.card:is(:hover,:focus-visible,.play) .th-blink{animation:th-blink .6s .3s steps(1) 3}.card:is(:hover,:focus-visible,.play) .th-rays{animation:th-rays .6s .3s steps(1) 3}.card:is(:hover,:focus-visible,.play) .th-dash{animation:th-dash .6s linear 4}.card:is(:hover,:focus-visible,.play) .th-steer{animation:th-steer 1.4s ease-in-out 1}.card:is(:hover,:focus-visible,.play) .th-lturn{animation:th-lturn 1.8s ease-in-out 1}.card:is(:hover,:focus-visible,.play) .th-pass{animation:th-pass 2.5s ease-in-out 1}.card:is(:hover,:focus-visible,.play) .th-turn{animation:th-turn 2.5s ease-in-out 1}.card:is(:hover,:focus-visible,.play) .th-d1{animation-delay:.12s}.card:is(:hover,:focus-visible,.play) .th-d2{animation-delay:.24s}.card:is(:hover,:focus-visible,.play) .th-d3{animation-delay:.36s}.card:is(:hover,:focus-visible,.play) .th-late{animation-delay:.55s}@keyframes th-wob{25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}@keyframes th-tl-g{0%,28%{opacity:1}32%,94%{opacity:.2}to{opacity:1}}@keyframes th-tl-y{0%,28%{opacity:.2}32%,58%{opacity:1}62%,to{opacity:.2}}@keyframes th-tl-r{0%,58%{opacity:.2}62%,94%{opacity:1}to{opacity:.2}}@keyframes th-flash{50%{opacity:.15}}@keyframes th-walk{0%{transform:translate(-16px)}to{transform:translate(0)}}@keyframes th-spin{to{transform:rotate(360deg)}}@keyframes th-park{0%{transform:translate(28px);opacity:0}}@keyframes th-tilt{40%{transform:rotate(-22deg)}}@keyframes th-belt{0%{stroke-dashoffset:60}}@keyframes th-shake{25%{transform:translate(-1.5px) rotate(-3deg)}75%{transform:translate(1.5px) rotate(3deg)}}@keyframes th-pop{45%{transform:scale(1.28)}}@keyframes th-draw{0%{stroke-dashoffset:1}}@keyframes th-press{40%{transform:scale(.88)}}@keyframes th-blink{50%{opacity:.2}}@keyframes th-rays{0%{opacity:1}50%{opacity:0}}@keyframes th-dash{to{stroke-dashoffset:-10}}@keyframes th-steer{25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}@keyframes th-lturn{30%,70%{transform:rotate(-40deg)}}@keyframes th-pass{0%{transform:none}38%{transform:translateY(66px);opacity:1}39%{transform:translateY(66px);opacity:0}40%,86%{transform:none;opacity:0}to{transform:none;opacity:1}}@keyframes th-turn{0%,40%{transform:none}80%{transform:rotate(-90deg);opacity:1}88%{transform:rotate(-90deg);opacity:0}89%{transform:none;opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.thumb,.thumb *,.thumb:after{animation:none!important;transition:none!important}.card:is(:hover,:focus-visible,.play) .thumb{transform:none}.card:is(:hover,:focus-visible,.play) .th-needle{transform:rotate(-60deg)}.card:is(:hover,:focus-visible,.play) .th-exit-arrow{transform:none}}