@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-400.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-500.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-600.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-700.ttf) format("truetype")}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/outfit-800.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#314844;background:#e5ecdc;font-synthesis:none;font-weight:450;--ink: #314844;--coral: #bd7457;--cream: #f7f3e9;--green: #829a75}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #bf795a;outline-offset:5px}button{border:0}button:disabled{cursor:wait;opacity:.6}button:hover{filter:brightness(1.04)}[hidden]{display:none!important}#world,#world canvas,.vignette{position:fixed;inset:0;width:100%;height:100%}#world{background:#d6e5d5}#world canvas{display:block;touch-action:none}.vignette{background:linear-gradient(90deg,rgba(247,245,235,.98) 0%,rgba(247,245,235,.95) 21%,rgba(247,245,235,.8) 34%,rgba(247,245,235,.12) 56%,transparent 74%),linear-gradient(0deg,rgba(245,242,230,.65),transparent 22%);pointer-events:none}#header{position:absolute;left:4.3%;right:4.3%;top:30px;display:flex;align-items:center;justify-content:space-between;z-index:3}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-family:Outfit,sans-serif;font-size:21px;font-weight:750;line-height:.93;letter-spacing:-.6px;position:relative}.brand-sun{color:var(--coral);font-size:58px;font-weight:400;line-height:1}.brand-dot{position:absolute;right:-10px;top:0;font-family:sans-serif;font-size:9px}.header-center{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin-left:44px;font-weight:650}.status-dot,.live-dot{height:6px;width:6px;display:inline-block;background:#839c76;border-radius:50%}nav{display:flex;align-items:center;gap:12px}.text-button{background:transparent;font-size:12px;font-weight:600;padding:12px 6px}.text-button span{font-size:19px;margin-left:12px}.circle-button{width:35px;height:35px;border:1px solid #52665140;background:#f7f5e56e;border-radius:50%;font-size:17px}.circle-button svg{width:17px;height:17px;vertical-align:middle}.hero{position:absolute;left:6.1%;top:24.3%;z-index:2;width:470px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:10px}.tiny-line{width:24px;height:1px;background:var(--coral)}h1{font-family:Outfit,sans-serif;font-size:clamp(60px,6vw,92px);font-weight:550;letter-spacing:-4.7px;line-height:1.04;margin:23px 0}h1 span{color:var(--coral)}.intro{font-size:13px;color:#748077;line-height:1.9;margin:0 0 27px}.play-card{width:354px;background:#fffdf5bd;border:1px solid #fffcf1;border-radius:14px;padding:20px;box-shadow:0 8px 30px #435c4210;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-label{font-size:8px;letter-spacing:1.65px;font-weight:700;margin:0 0 12px 1px;color:#738073}.mode-switch{display:flex;gap:4px;border:1px solid #dee1d5;padding:4px;border-radius:7px;margin-bottom:12px;background:#f0f0e7}.mode{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;background:transparent;border-radius:5px;font-size:10px;white-space:nowrap;color:#899086}.mode svg{width:16px;height:16px}.mode>span{font-size:8px;color:#92998d;margin-left:3px}.mode.active{background:#fffdf6;box-shadow:0 2px 5px #30433310;color:var(--ink);font-weight:650}.start-button{width:100%;border-radius:6px;padding:15px 17px;background:var(--coral);color:#fff8e8;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:550;transition:background .2s,transform .2s}.start-button:hover{background:#aa674d;transform:translateY(-1px)}.start-arrow{font-size:21px;line-height:.8}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:7.6px;color:#939a8f;gap:5px}kbd{font-family:inherit;letter-spacing:.4px;font-size:.85em;border:1px solid #77867633;border-radius:4px;padding:3px 5px;white-space:nowrap}.card-foot kbd{font-size:6.5px}.feature-row{display:flex;align-items:center;gap:19px;font-size:8px;color:#778371;margin-top:22px}.feature-row>span{display:flex;align-items:center;gap:6px}.feature-dot{display:inline-block;height:6px;width:6px;border-radius:50%;flex-shrink:0}.coral{background:#cb8f78}.green{background:#99ac8b}.blue{background:#9abfc6}.location-card{position:absolute;right:5.2%;bottom:13.7%;display:flex;align-items:center;gap:17px;background:#fffdf0d1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #fff9e9;border-radius:10px;padding:20px 21px;z-index:2;box-shadow:0 8px 35px #4b6c4812;transform:rotate(-2deg)}.location-icon{font-size:39px;color:#93a37f;line-height:1}.location-card>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.location-kicker{font-size:7px;letter-spacing:1.6px;color:#879179}.location-card strong{font-family:Outfit,sans-serif;font-size:20px;font-weight:500;letter-spacing:-.4px}.location-detail{font-size:9px;color:#85907e}.weather{display:flex;flex-direction:column;align-items:center;gap:3px;border-left:1px solid #d9ddce;margin-left:10px;padding-left:16px;font-size:10px}.weather svg{width:23px;height:23px;color:#b99157}.scene-label{position:absolute;right:8%;top:23%;font-size:8px;letter-spacing:2px;display:flex;align-items:center;gap:8px;opacity:.75}.live-dot{height:5px;width:5px;box-shadow:0 0 0 4px #8caa7815}footer{position:absolute;bottom:26px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.7px;color:#73826d}footer>span:last-child{display:flex;align-items:center;gap:24px}.footer-star{font-size:25px;color:var(--coral)}.tour-copy{position:absolute;left:6%;bottom:15%;pointer-events:none}.tour-copy h2{font-size:50px}.tour-copy p{font-size:12px}.small-pill{position:absolute;bottom:6%;left:6%;background:var(--cream);padding:13px 19px;border-radius:30px;font-size:12px}h2{font-family:Outfit,sans-serif;font-weight:500;font-size:44px;letter-spacing:-1.8px;line-height:1.08;margin:20px 0}#tour-ui{position:absolute;inset:0;pointer-events:none}#tour-ui button{pointer-events:auto}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#31483f4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:#f7f3e9;border:1px solid #fff8e9;box-shadow:0 20px 100px #293e3426;border-radius:18px;padding:40px;width:550px;max-height:90dvh;overflow:auto}.modal>p{color:#7b8479;font-size:13px;line-height:1.75}.modal-close{position:absolute;right:20px;top:13px;background:transparent;font-size:29px;color:#748073}.control-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0;padding:18px 0;border-top:1px solid #dfe2d5;border-bottom:1px solid #dfe2d5}.control-columns h3{font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center}.control-columns p{font-size:11px;color:#7b8479;display:flex;align-items:center;gap:10px}.control-columns kbd{min-width:75px;text-align:center;font-size:9px;padding:5px}.help-note{font-size:11px!important;margin-bottom:23px}.compact{width:420px;text-align:center;padding:42px}.compact .eyebrow{justify-content:center}.compact h2{font-size:38px}.compact .start-button{margin-top:27px}.secondary-button{width:100%;border:1px solid #d7dbce;background:transparent;border-radius:6px;padding:14px;margin:12px 0 4px;font-size:12px}.compact .text-button{margin-top:12px;font-size:11px}.finish-flower{font-size:70px;color:var(--coral);line-height:1;margin-bottom:24px}.result-time{font-family:Outfit,sans-serif;font-size:45px;font-weight:500;font-variant-numeric:tabular-nums;margin:22px 0 0}.best-time{font-size:10px!important}.race-top{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:center;gap:13px;color:var(--ink)}.race-brand{background:#fcf7e4e6;border:1px solid #fff9e9;border-radius:12px;width:42px;height:42px;font-weight:800;font-size:17px}.race-title{font-family:Outfit;font-weight:750;font-size:15px;letter-spacing:.3px;text-shadow:0 1px 10px #fff9e9}.race-title span{display:block;font-family:DM Sans;font-size:7px;letter-spacing:1.8px;margin-top:4px;font-weight:600}.race-clock{margin-left:auto;font-family:Outfit;font-size:23px;letter-spacing:1px;background:#faf6e3c9;padding:8px 15px;border:1px solid #fff9e999;border-radius:10px;font-variant-numeric:tabular-nums}.player-hud{position:absolute;inset:92px 25px 63px;pointer-events:none}.player-name{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:650;letter-spacing:1.2px}.lap-display{display:flex;align-items:baseline;gap:8px;margin-top:10px}.lap-label{font-size:8px;align-self:center;letter-spacing:1px}.lap-display b{font-family:Outfit;font-size:41px;font-weight:500;letter-spacing:-1px}.lap-display>span:last-child{font-size:14px;color:#758778}.speed-panel{position:absolute;bottom:0;right:6px;width:167px;color:#fff9e9;text-shadow:0 2px 12px #31484466;background:#3148446b;padding:15px 18px 13px;border:1px solid #fff9e93d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speed-panel>div:first-child{display:flex;align-items:baseline;gap:8px}.speed-panel b{font-family:Outfit;font-size:51px;font-weight:500;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}.speed-panel span{font-size:8px;letter-spacing:1px}.boost-track{height:4px;background:#fff9e940;border-radius:5px;margin:13px 0 8px;overflow:hidden}.boost-track i{display:block;background:#f3d2a0;width:100%;height:100%;border-radius:5px}.boost-label{font-size:6px!important;letter-spacing:1px!important}.minimap{position:absolute;bottom:68px;left:27px;width:175px;background:#f7f3e9cc;border:1px solid #fff9e9b3;border-radius:13px;padding:11px 8px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.minimap canvas{width:150px;height:115px;display:block;margin:auto}.minimap>span{font-size:6.5px;letter-spacing:1.8px;color:#7a8876}.race-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.8px;color:#f7f3e9;text-shadow:0 1px 3px #314844}.race-bottom>span{display:flex;align-items:center;gap:7px}.race-bottom kbd{border-color:#f7f3e966;background:#31484433;font-size:7px}.race-bottom span span{opacity:.5;margin:0 3px}#countdown{position:absolute;top:36%;width:100%;text-align:center;font-family:Outfit;font-size:130px;color:#fff7e4;text-shadow:0 5px 0 #b8755899,0 15px 80px #29413533;font-weight:650;pointer-events:none}#race-message{position:absolute;top:21%;left:50%;transform:translate(-50%);background:#fff8e6e0;border:1px solid #fff9e9;border-radius:30px;padding:11px 22px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .25s}#race-message.visible{opacity:1}#split-divider{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-1px);background:#f7f3e9b3}.split .player-hud{right:calc(50% + 25px)}.split #hud-2{left:calc(50% + 25px);right:25px}.split .minimap{left:50%;transform:translate(-50%);width:145px;bottom:60px}.split .minimap canvas{width:125px;height:96px}.split .race-title{display:none}.split #hud-2 .speed-panel{background:#405b696b}.split #hud-2 .boost-track i{background:#a6d0dc}#loading{position:fixed;inset:0;background:var(--cream);z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#8b9981;font-size:12px;transition:opacity .5s}.loading-sun{font-size:65px;color:var(--coral);animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#touch-controls{display:none;position:absolute;bottom:70px;left:18px;right:18px;justify-content:space-between;pointer-events:none}#touch-controls>div{display:flex;gap:10px}#touch-controls button{width:54px;height:54px;border:1px solid #fff9e999;background:#faf4e5b3;border-radius:50%;font-size:23px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}body.racing #header{display:none}@media(min-width:1600px){.hero{top:25%;left:8%}.play-card{width:390px}.intro{font-size:15px}.start-button{font-size:14px}.mode{font-size:12px}.feature-row{font-size:9px}.location-card{bottom:15%;right:7%}}@media(max-height:800px)and (min-width:801px){.hero{top:20%}h1{font-size:70px;margin:17px 0}.intro{margin-bottom:20px}.play-card{padding:16px}.feature-row{margin-top:16px}.location-card{bottom:14%}}@media(max-width:1000px){.header-center{display:none}.hero{left:5%;width:440px}h1{font-size:72px}.location-card{right:4%;bottom:11%;padding:15px;transform:none}.scene-label{right:5%;top:22%}.location-detail{display:none}.vignette{background:linear-gradient(90deg,#f7f5ebf2 0%,#f7f5ebdd 25%,#f7f5eb99 45%,transparent 79%),linear-gradient(0deg,#f5f2e666,transparent 25%)}}@media(max-width:700px){#header{top:20px;left:6%;right:6%}.brand{font-size:17px}.brand-sun{font-size:46px}nav{gap:8px}nav .text-button{font-size:10px}.circle-button{height:31px;width:31px}.hero{inset:auto 7% 91px;width:auto}.eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:62px;letter-spacing:-3px;margin:15px 0}h1 br{display:none}.intro{font-size:11px;line-height:1.7;margin:0 0 16px}.play-card{width:100%;max-width:390px;padding:15px}.card-label{font-size:7px;margin-bottom:9px}.mode{padding:9px 4px;font-size:11px}.feature-row{gap:13px;font-size:7px;margin-top:15px}.vignette{background:linear-gradient(0deg,#f7f5eb,#f7f5ebf0 36%,#f7f5eb77 56%,#f7f5eb00 73%),linear-gradient(180deg,#f7f5ebaa,transparent 17%)}.location-card{top:16%;bottom:auto;right:6%;padding:12px;gap:9px;transform:rotate(-2deg)}.location-card strong{font-size:15px}.location-kicker{font-size:6px;letter-spacing:1px}.location-icon{font-size:26px}.weather{margin-left:2px;padding-left:10px}.scene-label{display:none}footer{left:7%;right:7%;bottom:26px;font-size:6px;letter-spacing:1px}footer>span:last-child{display:none}.modal{padding:28px}.modal h2{font-size:35px}.control-columns{gap:12px}.control-columns p{font-size:10px;gap:6px}.control-columns kbd{min-width:65px;font-size:8px}.race-top{left:17px;right:17px;top:17px}.race-title{font-size:12px}.race-clock{font-size:18px}.player-hud{inset:86px 18px 146px}.minimap{width:133px;bottom:145px;left:16px;padding:7px}.minimap canvas{width:115px;height:88px}.minimap>span{font-size:5px}.speed-panel{width:130px;padding:13px}.speed-panel b{font-size:40px}.speed-panel .boost-label{font-size:5px!important}.race-bottom{left:20px;right:20px;bottom:25px}.race-bottom>span:first-child{display:none}.race-bottom>span:last-child{font-size:6px;gap:5px}.race-bottom kbd{font-size:6px}.split .player-hud{right:calc(50% + 13px)}.split #hud-2{left:calc(50% + 13px);right:13px}.split .speed-panel{width:110px;right:0}.split .minimap{bottom:70px;width:110px}.split .minimap canvas{width:90px;height:69px}.split .minimap>span{display:none}.split .player-name{font-size:7px}.split .lap-display{gap:4px}.split .lap-display b{font-size:30px}#countdown{font-size:95px}#race-message{font-size:10px;max-width:90%;white-space:normal;text-align:center}.tour-copy h2{font-size:42px}}@media(pointer:coarse){body.racing:not(.split) #touch-controls{display:flex}body.racing:not(.split) .player-hud{bottom:150px}body.racing:not(.split) .minimap{bottom:150px}}@media(max-height:680px)and (max-width:700px){.hero{bottom:65px}h1{font-size:46px}.intro{font-size:10px}.feature-row{display:none}.location-card{top:15%}.card-label{display:none}.play-card{padding:12px}.mode-switch{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.loading-sun{animation:none}}@media(min-width:701px){.split #hud-1 .speed-panel{right:80px}}#countdown[data-ready=true]{font-size:clamp(35px,6vw,82px);white-space:nowrap}@media(max-width:700px){h1{font-size:56px;letter-spacing:-2.8px}h1 br{display:initial}}@media(max-height:680px)and (max-width:700px){h1{font-size:44px}}