html,body{background:#8fd3ff;height:100%;margin:0;overflow:hidden}canvas{display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;color:#fff;text-shadow:0 3px #000,2px 0 #000,-2px 0 #000,0 -2px #000;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;font-style:italic;font-weight:900;position:fixed;inset:0}#topleft{position:absolute;top:18px;left:22px}#lap{font-size:40px}#time{font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px}#minimap{width:220px;height:220px;position:absolute;top:14px;right:14px}#radar{width:180px;height:180px;position:absolute;bottom:36px;left:14px}#center{text-align:center;font-size:120px;transition:opacity .2s;position:absolute;top:34%;left:0;right:0;transform:translateY(-50%)}#center.small{font-size:72px}#wrongway{text-align:center;color:#ff4a3d;font-size:54px;display:none;position:absolute;top:18%;left:0;right:0}#bottomright{text-align:right;position:absolute;bottom:18px;right:26px}#speed{font-variant-numeric:tabular-nums;font-size:34px}#speed span{font-size:18px}#pos{color:#ffd400;font-size:110px;line-height:1}#pos sup{font-size:46px}#hint{opacity:.9;text-shadow:0 1px 2px #000;font-family:Arial,sans-serif;font-size:13px;font-style:normal;font-weight:700;position:absolute;bottom:16px;left:22px}#results{text-align:center;background:#14183cdb;border:4px solid #fff;border-radius:18px;min-width:640px;padding:18px 30px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#results.hidden{display:none}#results h1{color:#ffd400;margin:0 0 10px;font-size:40px}#results h2{color:#9fd8ff;margin:4px 0 8px;font-size:20px}#results .cols{justify-content:center;gap:34px;display:flex}#results .cols>div{min-width:290px}#results ol{text-align:left;margin:0;padding:0;list-style:none}#results li{font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:3px 0;font-size:21px;display:flex}#results li.you{color:#ffd400}#results .rank{width:34px}#results .swatch{border:2px solid #000;border-radius:6px;width:20px;height:20px}#results .name{flex:1}#results .time{opacity:.85;margin-right:10px;font-size:16px}#results .val{text-align:right;min-width:64px}#results p{margin:14px 0 0;font-family:Arial,sans-serif;font-size:17px;font-style:normal}#title{text-align:center;transition:opacity .8s;position:absolute;top:15%;left:0;right:0}#title.hidden{display:none}#title.fade{opacity:0}#title-sub{color:#9fd8ff;font-size:26px}#title-name{color:#ffd400;font-size:60px}#loading{z-index:5;background:radial-gradient(circle at 50% 40%,#2b3f8f,#0d1230);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#loading.hidden{display:none}#loading-sub{color:#9fd8ff;font-size:28px}#loading-name{color:#ffd400;margin:6px 0 14px;font-size:72px}#loading-dots{opacity:.8;font-family:Arial,sans-serif;font-size:22px;font-style:normal}