*{box-sizing:border-box}body{color:#f7f8e9;background:#a6c7aa;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #e8f59e}button:disabled{opacity:.5;cursor:default}.ride{width:100%;height:100dvh;min-height:500px;position:relative;overflow:hidden}.ride>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.shade{pointer-events:none;background:linear-gradient(#173d4160,#0000 27% 65%,#153a3855);position:absolute;inset:0}.intro .shade{background:linear-gradient(90deg,#183d416e,#0000 80%),linear-gradient(#153b4133,#0000 60%,#123c3d66)}header{z-index:2;border-bottom:1px solid #f9ffe629;justify-content:space-between;align-items:center;gap:20px;margin:0 3.5%;padding:28px 0;display:flex;position:relative}.brand{color:inherit;letter-spacing:-1.6px;grid-template-columns:41px auto;column-gap:12px;font-size:29px;font-weight:700;line-height:1;text-decoration:none;display:grid}.brand svg{grid-row:1/3;width:41px;height:34px}.brand>span{letter-spacing:2.3px;margin-top:7px;font-size:6px;font-weight:400}.header-tools{align-items:center;gap:9px;display:flex}.header-tools button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f6dc1c;border:1px solid #f2f9e55c;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.weather{letter-spacing:1.2px;margin-right:21px;font-size:8px}.weather b{letter-spacing:0;font-size:15px}.welcome{max-width:660px;margin:clamp(55px,12vh,135px) 0 90px 7%;position:relative}.eyebrow{letter-spacing:2px;color:#e8f5ba;align-items:center;gap:9px;font-size:8px;display:flex}.eyebrow i{background:#e8f5ba;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-2.5px;text-shadow:0 2px 20px #20453922;margin:26px 0 22px;font-size:clamp(36px,4.7vw,68px);font-weight:400;line-height:1.1}h1 em{color:#e7efbc;letter-spacing:-2px;font-family:Georgia,serif;font-weight:400}.welcome p{color:#e5eee1;font-size:13px;line-height:1.9}.start{color:#294637;letter-spacing:1px;background:#e2efa0;border:1px solid #f3fac7;border-radius:5px;justify-content:space-between;align-items:center;gap:26px;width:300px;max-width:100%;margin-top:29px;padding:19px 22px;font-size:10px;font-weight:700;display:flex;box-shadow:0 5px 20px #254e4526}.start:hover{background:#f0f9c1}.start>span{font-size:23px;font-weight:400}.welcome-note{letter-spacing:1.2px;color:#e0e9c9;align-items:center;gap:12px;margin-top:20px;font-size:6px;display:flex}.welcome-note i{background:#d2e5bc;border-radius:50%;width:3px;height:3px}.postcard{border-left:1px solid #ecf3d180;flex-direction:column;gap:16px;padding-left:18px;display:flex;position:absolute;bottom:20%;right:5%}.postcard>span{letter-spacing:1.4px;font-size:6px}.postcard>b{font-family:Georgia,serif;font-size:19px;font-style:italic;font-weight:400;line-height:1.5}.postcard>i{letter-spacing:1.5px;color:#d9e5c7;font-size:6px;font-style:normal}footer{border-top:1px solid #f2f6d630;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;display:flex;position:absolute;bottom:0;left:3.5%;right:3.5%}.keys{letter-spacing:.8px;align-items:center;gap:23px;font-size:7px;display:flex}.keys>span{align-items:center;gap:7px;display:flex}kbd{background:#e7edc916;border:1px solid #ecf6d55c;border-radius:3px;padding:5px;font:8px Arial}.best{letter-spacing:1px;color:#ddebc8;font-size:6px}.best b{color:#f6ffe5;margin-left:12px;font-weight:400}.ride-stats{align-items:center;gap:35px;display:flex;position:absolute;top:140px;left:4%}.ride-stats small{letter-spacing:1.8px;color:#ecf1d9;margin-bottom:12px;font-size:7px;display:block}.ride-stats strong{letter-spacing:-1px;font-size:40px;font-weight:400}.ride-stats strong>span{letter-spacing:0;margin-left:7px;font-size:13px}.ride-stats b{letter-spacing:1px;font-size:22px;font-weight:400}.speed{text-align:center;position:absolute;bottom:108px;right:4%}.speed>strong{letter-spacing:-3px;font-size:64px;font-weight:400;line-height:1}.speed>small{letter-spacing:2px;margin-top:8px;font-size:8px;display:block}.speed>span{letter-spacing:1.4px;margin-top:17px;font-size:6px;display:block}.toast{color:#f2f6d9;background:#284d43dc;border-radius:5px;padding:13px 20px;font-size:12px;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.touch-controls{display:none}.pause-shade{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#203f445c;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.pause-panel{color:#2c4639;background:#f5f4e7;border-radius:16px;width:420px;max-width:100%;padding:38px;box-shadow:0 20px 80px #1f493a40}.pause-panel .eyebrow{color:#798b53;font-size:7px}.pause-panel h2{margin:22px 0 15px;font:400 32px Georgia,serif}.pause-panel p{color:#748171;font-size:12px}.pause-panel .start{background:#d8e9a3;border-color:#d8e9a3;width:100%}.error{max-width:300px;color:#ffe2b8!important}@media (height<=750px) and (width>=701px){.welcome{margin-top:45px}.welcome h1{margin:20px 0 15px;font-size:46px}.welcome .start{margin-top:18px}.welcome-note{margin-top:14px}.welcome p{font-size:12px}.postcard{bottom:22%}}@media (width<=900px){.weather{display:none}.keys{gap:12px;font-size:6px}.postcard{display:none}.welcome{margin-left:6%}.best{display:none}}@media (pointer:coarse){.touch-controls{justify-content:space-between;gap:14px;display:flex;position:absolute;bottom:85px;left:20px;right:20px}.touch-controls>div{gap:7px;display:flex}.pad{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2b5544aa;border:1px solid #ebf7c780;border-radius:10px;width:53px;height:49px;font-size:9px}.pad:active{background:#76915c}.keys{display:none}.speed{bottom:160px}.toast{width:max-content;max-width:80%;font-size:11px;bottom:235px}.best{display:block}footer{justify-content:center}}@media (width<=700px){header{margin:0 6%;padding:22px 0}.brand{grid-template-columns:34px auto;column-gap:9px;font-size:26px}.brand svg{width:34px}.brand>span{letter-spacing:1.8px;font-size:5px}.header-tools{gap:6px}.header-tools button{width:31px;height:31px;font-size:15px}.welcome{max-width:420px;margin:65px 7% 110px}.welcome h1{letter-spacing:-1.8px;font-size:42px;line-height:1.16}.welcome h1 em{letter-spacing:-1.5px}.welcome p{max-width:300px;font-size:12px}.eyebrow{letter-spacing:1.4px;font-size:6px}.welcome-note{letter-spacing:.7px;gap:8px;font-size:5px}.start{width:290px;padding:17px 20px;font-size:9px}.ride-stats{gap:25px;top:115px;left:6%}.ride-stats strong{font-size:30px}.ride-stats small{letter-spacing:1px;font-size:6px}.ride-stats b{font-size:18px}.speed{right:7%}.speed>strong{font-size:49px}.speed>span{font-size:5px}.keys{flex-wrap:wrap;gap:10px}.keys span{font-size:5px}footer{margin:0 3%;padding:17px 0}.pad{width:45px;height:48px;font-size:8px}.touch-controls{left:16px;right:16px}.touch-controls>div{gap:5px}.pause-panel{padding:29px}.pause-panel h2{font-size:28px}}@media (height<=670px){.intro{min-height:680px}.intro .welcome{margin-top:30px;margin-bottom:100px}}.all-games{color:inherit;white-space:nowrap;padding:8px;font-size:11px;text-decoration:none}@media (width<=600px){.all-games{padding:4px;font-size:9px}}