*,: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:430px;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:auto;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));justify-content:center;gap:0}.portrait-screen[data-framed-card] .screen-logo{width:120px;margin:0 0 30px -12px}.portrait-screen[data-framed-card] .title-banner{z-index:1;margin:0 -4px -60px;position:relative}.portrait-screen[data-framed-card] .portrait-card{border:1px solid #0000;border-image:var(--card-frame) 140 fill / 46px stretch;flex:none;padding:88px 30px 22px;overflow:visible}.login-form .field-box,.tile,.portrait-screen[data-framed-card] .portrait-card{isolation:isolate;position:relative}.login-form .field-box:before,.tile:before,.home-message: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}.home-message:before{background:#fff;border-radius:14px;inset:2px 2px 6px}.portrait-screen[data-framed-card] .portrait-card:before{background:#fff;border-radius:32px;inset:10px}form{flex-direction:column;gap:8px;display:flex}.login-form{color:#111827;gap:0;font-size:14px;line-height:1.3}.field{flex-direction:column;gap:4px;display:flex}.login-form .field{gap:12px}.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}.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] .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] .title-banner,.login-form .field,.login-form .consents,.login-form .login-submit,.login-form .field-error{animation:none}}.login-submit{margin-top:28px}.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:1 0 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;border:1px solid #0000;border-image:var(--message-frame) 60 fill / 20px stretch;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}.typewriter-rest{color:#0000}.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>: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>:first-child{animation-delay:.3s}[data-screen=home] .portrait-card>:nth-child(2){animation-delay:.37s}[data-screen=home] .portrait-card>:nth-child(3){animation-delay:.44s}[data-screen=home] .portrait-card>:nth-child(4){animation-delay:.51s}[data-screen=home] .portrait-card>:nth-child(5){animation-delay:.58s}[data-screen=home] .portrait-card>:nth-child(6){animation-delay:.65s}@media (prefers-reduced-motion:reduce){.home-header>*,[data-screen=home] .portrait-card>*{animation:none}}.how-to-play{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.how-to-play li{align-items:center;gap:12px;display:flex}.how-to-play .how-to-play-gauge{flex-direction:column}.how-to-play-image{width:96px;min-height:64px}.how-to-play-gauge .how-to-play-image{width:200px;min-height:110px}.car-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.car-card{color:inherit;text-align:left;background:0 0;border:1px solid #999;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;display:flex;position:relative}.car-card[aria-checked=true]{outline:2px solid}.car-card-image{width:100%;min-height:110px}.car-card-check{width:28px;height:28px;position:absolute;top:-8px;right:-8px}.car-card-consumption{align-items:center;gap:4px;display:flex}.car-card-fuel{width:18px;height:18px}.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}.rules-text h2{font-size:1rem}.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-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}}