*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#111;background:#fff;font-family:system-ui,sans-serif}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--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-position:50%;background-size:cover;min-height:100%}.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}form{flex-direction:column;gap:8px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field-box{border:1px solid #999;align-items:center;gap:8px;padding:8px 12px;display:flex}.field-box input{background:0 0;border:0;flex:1;min-width:0}.field-icon{width:24px;height:24px}.field-error{align-items:center;gap:6px;margin:0;display:flex}.field-error-icon{width:16px;height:16px}.consent{align-items:flex-start;gap:8px;display:flex}.home-header{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.home-header .speech-bubble{grid-column:1/-1}.home-mascot{width:96px;height:96px}.tile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #999;align-items:center;gap:8px;padding:12px;text-decoration:none;display:flex}.tile-icon{width:48px;height:48px}.tile-car{width:72px;height:40px}.tile-text{flex-direction:column;flex:1;display:flex}.tile-chevron{width:16px;height:16px}.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}}