@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#183e40;font-synthesis:none;background:#a5dce0;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline-offset:4px;outline:3px solid #e66b49}#game,#world{width:100%;height:100%;position:absolute;inset:0}#world{outline:none;display:block}.topbar{pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:absolute;top:28px;left:34px;right:34px}.brand{letter-spacing:-1px;align-items:center;gap:12px;font-size:24px;font-weight:800;line-height:1;display:flex}.brand span:not(.brand-icon){font-weight:500}.brand small{letter-spacing:2.5px;margin-top:8px;font-size:8px;display:block}.brand-icon{color:#fff9e9;background:#183e40;border-radius:12px;place-items:center;width:42px;height:44px;font-size:36px;display:grid}.track-tag{letter-spacing:1.6px;background:#fff9e9b8;border:1px solid #fff8;border-radius:30px;align-items:center;gap:10px;padding:13px 18px;font-size:10px;font-weight:700;display:flex}.tag-sub{opacity:.5}.live-dot{background:#368d76;border-radius:50%;width:7px;height:7px;display:inline-block}.round-button{pointer-events:auto;background:#fff9e9bf;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:46px;height:46px;font-size:20px;display:flex}.round-button span{font-size:7px;font-weight:800}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0e8;border:1px solid #fff9;border-radius:16px;box-shadow:0 8px 30px #234d4320}.race-panel{width:205px;padding:20px;position:absolute;top:118px;left:34px}.eyebrow{letter-spacing:1.8px;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.eyebrow>span{opacity:.5}.lap-line{align-items:center;gap:10px;margin:10px 0 13px;display:flex}#lap{letter-spacing:-2px;font-family:Barlow Condensed,sans-serif;font-size:64px;font-weight:700;line-height:1}.lap-total{color:#758881;font-size:23px}.lap-total small{letter-spacing:2px;margin-top:5px;font-size:8px;display:block}.flag{color:#e97654;margin-left:auto;font-size:29px}.separator{background:#183e4020;height:1px;margin-bottom:15px}.stat-row{letter-spacing:.7px;justify-content:space-between;align-items:center;margin-top:12px;font-size:8px;display:flex}.stat-row strong{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:13px}.checkpoints{gap:5px;margin-top:20px;display:flex}.checkpoints i{background:#d8e0d4;border-radius:4px;flex:1;height:4px}.checkpoints i.done{background:#3b947b}.checkpoints i.next{background:#eaa05e}.checkpoint-label{letter-spacing:.8px;margin-top:8px;font-size:8px;font-weight:600}.course-card{width:205px;padding:18px 15px 14px;position:absolute;top:118px;right:34px}#minimap{width:100%;height:auto;margin:10px 0 0}.map-footer{letter-spacing:.3px;align-items:center;gap:5px;font-size:7px;font-weight:700;display:flex}.map-footer>span:last-child{opacity:.5;margin-left:auto}.map-footer .live-dot{width:5px;height:5px}.center-message{text-align:center;pointer-events:none;transition:opacity .55s,transform .55s;position:absolute;top:26%;left:25%;right:25%}.center-message.dismissed{opacity:0;transform:translateY(-15px)}.pill{letter-spacing:2px;color:#fff9e9;background:#183e40;border-radius:30px;padding:8px 13px;font-size:8px;font-weight:700;display:inline-block}h1{letter-spacing:-.7px;text-shadow:0 2px 20px #fff8;margin:12px 0 8px;font-family:Barlow Condensed,sans-serif;font-size:clamp(26px,4.2vw,60px);font-weight:700}.center-message p{text-shadow:0 1px 10px #fff;margin:0;font-size:11px}.center-message kbd{background:#fffaf0cc;border:1px solid #fff}kbd{background:#fff9;border:1px solid #183e4025;border-radius:5px;place-items:center;min-width:23px;height:24px;padding:0 6px;font:600 10px DM Sans,sans-serif;display:inline-grid}.bottom-bar{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:28px;left:34px;right:34px}.controls{border-radius:12px;align-items:center;gap:18px;padding:13px 16px;display:flex}.controls>div{align-items:center;gap:4px;display:flex}.controls span{letter-spacing:.5px;margin-left:4px;font-size:8px;font-weight:700}.controls button{background:0 0;border:0;padding:0 2px;font-size:19px}.speedometer{width:205px;padding:17px 20px 13px}.speed-top,.speed-bottom{letter-spacing:1px;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.speed-value{align-items:baseline;gap:10px;margin:2px 0;display:flex}.speed-value strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font:700 74px/1.1 Barlow Condensed,sans-serif}.speed-value>span{opacity:.55;font-size:10px}.speed-track{background:#dce4d7;border-radius:5px;height:5px;margin:7px 0 10px;overflow:hidden}#speed-bar{background:#ed835e;width:0;height:100%;transition:width .1s}.speed-bottom{letter-spacing:.7px;font-size:7px}.speed-bottom>span:first-child{color:#fff9e9;background:#183e40;border-radius:3px;padding:3px 5px;font-size:9px}#toast{color:#fff9e9;opacity:0;pointer-events:none;white-space:nowrap;background:#183e40ee;border-radius:30px;padding:12px 22px;font-size:12px;font-weight:600;transition:all .2s;position:absolute;bottom:150px;left:50%;transform:translate(-50%)translateY(10px)}#toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.touch-controls{display:none}#error{text-align:center;background:#fff9e9;border-radius:12px;padding:24px;position:absolute;inset:40% 15%}@media (width<=800px){.topbar{top:18px;left:18px;right:18px}.track-tag{display:none}.race-panel{width:155px;padding:14px;top:90px;left:18px}.course-card{width:155px;padding:12px;top:90px;right:18px}.brand{font-size:20px}#lap{font-size:48px}.lap-total{font-size:18px}.center-message{top:45%;left:20%;right:20%}.bottom-bar{bottom:18px;left:18px;right:18px}.controls{gap:9px;padding:10px}.controls span{display:none}.speedometer{width:155px;padding:13px}.speed-value strong{font-size:54px}.speed-bottom{font-size:6px}.controls>div:nth-child(2){display:none}}@media (pointer:coarse){.touch-controls{touch-action:none;gap:9px;display:flex;position:absolute;bottom:25px;left:18px}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;background:#fffaf0de;border:1px solid #fff8;border-radius:12px;width:49px;height:49px;font-size:24px}.touch-controls button.pressed{background:#eaa05e}.controls{position:absolute;bottom:68px;left:0}.controls>div{display:none}.speedometer{margin-left:auto}.center-message p{font-size:10px}.speedometer{width:125px}.touch-controls button{width:42px}}@media (height<=550px){.race-panel,.course-card{top:80px}.race-panel{padding:12px}.stat-row{margin-top:7px}.checkpoints{margin-top:12px}.center-message{top:30%}.speedometer{padding:10px}.speed-value strong{font-size:45px}.topbar{top:14px}.bottom-bar{bottom:14px}}.brand small.zh-tag{letter-spacing:1px;color:#e66b49;margin-top:6px;font-size:14px;font-weight:800}.zh-title{color:#183e40;text-shadow:0 3px 24px #fff9e9cc;letter-spacing:2px!important;font-family:Barlow Condensed,PingFang SC,Noto Sans SC,sans-serif!important;font-size:clamp(42px,7vw,92px)!important;font-weight:800!important}