.driving-test-tool .dts-visual{min-height:290px;overflow:hidden;background:#07111f}.driving-test-tool .btn{min-height:2.75rem;white-space:normal}.driving-test-tool .grid>*{min-width:0}.dts-scene-stage{position:relative;width:100%;min-height:250px;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border-radius:.75rem;background:#07111f;box-shadow:inset 0 0 38px #02061759,0 18px 34px #0f172a2e}.dts-scene-image{position:absolute;z-index:-3;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#dbeafe;transform:scale(1.015);transition:filter .42s ease,transform .68s cubic-bezier(.2,.8,.3,1)}.dts-windshield-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.08),transparent 48%,rgba(2,6,23,.6));box-shadow:inset 0 0 38px #0206173d;pointer-events:none}.dts-scene-region{position:absolute;z-index:5;top:.7rem;left:.7rem;display:inline-flex;align-items:center;border:1px solid rgba(186,230,253,.36);border-radius:999px;background:#020617c2;padding:.28rem .65rem;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 16px #02061759;backdrop-filter:blur(8px)}.dts-steering-wheel{position:absolute;z-index:3;bottom:-39%;left:50%;width:min(42%,350px);height:auto;transform:translate(-50%) rotate(var(--dts-wheel-angle, 0deg));transform-origin:50% 51%;filter:drop-shadow(0 -5px 10px rgba(2,6,23,.48));transition:transform .76s cubic-bezier(.18,.82,.22,1.12);pointer-events:none}.dts-scene-stage[data-category=parking]{--dts-wheel-angle: -17deg}.dts-scene-stage[data-category=rightOfWay]{--dts-wheel-angle: 5deg}.dts-scene-stage[data-scene=merge],.dts-scene-stage[data-scene=yield]{--dts-wheel-angle: 12deg}.dts-scene-stage[data-scene=hazard-warning]{--dts-wheel-angle: 7deg}.dts-rearview-mirror{position:absolute;z-index:2;top:-3%;left:50%;display:none;width:min(36%,300px);height:auto;transform:translate(-50%) perspective(500px) rotateY(0);transform-origin:50% 12%;filter:drop-shadow(0 8px 9px rgba(2,6,23,.5));pointer-events:none}.dts-scene-stage[data-scene=merge] .dts-rearview-mirror,.dts-scene-stage[data-scene=yield] .dts-rearview-mirror,.dts-scene-stage[data-category=parking] .dts-rearview-mirror{display:block;animation:dts-mirror-check 3.2s .7s ease-in-out infinite}.dts-wiper{position:absolute;z-index:2;right:-7%;bottom:-7%;display:none;width:62%;height:auto;transform:rotate(-4deg);transform-origin:90% 88%;filter:drop-shadow(0 7px 8px rgba(2,6,23,.6));pointer-events:none}.dts-scene-stage[data-scene=hazard-rain] .dts-wiper{display:block;animation:dts-wiper-sweep 2.35s ease-in-out infinite}.dts-hazard-marker{position:absolute;z-index:4;top:28%;right:12%;display:grid;width:clamp(54px,10vw,86px);aspect-ratio:1;place-items:center;border:3px solid rgba(251,191,36,.94);border-radius:50%;opacity:0;box-shadow:0 0 0 9px #fbbf2429,0 0 28px #fbbf24b3;pointer-events:none}.dts-hazard-marker:after{font-size:clamp(1.3rem,4vw,2rem);font-weight:1000;color:#fff;text-shadow:0 2px 8px rgba(2,6,23,.9);content:"!"}.dts-scene-stage[data-scene=crosswalk] .dts-hazard-marker{top:43%;right:auto;left:27%}.dts-scene-stage[data-scene=hazard-crosswalk] .dts-hazard-marker{top:43%;right:25%}.dts-scene-stage[data-scene=hazard-rain] .dts-hazard-marker{top:43%;right:43%}.dts-scene-stage[data-scene=parking] .dts-hazard-marker{top:36%;right:18%}.dts-scene-stage[data-scene=parking-curb] .dts-hazard-marker{top:34%;right:12%}.dts-scene-stage[data-scene=merge] .dts-hazard-marker,.dts-scene-stage[data-scene=yield] .dts-hazard-marker{top:39%;right:31%}.dts-scene-stage.is-incorrect .dts-hazard-marker{opacity:1;animation:dts-hazard-focus 1.15s ease-out 2}.dts-scene-stage.is-correct .dts-hazard-marker{border-color:#4ade80eb;opacity:.86;box-shadow:0 0 0 9px #4ade8024,0 0 28px #4ade8085;animation:dts-safe-focus .72s ease-out forwards}.dts-threshold-meter{position:absolute;z-index:5;right:.7rem;bottom:.7rem;width:min(32%,170px);height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#020617b8;box-shadow:0 5px 12px #02061759}.dts-threshold-meter span{display:block;height:100%;width:var(--dts-threshold, 80%);border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#4ade80,#facc15);transition:width .28s ease}.dts-scene-stage.is-thresholding .dts-threshold-meter{animation:dts-meter-confirm .36s ease-out}.dts-scene-stage.is-entering .dts-scene-image{animation:dts-scene-focus .62s ease-out}.dts-scene-stage.is-entering .dts-steering-wheel{animation:dts-grip-settle .68s cubic-bezier(.22,.82,.26,1.15)}.dts-scene-stage.is-correct .dts-scene-image{animation:dts-brake-settle .74s cubic-bezier(.22,.78,.26,1)}.dts-scene-stage.is-correct .dts-steering-wheel{animation:dts-wheel-center .72s cubic-bezier(.2,.82,.26,1.12)}.dts-scene-stage.is-region-changing .dts-scene-region{animation:dts-region-confirm .52s ease-out}.dts-sign-thumb{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:.5rem;background:#dbeafe;transition:filter .26s ease,transform .36s cubic-bezier(.2,.8,.25,1.1)}.dts-sign-library article:hover .dts-sign-thumb{filter:saturate(1.08) contrast(1.04);transform:perspective(500px) rotateX(2deg) scale(1.025)}@keyframes dts-scene-focus{0%{opacity:.35;transform:scale(1.055);filter:saturate(.72) blur(2px)}to{opacity:1;transform:scale(1.015);filter:none}}@keyframes dts-grip-settle{0%{opacity:0;transform:translate(-50%) rotate(calc(var(--dts-wheel-angle, 0deg) - 8deg)) scale(.92)}68%{opacity:1;transform:translate(-50%) rotate(calc(var(--dts-wheel-angle, 0deg) + 2deg)) scale(1.02)}to{opacity:1;transform:translate(-50%) rotate(var(--dts-wheel-angle, 0deg)) scale(1)}}@keyframes dts-wheel-center{0%{transform:translate(-50%) rotate(var(--dts-wheel-angle, 0deg)) scale(1)}58%{transform:translate(-50%) rotate(2deg) scale(1.015)}to{transform:translate(-50%) rotate(0) scale(1)}}@keyframes dts-brake-settle{0%{transform:scale(1.035);filter:saturate(1.06)}52%{transform:scale(1.006);filter:saturate(.96)}to{transform:scale(1.015);filter:none}}@keyframes dts-mirror-check{0%,58%,to{transform:translate(-50%) perspective(500px) rotateY(0)}70%{transform:translate(-50%) perspective(500px) rotateY(-7deg)}84%{transform:translate(-50%) perspective(500px) rotateY(4deg)}}@keyframes dts-wiper-sweep{0%,12%,to{transform:rotate(-4deg)}46%,58%{transform:rotate(48deg)}}@keyframes dts-hazard-focus{0%{opacity:0;transform:scale(.55)}52%{opacity:1;transform:scale(1.09)}to{opacity:.9;transform:scale(1)}}@keyframes dts-safe-focus{0%{opacity:0;transform:scale(.62)}65%{opacity:1;transform:scale(1.08)}to{opacity:.72;transform:scale(1)}}@keyframes dts-meter-confirm{0%{transform:scaleX(.96);filter:brightness(.8)}62%{transform:scaleX(1.04);filter:brightness(1.25)}to{transform:scaleX(1);filter:none}}@keyframes dts-region-confirm{0%{opacity:.45;transform:perspective(300px) rotateX(-12deg) scale(.94)}65%{opacity:1;transform:perspective(300px) rotateX(3deg) scale(1.03)}to{opacity:1;transform:perspective(300px) rotateX(0) scale(1)}}@media(max-width:640px){.driving-test-tool .dts-visual{min-height:230px;padding:.7rem}.dts-scene-stage{min-height:205px}.dts-steering-wheel{bottom:-38%;width:47%}.dts-rearview-mirror{width:42%}.dts-scene-region{top:.45rem;left:.45rem;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.driving-test-tool *,.driving-test-tool *:before,.driving-test-tool *:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}