@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#f4f1e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#101c20}canvas{display:block}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 150px #10212b33;background:linear-gradient(#0c1a2244,transparent 30%,transparent 62%,#0d1d2c66)}header{position:absolute;top:28px;left:34px;right:34px;display:flex;align-items:center;gap:25px;z-index:2}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-size:47px;font-weight:800;line-height:.85;letter-spacing:-2px}.brand span{color:#d6e2b1;margin-left:3px}.brand i{display:block;font:600 9px DM Sans,sans-serif;font-style:normal;letter-spacing:10px;margin:10px 0 0 5px}.edition{font-size:10px;letter-spacing:1.7px;line-height:1.8;border-left:1px solid #fff4;padding-left:24px}.edition small{display:block;font-size:8px;letter-spacing:1.5px;opacity:.6}.live{margin-left:auto;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.live b{display:block;width:5px;height:5px;background:#d6e2b1;border-radius:50%;box-shadow:0 0 10px #d6e2b180}#location{position:absolute;top:142px;left:36px;z-index:2;text-shadow:0 2px 25px #10202055}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;opacity:.7}h1{font-size:clamp(24px,3vw,42px);font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin:12px 0}#district{font-size:12px;margin-top:13px;letter-spacing:.2px}#district:before{content:"";display:inline-block;width:20px;height:1px;background:#d6e2b1;vertical-align:middle;margin-right:9px}#telemetry{position:absolute;top:123px;right:35px;display:flex;gap:24px;text-align:right;z-index:2}#telemetry div{display:flex;flex-direction:column}#telemetry strong{font:500 24px Barlow Condensed,Arial,sans-serif}#telemetry span{font-size:8px;letter-spacing:1.5px;opacity:.6;margin-top:3px}#coordinates{font-size:9px;line-height:1.8;letter-spacing:1px;opacity:.65;margin:0 0 0 2px}#message{position:absolute;top:27px;left:50%;transform:translate(-50%);font-size:10px;padding:10px 18px;background:#172d2bc9;border:1px solid #c6d6c422;border-radius:30px;z-index:3;opacity:0;transition:opacity .3s}#message.visible{opacity:1}#map{position:absolute;left:34px;bottom:116px;width:204px;height:204px;border:1px solid #f7f2da55;box-shadow:0 6px 35px #10202033;z-index:2;background:#c8cabc;border-radius:3px;overflow:hidden}#radar{width:100%;height:100%;opacity:.92}.north{position:absolute;right:9px;top:9px;font-size:10px;color:#25433b;font-weight:700}.map-caption{position:absolute;left:0;right:0;bottom:0;background:#18332edb;padding:10px 12px;font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between}.map-caption span{font-size:7px;letter-spacing:0;opacity:.7}#destination{position:absolute;left:261px;bottom:137px;z-index:2;max-width:280px}#destination>div{font-size:19px;margin:10px 0;letter-spacing:-.4px}#distance{font-size:12px;margin-left:16px;color:#d6e2b1}#destination small{font-size:10px;line-height:1.5;opacity:.65;display:block;max-width:220px}#speedometer{position:absolute;right:36px;bottom:128px;text-align:right;z-index:2;min-width:163px}#speedometer>div:first-child{display:flex;align-items:baseline;justify-content:end;gap:10px}#speed{font:600 82px/.9 Barlow Condensed,Impact,sans-serif;letter-spacing:-2px;font-variant-numeric:tabular-nums}#speedometer span{font-size:9px;letter-spacing:2px;opacity:.6}#mode{font-size:8px;letter-spacing:1.5px;margin:13px 0}.speed-track{height:2px;background:#fff3;margin-top:15px}.speed-track i{display:block;background:#d6e2b1;height:2px;width:0;transition:width .2s}nav{position:absolute;bottom:48px;left:34px;right:34px;padding-top:17px;border-top:1px solid #fff3;display:flex;gap:27px;align-items:center;z-index:3}nav>div,nav>button{display:flex;align-items:center;gap:4px}nav span,nav button{font-size:8px;letter-spacing:1px}nav span{margin-left:7px;opacity:.65}kbd{font:500 9px DM Sans,Arial,sans-serif;border:1px solid #fff5;border-radius:3px;padding:5px 6px;min-width:22px;text-align:center;background:#10202022}button{color:inherit;background:none;border:0;cursor:pointer;font-family:inherit;padding:0}button kbd{margin-right:7px}button:hover,button.active{color:#d6e2b1}button:focus-visible{outline:2px solid #d6e2b1;outline-offset:5px}button[hidden]{display:none}#retry{margin-left:auto;color:#e6d4ab}footer{position:absolute;bottom:14px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.3px;opacity:.65;z-index:2}footer span:first-child{letter-spacing:1.5px;font-size:7px}@media(max-width:760px){header{left:20px;right:20px}.edition{display:none}#location{left:20px;top:122px}#telemetry{right:20px;top:115px;gap:12px}#coordinates{display:none}#map{left:20px;bottom:130px;width:150px;height:150px}#destination{left:20px;bottom:294px}#destination small{display:none}#speedometer{right:20px;bottom:143px}#speed{font-size:66px}nav{left:20px;right:20px;gap:16px;flex-wrap:wrap;bottom:48px}footer{left:20px;right:20px;font-size:7px}footer span:first-child{display:none}#message{top:90px;width:max-content;max-width:90vw}h1{font-size:28px}nav>div:first-child{display:none}}#daylight{position:absolute;right:36px;top:211px;width:150px;z-index:3}#daylight label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;opacity:.75}#daylight output{letter-spacing:.6px}#time{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#fff4;display:block;margin:14px 0 0;cursor:pointer;accent-color:#d6e2b1}#time::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;background:#e8ecd5;border-radius:50%;box-shadow:0 0 0 4px #e8ecd511}#time::-moz-range-thumb{width:8px;height:8px;background:#e8ecd5;border-radius:50%;border:none}@media(max-width:760px){#daylight{right:20px;top:188px;width:110px}}