.rt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--bg);display:flex;flex-direction:column;max-width:480px;margin:0 auto;transform:translateY(100%);transition:transform .3s ease-out}.rt-overlay.visible{transform:translateY(0)}.rt-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.rt-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text2);min-height:44px}.rt-title{font-size:16px;font-weight:700}.rt-body{flex:1;overflow-y:auto;padding:24px 16px;text-align:center}.rt-teaser-icon{font-size:48px;margin-bottom:20px;color:var(--primary)}.rt-teaser-title{font-size:22px;font-weight:800;text-align:center;margin-bottom:10px;line-height:1.2}.rt-teaser-sub{font-size:14px;color:var(--text2);text-align:center;margin-bottom:24px}.rt-teaser-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:14px 32px;font-size:15px;font-weight:700;min-height:48px}.rt-question{font-size:16px;font-weight:600;line-height:1.5;margin-bottom:20px;text-align:center}.rt-answers{width:100%;display:flex;flex-direction:column;gap:8px}.rt-answer{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;min-height:56px;cursor:pointer;transition:all .2s}.rt-answer:active{transform:scale(.98)}.rt-answer.selected{border-color:var(--primary);background:var(--primary-l)}.rt-answer.correct{border-color:var(--green);background:var(--green-l)}.rt-answer.wrong{border-color:var(--red);background:var(--red-l);opacity:.6}.rt-answer-marker{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;color:var(--text2)}.rt-answer.correct .rt-answer-marker{border-color:var(--green);color:var(--green);background:var(--green-l)}.rt-answer.wrong .rt-answer-marker{border-color:var(--red);color:var(--red)}.rt-explanation{margin-top:16px;padding:14px;background:var(--primary-l);border:1px solid var(--primary);border-radius:var(--radius-sm);font-size:13px;line-height:1.5;color:var(--text);animation:rtFadeIn .3s ease}@keyframes rtFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rt-next-btn{display:block;width:100%;margin-top:14px;padding:14px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;cursor:pointer;min-height:48px;animation:rtFadeIn .3s ease}.rt-next-btn:active{opacity:.85}.rt-final-icon{font-size:48px;margin-bottom:16px}.rt-final-title{font-size:24px;font-weight:800;text-align:center;margin-bottom:10px;color:var(--green)}.rt-final-text{font-size:14px;color:var(--text2);text-align:center;line-height:1.5;margin-bottom:24px}.rt-final-actions{display:flex;gap:10px;width:100%}.rt-final-actions button{flex:1;padding:12px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;min-height:48px}.rt-btn-bike{background:var(--primary);color:#fff}.rt-btn-share{background:var(--surface);border:1.5px solid var(--border);color:var(--text)}.cartoon-scene{position:relative;width:100%;height:120px;background:var(--bg, #F5F3F0);border-radius:var(--radius-sm, 10px);margin-bottom:14px;overflow:hidden}.cartoon-scene span{position:absolute;font-size:28px;opacity:0;line-height:1;-webkit-user-select:none;user-select:none}.scene-q1 .s-bike{bottom:22px;font-size:36px}.scene-q1 .s-phone{bottom:0;left:38%;font-size:28px}.scene-q1 .s-flash{top:10px;left:36%;font-size:30px}.scene-q1 .s-check{top:10px;left:10px;font-size:14px}.scene-q1.animate .s-bike{animation:q1-arrive .8s cubic-bezier(.25,.46,.45,.94) .2s forwards}.scene-q1.animate .s-phone{animation:q1-hand-up .4s ease 1.2s forwards}.scene-q1.animate .s-flash{animation:q1-flash .5s ease 1.8s forwards}.scene-q1.animate .s-check{animation:q1-polaroid .6s cubic-bezier(.34,1.4,.64,1) 2.4s forwards}@keyframes q1-arrive{0%{left:-70px;opacity:0}65%{left:34%;opacity:1}80%{left:36%}to{left:34%;opacity:1}}@keyframes q1-hand-up{0%{bottom:-20px;opacity:0}to{bottom:14px;opacity:1}}@keyframes q1-flash{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(2)}60%{opacity:.9;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}@keyframes q1-polaroid{0%{top:40px;left:52%;opacity:0;transform:rotate(20deg) scale(.5)}60%{top:8px;left:8px;opacity:1;transform:rotate(-12deg) scale(1.1)}to{top:10px;left:8px;opacity:1;transform:rotate(-8deg) scale(1)}}.scene-q2 .s-drop{font-size:18px;top:-10px}.scene-q2 .s-drop1{left:20%}.scene-q2 .s-drop2{left:50%}.scene-q2 .s-drop3{left:75%}.scene-q2 .s-bike-fast{bottom:22px;font-size:30px}.scene-q2 .s-crash{bottom:18px;left:40%;font-size:30px}.scene-q2 .s-bike-slow{bottom:22px;font-size:28px}.scene-q2 .s-check2{bottom:22px;right:16px;font-size:22px}.scene-q2.animate .s-drop1{animation:rain-drop .6s ease .1s forwards}.scene-q2.animate .s-drop2{animation:rain-drop .6s ease .25s forwards}.scene-q2.animate .s-drop3{animation:rain-drop .6s ease .4s forwards}.scene-q2.animate .s-bike-fast{animation:q2-bike-fast .7s ease .5s forwards}.scene-q2.animate .s-crash{animation:pop-in .3s ease 1.3s forwards}.scene-q2.animate .s-bike-slow{animation:q2-bike-slow .8s ease 1.8s forwards}.scene-q2.animate .s-check2{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) 2.7s forwards}@keyframes rain-drop{0%{top:-10px;opacity:1}to{top:80px;opacity:.6}}@keyframes q2-bike-fast{0%{left:-50px;opacity:0}60%{left:34%;opacity:1}80%{left:36%;transform:rotate(-18deg)}to{left:34%;opacity:.4;transform:rotate(-32deg)}}@keyframes q2-bike-slow{0%{left:-50px;opacity:0}to{left:12px;opacity:1}}.scene-q3 .s-mt-l{bottom:10px;left:-10px;font-size:44px;opacity:.12}.scene-q3 .s-mt-r{bottom:10px;right:-10px;font-size:44px;opacity:.12}.scene-q3 .s-truck{bottom:22px;font-size:32px}.scene-q3 .s-bike3{bottom:22px;font-size:26px}.scene-q3 .s-wave1,.scene-q3 .s-wave2{bottom:56px;font-size:18px}.scene-q3.animate .s-mt-l{animation:fade-in .4s ease forwards}.scene-q3.animate .s-mt-r{animation:fade-in .4s ease .1s forwards}.scene-q3.animate .s-truck{animation:q3-truck-meet .9s ease .3s forwards}.scene-q3.animate .s-bike3{animation:q3-bike-meet .9s ease .3s forwards}.scene-q3.animate .s-wave1{animation:q3-wave-trk .4s ease 1.9s forwards}.scene-q3.animate .s-wave2{animation:q3-wave-bike .4s ease 2.1s forwards}@keyframes q3-truck-meet{0%{right:-60px;opacity:0}55%{right:38%;opacity:1}75%{right:40%}to{right:36%;opacity:1}}@keyframes q3-bike-meet{0%{left:-50px;opacity:0}55%{left:18%;opacity:1}75%{left:16%}to{left:14%;opacity:1}}@keyframes q3-wave-trk{0%{right:30%;bottom:56px;opacity:0;transform:rotate(-15deg)}60%{opacity:1;transform:rotate(10deg)}to{opacity:1;transform:rotate(0)}}@keyframes q3-wave-bike{0%{left:10%;bottom:56px;opacity:0;transform:rotate(15deg)}60%{opacity:1;transform:rotate(-10deg)}to{opacity:1;transform:rotate(0)}}.scene-q4 .s-beer{top:14px;font-size:24px}.scene-q4 .s-beer1{left:10px}.scene-q4 .s-beer2{left:40px}.scene-q4 .s-beer3{left:70px}.scene-q4 .s-bike4{bottom:22px;font-size:32px}.scene-q4 .s-crash4{bottom:18px;left:40%;font-size:28px}.scene-q4 .s-moon{top:8px;right:12px;font-size:26px}.scene-q4 .s-bike4b{bottom:22px;right:-50px;font-size:24px}.scene-q4 .s-person{bottom:26px;font-size:20px}.scene-q4 .s-car4{bottom:18px;font-size:28px}.scene-q4 .s-check4{top:12px;right:12px;font-size:22px}.scene-q4.animate .s-beer1{animation:pop-in .3s ease .1s forwards}.scene-q4.animate .s-beer2{animation:pop-in .3s ease .3s forwards}.scene-q4.animate .s-beer3{animation:pop-in .3s ease .5s forwards}.scene-q4.animate .s-bike4{animation:q4-drunk-bike .9s ease 1s forwards}.scene-q4.animate .s-crash4{animation:pop-in .3s ease 2s forwards}.scene-q4.animate .s-moon{animation:fade-in .5s ease 2.4s forwards}.scene-q4.animate .s-car4{animation:q4-car .7s ease 2.8s forwards}.scene-q4.animate .s-person{animation:q4-person .4s ease 3.2s forwards}.scene-q4.animate .s-check4{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) 3.7s forwards}@keyframes q4-drunk-bike{0%{left:-50px;opacity:0;transform:rotate(0)}40%{left:18%;opacity:1;transform:rotate(0)}60%{left:22%;transform:rotate(10deg)}80%{left:28%;transform:rotate(-14deg)}to{left:26%;opacity:.4;transform:rotate(28deg)}}@keyframes q4-car{0%{right:-55px;opacity:0}to{right:8px;opacity:1}}@keyframes q4-person{0%{right:44px;opacity:0}to{right:44px;opacity:1}}.scene-q5 .s-police{bottom:18px;right:10px;font-size:32px}.scene-q5 .s-siren-b{top:8px;right:28px;font-size:14px}.scene-q5 .s-siren-r{top:8px;right:44px;font-size:14px}.scene-q5 .s-bike5{bottom:22px;font-size:28px}.scene-q5 .s-officer{bottom:54px;right:30px;font-size:24px}.scene-q5 .s-biker{bottom:54px;left:30px;font-size:24px}.scene-q5 .s-wave5a{bottom:80px;right:24px;font-size:18px}.scene-q5 .s-wave5b{bottom:80px;left:24px;font-size:18px}.scene-q5 .s-check5{top:10px;left:44%;font-size:22px}.scene-q5.animate .s-police{animation:fade-in .4s ease forwards}.scene-q5.animate .s-siren-b{animation:siren-blink .35s ease .2s infinite alternate}.scene-q5.animate .s-siren-r{animation:siren-blink .35s ease .4s infinite alternate}.scene-q5.animate .s-bike5{animation:q5-bike-stop .7s ease .5s forwards}.scene-q5.animate .s-officer{animation:fade-in .3s ease 1.4s forwards}.scene-q5.animate .s-biker{animation:fade-in .3s ease 1.6s forwards}.scene-q5.animate .s-wave5a{animation:wave-hand .4s ease 2.1s forwards}.scene-q5.animate .s-wave5b{animation:wave-hand .4s ease 2.3s forwards}.scene-q5.animate .s-check5{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) 2.8s forwards}@keyframes siren-blink{0%{opacity:.2}to{opacity:1}}@keyframes q5-bike-stop{0%{left:-50px;opacity:0}65%{left:24px;opacity:1}80%{left:26px}to{left:20px;opacity:1}}@keyframes wave-hand{0%{opacity:0;transform:rotate(-20deg)}50%{opacity:1;transform:rotate(12deg)}to{opacity:1;transform:rotate(0)}}.scene-q6 .s-tuktuk{bottom:20px;right:10px;font-size:32px}.scene-q6 .s-bike6{bottom:22px;font-size:28px}.scene-q6 .s-crash6{bottom:18px;left:35%;font-size:30px}.scene-q6 .s-crowd1{bottom:20px;left:12px;font-size:22px}.scene-q6 .s-crowd2{bottom:20px;right:48px;font-size:22px}.scene-q6 .s-phone6{top:16px;left:44%;font-size:26px}.scene-q6 .s-call6{top:14px;left:56%;font-size:22px}.scene-q6 .s-check6{top:12px;right:14px;font-size:22px}.scene-q6.animate .s-tuktuk{animation:q6-tuktuk .6s ease forwards}.scene-q6.animate .s-bike6{animation:q6-bike .6s ease .3s forwards}.scene-q6.animate .s-crash6{animation:pop-in .3s ease 1s forwards}.scene-q6.animate .s-crowd1{animation:fade-in .4s ease 1.5s forwards}.scene-q6.animate .s-crowd2{animation:fade-in .4s ease 1.7s forwards}.scene-q6.animate .s-phone6{animation:pop-in .3s ease 2.1s forwards}.scene-q6.animate .s-call6{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) 2.5s forwards}.scene-q6.animate .s-check6{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) 3s forwards}@keyframes q6-tuktuk{0%{right:-55px;opacity:0}to{right:10px;opacity:1}}@keyframes q6-bike{0%{left:-50px;opacity:0}to{left:28%;opacity:1}}.scene-q7 .s-curb-r{bottom:4px;left:0;right:0;font-size:13px;letter-spacing:-2px;white-space:nowrap}.scene-q7 .s-bike7{bottom:24px;font-size:28px}.scene-q7 .s-cop7{bottom:22px;right:-60px;font-size:26px}.scene-q7 .s-lock7{bottom:56px;left:16px;font-size:22px}.scene-q7 .s-money7{top:14px;left:12px;font-size:22px}.scene-q7 .s-curb-w{bottom:4px;left:0;right:0;font-size:13px;letter-spacing:-2px;white-space:nowrap}.scene-q7 .s-walker7{bottom:24px;font-size:26px}.scene-q7 .s-palm7{bottom:22px;right:-60px;font-size:26px}.scene-q7 .s-check7{top:10px;right:14px;font-size:24px}.scene-q7.animate .s-curb-r{animation:curb-danger .5s ease forwards}.scene-q7.animate .s-bike7{animation:q7-bike-bad .7s ease .6s forwards}.scene-q7.animate .s-cop7{animation:q7-cop-bust .6s ease 1.4s forwards}.scene-q7.animate .s-lock7{animation:bounce-in .35s cubic-bezier(.34,1.56,.64,1) 2.1s forwards}.scene-q7.animate .s-money7{animation:q7-money-fly .5s ease 2.5s forwards}.scene-q7.animate .s-curb-w{animation:fade-in .5s ease 3.2s forwards}.scene-q7.animate .s-walker7{animation:q7-bike-good .7s ease 3.7s forwards}.scene-q7.animate .s-palm7{animation:q7-cop-pass .9s ease 4.5s forwards}.scene-q7.animate .s-check7{animation:bounce-in .4s cubic-bezier(.34,1.56,.64,1) 5.4s forwards}@keyframes curb-danger{0%{opacity:0}40%{opacity:1;transform:scaleX(1.03)}70%{transform:scaleX(.98)}to{opacity:1;transform:scaleX(1)}}@keyframes q7-bike-bad{0%{left:-50px;opacity:0}to{left:10px;opacity:1}}@keyframes q7-cop-bust{0%{right:-60px;opacity:0}to{right:14px;opacity:1}}@keyframes q7-money-fly{0%{top:14px;left:12px;opacity:0;transform:rotate(-5deg)}40%{opacity:1;transform:rotate(12deg)}to{top:4px;left:18px;opacity:1;transform:rotate(-3deg)}}@keyframes q7-bike-good{0%{left:-50px;opacity:0}to{left:10px;opacity:1}}@keyframes q7-cop-pass{0%{right:-60px;opacity:0}40%{right:30px;opacity:1}to{right:130px;opacity:.2}}.scene-q8 .s-bike8{bottom:24px;font-size:34px}.scene-q8 .s-vape{bottom:58px;font-size:20px}.scene-q8 .s-cop8{bottom:24px;right:14px;font-size:32px}.scene-q8 .s-hand8{bottom:60px;right:24px;font-size:24px}.scene-q8 .s-mag8{top:22px;left:48%;font-size:28px}.scene-q8 .s-found8{top:14px;right:14px;font-size:26px}.scene-q8 .s-chain8{bottom:58px;left:24px;font-size:24px}.scene-q8 .s-shock8{top:14px;left:14px;font-size:28px}.scene-q8.animate .s-bike8{animation:q8-bike .6s ease forwards}.scene-q8.animate .s-vape{animation:q8-vape .5s ease .8s forwards}.scene-q8.animate .s-cop8{animation:fade-in .4s ease 1.1s forwards}.scene-q8.animate .s-hand8{animation:bounce-in .3s cubic-bezier(.34,1.56,.64,1) 1.5s forwards}.scene-q8.animate .s-mag8{animation:q8-magnify 1s ease 1.9s forwards}.scene-q8.animate .s-found8{animation:pop-in .3s ease 3s forwards}.scene-q8.animate .s-chain8{animation:bounce-in .45s cubic-bezier(.34,1.56,.64,1) 3.4s forwards}.scene-q8.animate .s-shock8{animation:bounce-in .45s cubic-bezier(.34,1.56,.64,1) 3.8s forwards}@keyframes q8-bike{0%{left:-60px;opacity:0}to{left:16px;opacity:1}}@keyframes q8-vape{0%{bottom:58px;left:28px;opacity:0;transform:translateY(0)}to{bottom:72px;left:22px;opacity:.8;transform:translateY(-8px)}}@keyframes q8-magnify{0%{left:30%;opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.1)}70%{left:46%}to{left:44%;opacity:1;transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.3)}75%{transform:scale(.88)}90%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bike-transition{position:fixed;top:50%;left:-60px;font-size:36px;z-index:510;pointer-events:none;transform:translateY(-50%);animation:bike-pass .5s ease forwards}@keyframes bike-pass{0%{left:-60px}to{left:calc(100% + 60px)}}.rider-progress{position:relative;height:20px;background:var(--border, #E8E5E0);border-radius:10px;margin-bottom:20px;overflow:visible}.rider-progress-fill{height:100%;background:var(--primary-m, #4338CA);border-radius:10px;transition:width .4s ease}.rider-bike-icon{position:absolute;top:50%;font-size:22px;transform:translate(-50%,-50%);transition:left .4s ease;pointer-events:none;z-index:2}.confetti-piece{position:fixed;top:-40px;font-size:22px;pointer-events:none;z-index:600;animation:confetti-fall var(--dur, 2.5s) ease var(--delay, 0s) forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}