*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#111;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#fff;font-family:system-ui,sans-serif}*{scrollbar-width:none}::-webkit-scrollbar{display:none}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}button,input,select,textarea{font:inherit}.asset-image{max-width:100%;display:block}.asset-image--placeholder{text-align:center;border:1px dashed #999;justify-content:center;align-items:center;min-width:24px;min-height:24px;font-size:12px;display:flex}.asset-button,button.tile,a.tile{cursor:pointer;touch-action:manipulation;transition:transform .22s cubic-bezier(.34,1.4,.64,1),filter .15s}.asset-button:not(:disabled):active,button.tile:active,a.tile:active{transition-duration:80ms;transform:scale(.95)}.asset-button:disabled{cursor:default}.asset-button--image{background:0 0;border:0;padding:0}.asset-button--image img{max-width:100%;display:block}.title-banner{text-align:center;margin:0}.title-banner img{max-width:100%;margin:0 auto;display:block}.speech-bubble{border:1px solid #999;margin:0;padding:8px 12px}.portrait-screen{background-color:#4cbcf8;background-image:var(--portrait-background,none);background-position:50%;background-size:cover;min-height:100%}@media (width>=600px){.portrait-screen{background-image:var(--desktop-background,var(--portrait-background,none))}}.portrait-column{max-width:402px;height:100dvh;padding:12px 16px max(12px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.screen-logo{width:96px;min-height:20px}.portrait-card{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.portrait-footer{justify-content:center;display:flex}.portrait-footer .asset-button,.popup-actions .asset-button{min-width:140px;min-height:44px}.footer-row{flex:1;justify-content:center;gap:12px;display:flex}.section-title{margin:0;font-size:1rem}.notice{margin:0}.portrait-screen[data-fitted]{height:100dvh;overflow:hidden}.portrait-screen[data-framed-card] .portrait-column{transform-origin:top;height:100dvh;padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));justify-content:flex-start;gap:0}.portrait-screen[data-framed-card] .screen-logo{width:120px;margin:0 0 30px -12px}.portrait-screen[data-framed-card] .portrait-column .title-banner{z-index:1;margin:0 -4px -47px;position:relative}.portrait-screen[data-framed-card] .portrait-card{border:1px solid #0000;border-image:var(--card-frame) 140 fill / 46px stretch;flex:0 auto;min-height:0;padding:88px 30px 22px;overflow:hidden}.portrait-card-body{gap:inherit;overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.login-form .field-box,.tile,.portrait-screen[data-framed-card] .portrait-card{isolation:isolate;position:relative}.login-form .field-box:before,.tile:before,.portrait-screen[data-framed-card] .portrait-card:before{content:"";z-index:-1;pointer-events:none;position:absolute}.login-form .field-box:before{background:#eef6fd;border-radius:23px;inset:2px}.tile:before{background:#eef6fd;border-radius:14px;inset:2px}.portrait-screen[data-framed-card] .portrait-card:before{background:#fff;border-radius:32px;inset:10px;box-shadow:0 0 0 7px #b1deff}form{flex-direction:column;gap:8px;display:flex}.login-form{color:#111827;flex:auto;gap:0;min-height:0;font-size:14px;line-height:1.3}.field{flex-direction:column;gap:4px;display:flex}.login-form .field{gap:12px}.portrait-screen[data-screen=login] .portrait-column{padding-bottom:max(50px, env(safe-area-inset-bottom))}.portrait-screen[data-screen=login] .portrait-card{flex:auto;padding-top:62px;padding-bottom:15.5px}.portrait-screen[data-screen=login] .portrait-card-body{overflow:hidden}.login-fields{overscroll-behavior:contain;flex:auto;min-height:0;padding-bottom:16px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.login-form .field+.field,.login-form .field-error+.field{margin-top:22px}.field-label{font-size:16px}.field-box{border:1px solid #999;align-items:center;gap:8px;padding:8px 12px;display:flex}.login-form .field-box{border:1px solid #0000;border-image:var(--field-frame) 72 fill / 24px stretch;gap:10px;height:50px;padding:0 16px}.field-box input{background:0 0;border:0;flex:1;min-width:0}.login-form .field-box input{height:100%;color:inherit;outline:none;font-size:16px}.login-form .field-box input::placeholder{color:#9ca3af}.field-icon{width:24px;height:24px}.field-prefix{font-size:16px}.field-divider{width:1px;height:24px;margin:0 6px}.field-error{align-items:center;gap:6px;margin:0;display:flex}.login-form .field-error{color:#a61b1b;margin-top:12px}.field-error-icon{flex:none;width:16px;height:16px}.consents{flex-direction:column;gap:28px;margin-top:24px;display:flex}.consent{align-items:flex-start;gap:8px;display:flex}.login-form .consent{gap:12px}.login-form .consents{gap:20px}.login-form .consent-text{font-size:13px;line-height:17px}.consent-box{background:var(--checkbox-image) center / contain no-repeat;flex:none;width:24px;height:24px;position:relative}.consent-box input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.consent-box:has(input:focus-visible){outline-offset:2px;border-radius:6px;outline:2px solid #1d6fe8}.consent-tick{pointer-events:none;width:26px;position:absolute;bottom:4px;left:3px}.consent-link{color:inherit;font-weight:700;transition:color .15s}.consent-link:hover{color:#1d6fe8}.login-form .field-box{transition:filter .15s,transform .15s}.login-form .field-box:focus-within{filter:drop-shadow(0 0 4px #1d6fe88c)}.consent-box{transition:transform .15s}.consent-box:active{transform:scale(.9)}.consent-tick{animation:.18s ease-out consent-tick-in}@keyframes consent-tick-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@media (hover:hover){.login-form .field-box:hover:not(:focus-within){filter:brightness(.98)drop-shadow(0 0 2px #1d6fe84d)}.consent:hover .consent-box{transform:scale(1.08)}.asset-button:not(:disabled):hover{filter:brightness(1.05)}button.tile:hover,a.tile:hover{filter:drop-shadow(0 2px 6px #1d6fe847)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}@keyframes settle-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}}.portrait-screen[data-framed-card] .screen-logo{animation:.5s ease-out backwards fade-in}.portrait-screen[data-framed-card] .portrait-card{animation:.5s cubic-bezier(.2,.7,.2,1) 50ms backwards rise-in}.portrait-screen[data-framed-card] .portrait-column .title-banner{animation:.45s cubic-bezier(.2,.7,.2,1) .2s backwards settle-in}.login-form .field,.login-form .consents,.login-form .login-submit{animation:.4s cubic-bezier(.2,.7,.2,1) backwards rise-in}.login-form .field:first-of-type{animation-delay:.25s}.login-form .field:nth-of-type(2){animation-delay:.32s}.login-form .consents{animation-delay:.39s}.login-form .login-submit{animation-delay:.46s}.login-form .field-error{animation:.2s ease-out fade-in}@media (prefers-reduced-motion:reduce){.login-form .field-box,.consent-box,.asset-button,.tile{transition:none}.consent-tick,.portrait-screen[data-framed-card] .screen-logo,.portrait-screen[data-framed-card] .portrait-card,.portrait-screen[data-framed-card] .portrait-column .title-banner,.login-form .field,.login-form .consents,.login-form .login-submit,.login-form .field-error{animation:none}}.login-submit{flex:none;margin-top:6px}.login-submit .asset-button,.login-submit .asset-button--image img{width:100%}.portrait-screen[data-screen=home] .portrait-column{justify-content:flex-start}.portrait-screen[data-screen=home] .screen-logo{margin-bottom:14px}.portrait-screen[data-screen=home] .portrait-card{flex:auto;gap:8px;padding:26px 20px 28px}.home-header{z-index:1;aspect-ratio:1408/742;position:relative;container-type:inline-size}.home-header>*{margin:0;position:absolute}.home-ribbon{z-index:3;width:41.69cqw;top:0;left:12.57cqw}.home-leaf{z-index:2;width:6.04cqw;top:4.33cqw}.home-leaf--left{left:9.09cqw}.home-leaf--right{left:51.85cqw}.home-board{z-index:1;width:72.37cqw;top:8.38cqw;left:-2.84cqw}.home-welcome{z-index:2;width:64.49cqw;top:8.66cqw;left:.92cqw}.home-welcome-image{width:100%}.home-line{z-index:0;width:1.5px;height:3.6cqw;top:32.8cqw}.home-line--left{left:11.72cqw}.home-line--right{left:53.98cqw}.home-message{z-index:2;background:var(--message-frame) center / 100% 100% no-repeat;color:#111827;text-align:center;text-wrap:balance;justify-content:center;align-items:center;width:59.94cqw;height:14.77cqw;padding:0 1.2cqw .8cqw;font-size:3.6cqw;line-height:1.35;display:flex;top:35.37cqw;left:3.13cqw}.home-mascot-shadow{z-index:1;width:18.75cqw;top:50.99cqw;left:72.16cqw}.home-mascot{z-index:2;width:46.59cqw;top:7.24cqw;left:60.51cqw}@keyframes word-in{0%{opacity:0;transform:translateY(4px)}}.word-by-word-word{animation:word-in .22s cubic-bezier(.2, .7, .2, 1) var(--word-delay,0s) backwards;display:inline-block}@media (prefers-reduced-motion:reduce){.word-by-word-word{animation:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.tile-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tile{border:1px solid #0000;border-image:var(--tile-frame) 60 fill / 20px stretch;color:#111827;text-align:left;background:0 0;align-items:center;gap:8px;width:100%;padding:12px;font-size:16px;line-height:1.3;text-decoration:none;display:flex}.tile--square{grid-template-rows:1fr auto;grid-template-columns:1fr auto;gap:0 8px;min-height:131px;padding:11px 14px 9px 12px;font-size:14px;display:grid}.tile--square .tile-icon{grid-column:1/-1;align-self:start;width:auto;height:64px;margin-left:-1px}.tile--square .tile-text{justify-content:center;min-height:2.6em}.tile--square .tile-chevron{align-self:center;width:8.5px;height:13.5px}.tile--wide{min-height:58px;padding:8px 16px}.tile-icon{object-fit:contain;flex:none;width:32px;height:32px}.tile--recent-run{gap:12px;min-height:66px}.tile--recent-run .tile-icon{width:60px;height:40px}.tile-text{flex-direction:column;flex:1;gap:2px;display:flex}.tile-label{white-space:pre-line}.tile-detail{font-size:14px}.tile-chevron{flex:none;width:9px;height:13px}[data-screen=home] .section-title{margin:14px 0 2px;font-size:16px;font-weight:400}.home-actions{flex-direction:column;align-items:center;margin-top:auto;padding-top:16px;display:flex}.home-actions .asset-button,.home-actions .asset-button--image img{width:100%}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}@keyframes leaf-in-left{0%{opacity:0;transform:rotate(-25deg)scale(.3)}}@keyframes leaf-in-right{0%{opacity:0;transform:rotate(25deg)scale(.3)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-18px)}}@keyframes step-in{0%{opacity:0;transform:translate(24px)}}.home-ribbon{animation:.4s cubic-bezier(.2,.7,.2,1) .1s backwards pop-in}.home-leaf--left{transform-origin:100% 100%;animation:.35s cubic-bezier(.2,.7,.2,1) .4s backwards leaf-in-left}.home-leaf--right{transform-origin:0 100%;animation:.35s cubic-bezier(.2,.7,.2,1) .4s backwards leaf-in-right}.home-board{animation:.45s cubic-bezier(.2,.7,.2,1) .6s backwards settle-in}.home-welcome{animation:.4s cubic-bezier(.2,.7,.2,1) .85s backwards pop-in}.home-line{animation:.35s ease-out 1.1s backwards drop-in}.home-message{animation:.4s cubic-bezier(.2,.7,.2,1) 1.15s backwards drop-in}.home-mascot,.home-mascot-shadow{animation:.5s cubic-bezier(.2,.7,.2,1) .5s backwards step-in}[data-screen=home] .portrait-card-body>:is(.tile-grid,.tile,.section-title,.notice,.home-actions){animation:.4s cubic-bezier(.2,.7,.2,1) backwards rise-in}[data-screen=home] .portrait-card-body>:first-child{animation-delay:.3s}[data-screen=home] .portrait-card-body>:nth-child(2){animation-delay:.37s}[data-screen=home] .portrait-card-body>:nth-child(3){animation-delay:.44s}[data-screen=home] .portrait-card-body>:nth-child(4){animation-delay:.51s}[data-screen=home] .portrait-card-body>:nth-child(5){animation-delay:.58s}[data-screen=home] .portrait-card-body>:nth-child(6){animation-delay:.65s}@media (prefers-reduced-motion:reduce){.home-header>*,[data-screen=home] .portrait-card-body>*{animation:none}}.portrait-screen[data-screen=how-to-play] .portrait-column{padding-bottom:max(65px, env(safe-area-inset-bottom))}.portrait-screen[data-screen=how-to-play] .portrait-card{flex:auto;padding:63.25px 29px 15.5px}.portrait-screen[data-screen=how-to-play] .portrait-card-body{overflow:hidden}.how-to-play{overscroll-behavior:contain;color:#181d27;text-align:center;flex-direction:column;flex:auto;gap:20px;min-height:0;margin:0;padding:0;font-size:14px;line-height:18.5px;list-style:none;display:flex;overflow-y:auto}.how-to-play-step{isolation:isolate;border:1px solid #0000;border-image:var(--board-frame) 60 fill / 20px stretch;flex:none;align-items:center;height:97.5px;padding:0 8px 0 13px;display:flex;position:relative}.how-to-play-step:before{content:"";z-index:-1;pointer-events:none;background:#eff6fd;border-radius:14px;position:absolute;inset:2px}.how-to-play-step>span{flex:auto;padding-left:8px}.how-to-play-image{flex:none;width:90.25px}.how-to-play-step--gauge{flex-direction:column;height:232px;padding:34.25px 0 0}.how-to-play-step--gauge .how-to-play-image{width:226.25px}.how-to-play-step--gauge>span{flex:none;width:160px;padding:0}.how-to-play-actions{flex:none;justify-content:center;margin-top:auto;padding-top:16px;display:flex}.how-to-play-actions .asset-button--image img{width:294px}.how-to-play-step,.how-to-play-actions{animation:.4s cubic-bezier(.2,.7,.2,1) backwards rise-in}.how-to-play-step:first-child{animation-delay:.25s}.how-to-play-step:nth-child(2){animation-delay:.32s}.how-to-play-step:nth-child(3){animation-delay:.39s}.how-to-play-actions{animation-delay:.46s}@media (prefers-reduced-motion:reduce){.how-to-play-step,.how-to-play-actions{animation:none}}.portrait-screen[data-screen=car-select] .portrait-column{padding-bottom:max(65px, env(safe-area-inset-bottom))}.portrait-screen[data-screen=car-select] .portrait-column .title-banner{margin-bottom:-52.5px}.portrait-screen[data-screen=car-select] .portrait-column .title-banner img{width:96%}.portrait-screen[data-screen=car-select] .portrait-card{flex:auto;padding:52.25px 6px 11.5px}.portrait-screen[data-screen=car-select] .portrait-card-body{overflow:hidden}.car-grid{overscroll-behavior:contain;flex:0 auto;grid-template-columns:1fr 1fr;gap:14px;min-height:0;padding:10px 14px 7px;display:grid;overflow-y:auto}.car-grid-cell{container-type:inline-size}.car-card{--pt:calc(100cqw / 148);aspect-ratio:148/232;background:var(--car-card-frame) center / 100% 100% no-repeat;color:#181d27;text-align:left;cursor:pointer;touch-action:manipulation;border:0;width:100%;padding:0;transition:transform .22s cubic-bezier(.34,1.4,.64,1);display:block;position:relative}.car-card:active{transition-duration:80ms;transform:scale(.97)}.car-card-selected-frame{top:calc(-10 * var(--pt));left:calc(-4 * var(--pt));z-index:0;width:calc(165.25 * var(--pt));max-width:none;animation:.2s ease-out fade-in;position:absolute}.car-card-effect-clip{inset:calc(2 * var(--pt));z-index:1;border-radius:calc(14 * var(--pt));pointer-events:none;animation:.3s ease-out fade-in;position:absolute;overflow:hidden}.car-card-effect{top:calc(-1.5 * var(--pt));left:calc(-4 * var(--pt));width:calc(152 * var(--pt));max-width:none;animation:14s linear infinite car-rays-turn;position:absolute}@keyframes car-rays-turn{to{transform:rotate(1turn)}}.car-card-image{bottom:calc(100.5 * var(--pt));z-index:2;max-width:none;position:absolute;left:50%;transform:translate(-50%)}.car-card[data-car=innova_cross] .car-card-image{width:calc(110 * var(--pt))}.car-card[data-car=corolla_cross] .car-card-image{width:calc(118.25 * var(--pt))}.car-card[data-car=yaris_cross] .car-card-image{width:calc(110.25 * var(--pt))}.car-card[data-car=camry] .car-card-image{width:calc(122 * var(--pt))}.car-card-name{top:calc(176.25 * var(--pt));left:calc(11 * var(--pt));z-index:2;font-size:calc(14 * var(--pt));font-weight:500;line-height:calc(18 * var(--pt));white-space:nowrap;position:absolute}.car-card-consumption{top:calc(203.5 * var(--pt));left:calc(10.75 * var(--pt));z-index:2;align-items:center;gap:calc(6.25 * var(--pt));height:calc(15 * var(--pt));font-size:calc(14 * var(--pt));white-space:nowrap;font-weight:600;display:flex;position:absolute}.car-card-fuel{width:calc(15.75 * var(--pt))}.car-select-actions{flex:none;justify-content:center;margin-top:auto;padding-top:16px;display:flex}.car-select-actions .asset-button--image img{width:294px}.car-grid-cell,.car-select-actions{animation:.4s cubic-bezier(.2,.7,.2,1) backwards rise-in}.car-grid-cell:first-child{animation-delay:.25s}.car-grid-cell:nth-child(2){animation-delay:.3s}.car-grid-cell:nth-child(3){animation-delay:.35s}.car-grid-cell:nth-child(4){animation-delay:.4s}.car-select-actions{animation-delay:.46s}@media (prefers-reduced-motion:reduce){.car-card{transition:none}.car-card-effect,.car-card-selected-frame,.car-card-effect-clip,.car-grid-cell,.car-select-actions{animation:none}}.leaderboard-header{flex-direction:column;align-items:center;display:flex;position:relative}.leaderboard-back{position:absolute;top:0;left:0}.leaderboard-art{width:200px;min-height:48px}.leaderboard-filters{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter{flex-direction:column;gap:4px;min-width:0;display:flex}.filter select{width:100%}.filter-label{align-items:center;gap:4px;display:flex}.filter-icon{width:16px;height:16px}.leaderboard-columns,.leaderboard-row{grid-template-columns:44px 1fr auto;align-items:center;gap:8px;display:grid}[data-screen=leaderboard] .portrait-card{overflow:hidden}.leaderboard-rows{flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.leaderboard-row{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #999;padding:8px}.leaderboard-rows [aria-current=true] .leaderboard-row{font-weight:700}.rank-badge{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.rank-badge-image{width:100%;height:100%;position:absolute;inset:0}.rank-badge-number{position:relative}.leaderboard-member{flex-direction:column;min-width:0;display:flex}.leaderboard-time{font-size:.75rem}.leaderboard-tags{gap:4px;display:flex}.leaderboard-tag{border:1px dashed #999;flex:1;padding:2px 8px;font-size:.75rem}.framed-popup-backdrop{z-index:10;background:#1c1c1ccc;justify-content:center;align-items:center;animation:.25s ease-out backwards fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.framed-popup{width:352px;scale:var(--popup-scale,1);translate:0 calc(-12.5px * var(--popup-scale,1));flex:none;padding-top:20px;animation:.4s cubic-bezier(.2,.7,.2,1) 50ms backwards rise-in;position:relative}.framed-popup .title-banner{z-index:1;pointer-events:none;position:absolute;top:0;left:0;right:0}.framed-popup .title-banner img{width:352px}.framed-popup-card{isolation:isolate;height:var(--popup-card-height);background:var(--popup-frame) center / 100% 100% no-repeat;background-origin:border-box;border:1px solid #0000;position:relative}.framed-popup-actions{display:flex;position:absolute;bottom:17px;left:28px}.framed-popup-actions .asset-button--image img{width:294px}.framed-popup[data-popup=rules] .framed-popup-card{flex-direction:column;padding:49px 19.5px 102px 17.75px;display:flex}.rules-scroll{flex:auto;min-height:0;margin:0 -19.5px 0 0;position:relative}.rules-text{overscroll-behavior:contain;color:#000;outline:none;height:100%;padding-right:19.5px;font-size:14px;line-height:18px;overflow-y:auto}.rules-text h3{color:#184493;margin:10px 0;font-size:15px;font-weight:700;line-height:18px}.rules-text h3:first-child{margin-top:0}.rules-text p,.rules-text ul,.rules-text ol{margin:0}.rules-text ul{padding:0;list-style:none}.rules-text ol{padding-left:21px}.rules-text ul>li{padding-left:21px;position:relative}.rules-text ul>li:before{content:"•";position:absolute;left:7px}.rules-text p:empty:before{content:"​"}.rules-loading{color:#6b7280;text-align:center;margin:0;font-size:14px}.rules-scroll-thumb{background:#3592e9;border-radius:2px;width:2.75px;position:absolute;top:0;right:2.25px}.learn-hev-body{touch-action:pan-y;height:100%;padding:58.75px 25px 0 26px}.learn-hev-picture{width:299px}.learn-hev-page{margin-top:19px;animation:.25s ease-out fade-in}.learn-hev-page-header{align-items:center;gap:7px;min-height:50.25px;display:flex}.learn-hev-page-icon{flex:none;width:50.25px}.learn-hev-page h3{color:#000;margin:0;font-size:16px;font-weight:700;line-height:22.75px}.learn-hev-page p{color:#000;margin:3px 0 0 57.25px;font-size:14px;line-height:18px}.learn-hev-arrow{position:absolute;top:271.75px}.learn-hev-arrow--previous{left:-19px}.learn-hev-arrow--next{right:-19px}.learn-hev-arrow .asset-button--image img{width:37px}.learn-hev-dots{justify-content:center;display:flex;position:absolute;bottom:103.4px;left:0;right:0}.learn-hev-dot{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:20px;height:14px;padding:0;display:flex}.learn-hev-dot img{width:12px}.learn-hev-dot[aria-current] img{width:13.5px}@keyframes fade-out{to{opacity:0}}@keyframes sink-out{to{opacity:0;transform:translateY(10px)scale(.97)}}.framed-popup-backdrop[data-closing]{pointer-events:none;animation:.16s ease-in forwards fade-out}.framed-popup-backdrop[data-closing] .framed-popup{animation:.16s ease-in forwards sink-out}@media (prefers-reduced-motion:reduce){.framed-popup-backdrop,.framed-popup,.framed-popup-backdrop[data-closing],.framed-popup-backdrop[data-closing] .framed-popup,.learn-hev-page{animation:none}}.loading-screen{background-color:#4cbcf8;background-image:var(--loading-background,none);background-position:50%;background-size:cover;position:fixed;inset:0;overflow:hidden}.loading-screen[data-leaving]{animation:.3s ease-in forwards fade-out}.loading-stage{background-image:var(--loading-background,none);width:402px;height:874px;transform:translate(-50%, -50%) scale(var(--stage-scale,1));background-size:100% 100%;position:absolute;top:50%;left:50%}.loading-stage>*,.loading-title>*{max-width:none;position:absolute}.loading-logo{width:121px;animation:.4s ease-out backwards fade-in;top:44px;left:12px}.loading-title{margin:0;inset:0}.loading-title-board{width:271.25px;animation:.45s cubic-bezier(.2,.7,.2,1) .3s backwards loading-board-in;top:161px;left:64.25px}.loading-title-challenge{width:198.75px;animation:.4s cubic-bezier(.2,.7,.2,1) .65s backwards rise-in;top:167.75px;left:101px}.loading-title-green-driver{width:336.25px;animation:.45s cubic-bezier(.2,.7,.2,1) .95s backwards loading-text-in;top:227.75px;left:31.5px}.loading-leaf{transform-origin:20% 90%;width:20px;animation:.5s cubic-bezier(.34,1.5,.64,1) 1.35s backwards loading-leaf-in;top:221px;left:364px}@keyframes loading-board-in{0%{opacity:0;transform:scaleX(.6)}}@keyframes loading-text-in{0%{opacity:0;transform:scale(1.08)}}@keyframes loading-leaf-in{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.loading-car{transform-origin:47% 61.3%;width:313.5px;animation:1.8s linear .2s backwards loading-car-drive;top:486.5px;left:0}@keyframes loading-car-drive{0%{opacity:0;transform:translate(135.7px,-150.1px)scale(.09)}10%{opacity:1}40%{transform:translate(120.7px,-134.1px)scale(.28)}75%{transform:translate(67.7px,-77.1px)scale(.64)}to{transform:none}}.loading-mascot{transform-origin:50% 100%;width:131px;animation:.6s cubic-bezier(.2,.7,.2,1) 1.95s backwards loading-mascot-jump;top:534px;left:271px}@keyframes loading-mascot-jump{0%{opacity:0;transform:translateY(40px)scale(.6)}55%{opacity:1;transform:translateY(-16px)scale(1.04)}80%{transform:translateY(0)scale(1.02,.97)}to{transform:none}}.loading-progress{width:334px;height:14px;top:803.5px;left:34px}.loading-progress>*{position:absolute}.loading-progress-track{width:100%;height:100%;inset:0}.loading-progress-fill{background:var(--progress-fill) center / 100% 100% no-repeat;width:calc(100% - 2px);height:12px;clip-path:inset(0 calc((1 - var(--progress,0)) * 100%) 0 0 round 6px);transition:clip-path .3s ease-out;top:1px;left:1px}@media (prefers-reduced-motion:reduce){.loading-screen[data-leaving],.loading-stage>*,.loading-title>*{animation:none}.loading-progress-fill{transition:none}}.popup-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.popup{background:#fff;flex-direction:column;align-items:stretch;gap:10px;width:min(358px,100%);max-height:100%;padding:16px;display:flex;position:relative;overflow-y:auto}.popup>h2{text-align:center;margin:0}.popup-close{position:absolute;top:8px;right:8px}.popup-close .asset-button--image img{width:40px}.popup-icon{align-self:center;width:72px;height:72px}.popup-subtitle,.popup-text{text-align:center;margin:0}.popup-bullets{margin:0;padding-left:1.2em}.popup-actions{justify-content:center;gap:12px;display:flex}.result-score{justify-content:center;align-items:baseline;gap:8px;margin:0;display:flex}.result-value{font-size:2rem;font-weight:700}.result-mascot{align-self:center;width:64px;height:64px}.result-meta{justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.result-meta-icon,.result-detail-icon{width:18px;height:18px}.result-meta-separator{background:currentColor;align-self:stretch;width:1px}.result-details{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.result-details li{align-items:center;gap:8px;display:flex}.share-preview{max-width:100%;max-height:40vh;margin:0 auto;display:block}.share-caption{flex-direction:column;gap:4px;display:flex}.share-caption textarea{resize:none;width:100%}.quiz-header{align-items:flex-start;gap:12px;display:flex}.quiz-question{flex:1;margin:0}.quiz-badge{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.quiz-badge-image{width:100%;height:100%;position:absolute;inset:0}.quiz-badge span{position:relative}.quiz-answers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-answer{color:inherit;text-align:left;background:0 0;border:1px solid #999;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.quiz-answer[data-state=selected],.quiz-answer[data-state=correct]{outline:2px solid}.quiz-answer[data-state=wrong]{outline:2px dashed}.quiz-mark{width:24px;height:24px}.quiz-explanation{align-items:flex-start;gap:8px;margin:0;display:flex}.quiz-explanation-icon{width:24px;height:24px}.landscape-screen{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.landscape-stage{aspect-ratio:844/390;width:min(100vw,216.41dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.play-scene{position:absolute;inset:0}.play-hud{align-items:center;gap:1.2cqw;font-size:1.7cqw;display:flex;position:absolute;top:2cqw;left:2cqw;right:2cqw}.play-hud .screen-logo{width:13cqw;margin-right:auto}.hud-pill{color:#fff;border:1px solid #fff;align-items:center;gap:.6cqw;padding:.5cqw 1.2cqw;display:flex}.hud-icon{width:3cqw;height:3cqw}.play-hint{background:#fff;max-width:40cqw;font-size:1.7cqw;position:absolute;top:18cqw;left:50%;transform:translate(-50%)}.play-controls{justify-content:space-between;display:flex;position:absolute;bottom:3cqw;left:4cqw;right:4cqw}.hold-button{touch-action:none;width:18cqw;height:11cqw;font-size:2.4cqw}.play-overlay{color:#fff;justify-content:center;align-items:center;margin:0;font-size:2.4cqw;display:flex;position:absolute;inset:0}.play-countdown{font-size:8cqw}.landscape-stage .popup-backdrop{padding:2cqw;position:absolute}.landscape-stage .popup{gap:1.2cqw;width:min(70cqw,100%);padding:2cqw;font-size:1.8cqw}.landscape-stage .popup-icon{width:9cqw;height:9cqw}.landscape-stage .popup-actions .asset-button{min-width:20cqw;min-height:5.5cqw}.landscape-stage .result-value{font-size:6cqw}.rotate-overlay{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-overlay--to-landscape{z-index:20;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.rotate-overlay--to-portrait{z-index:20;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}}