@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#142d43;background:#dcebf1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #e95726;outline-offset:6px}button:hover{color:#c8491c}button:active{transform:translateY(1px)}::selection{background:#ee6332;color:#fff}#scene,#scene canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;padding:32px 42px}#hud button,#hud a{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:center}.brand{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;font-size:32px;letter-spacing:.02em;color:#142d43;text-decoration:none;display:flex;gap:18px;align-items:center}.brand span{font:500 12px Noto Sans SC;border-left:1px solid #6a8294;padding-left:18px;letter-spacing:.15em}.top-actions{display:flex;gap:22px;font-size:11px;font-weight:700}.timing{position:absolute;top:118px;left:42px}.timing>span{font-size:11px;letter-spacing:.18em}.timing>strong{font-family:Barlow Condensed,sans-serif;display:block;font-weight:600;font-size:52px;line-height:1.2;font-variant-numeric:tabular-nums}.timing>div{margin-top:10px;font-size:11px;color:#3d5b70}.timing b{margin-left:15px;font-family:Barlow Condensed;font-size:18px;font-weight:500}.course{position:absolute;right:32px;top:116px;text-align:center;font-size:11px;letter-spacing:.08em}.course>span{font-weight:700}.course canvas{display:block;width:160px;height:160px}.course>div{font-size:10px}.speedometer{position:absolute;bottom:83px;right:44px;display:flex;align-items:baseline;gap:9px}.speedometer strong{font:600 96px/.9 Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.speedometer>span{font:600 14px Barlow Condensed}.speed-track{position:absolute;height:3px;background:#a3b7bf;bottom:-15px;width:100%}.speed-track i{display:block;height:100%;background:#ed5b2a;width:0}.bottom{position:absolute;bottom:27px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:500}.bottom i{display:inline-block;width:15px}.bottom button{font-size:11px}#notice{position:absolute;top:25%;left:50%;transform:translate(-50%);font-size:18px;font-weight:700;white-space:nowrap;text-shadow:0 2px 12px #fff}#notice:empty{display:none}.overlay{position:fixed;inset:0;background:linear-gradient(90deg,rgba(226,239,244,.97) 0%,rgba(226,239,244,.9) 25%,rgba(226,239,244,.12) 66%,transparent 100%);display:flex;align-items:center;pointer-events:none}.intro-copy{margin-left:8vw;padding-top:30px;pointer-events:auto}.track-line{font-size:12px;letter-spacing:.18em;margin-bottom:23px}h1{font-weight:900;font-size:clamp(46px,5.8vw,86px);line-height:1.17;letter-spacing:-.04em;margin:0 0 25px}h1 span{color:#e95726}.description{font-size:13px;line-height:2.1;color:#38566b;margin-bottom:30px}.primary{background:#e95726;color:#fff;padding:16px 25px;font-size:14px;font-weight:700;min-width:190px;text-align:left;display:flex;justify-content:space-between;gap:40px;align-items:center}.primary:hover{background:#cf461c;color:#fff}.primary span{font-size:23px;line-height:1}.intro-controls{display:flex;gap:20px;margin-top:22px;font-size:10px;color:#3d5b70}.track-caption{position:absolute;bottom:100px;right:48px;text-align:right}.track-caption>span{font:600 12px Barlow Condensed;letter-spacing:.3em}.track-caption strong{display:block;font-size:28px;font-weight:700;margin-top:9px}.track-caption p{font-size:10px;letter-spacing:.1em}.panel{position:fixed;inset:0;z-index:3;background:#e2eff4ef;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.panel[hidden],.overlay[hidden]{display:none}.panel h2{font-size:42px;margin:15px}.panel p{font-size:14px;color:#3d5b70}.panel .primary{margin:24px 0 16px}.panel>button:not(.primary){font-size:12px}#final-time{font-family:Barlow Condensed;font-size:90px}.playing .intro-copy{display:none}#touch{display:none;position:fixed;bottom:65px;left:18px;right:18px;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:10px}#touch button{pointer-events:auto;background:#e5eff1db;border:1px solid #9bb1bf;width:58px;height:58px;border-radius:50%;font-size:18px;touch-action:none;user-select:none}#touch button[data-key=ArrowUp]{background:#e95726;color:#fff;border-color:#e95726;font-size:14px}#touch button[data-key=ArrowDown]{font-size:13px}body:not(.playing) .timing,body:not(.playing) .course,body:not(.playing) .speedometer,body:not(.playing) .bottom{display:none}@media(pointer:coarse){.playing #touch{display:flex}.playing .bottom>span{display:none}.speedometer{bottom:150px}.bottom{bottom:22px}}@media(max-width:650px){#hud{padding:23px}.brand{font-size:25px;gap:10px}.brand span{font-size:10px;padding-left:10px}.top-actions{gap:10px;font-size:9px}.timing{top:91px;left:23px}.timing>strong{font-size:38px}.course{right:10px;top:90px}.course canvas{width:115px;height:115px}.intro-copy{margin-left:7vw;margin-top:-40px}h1{font-size:55px}.track-line{font-size:10px}.description{font-size:12px}.intro-controls{font-size:9px;gap:12px}.track-caption{bottom:45px;right:25px}.track-caption strong{font-size:22px}.overlay{background:linear-gradient(90deg,#e2eff4ed,#e2eff4b8 45%,#e2eff411)}.speedometer{right:25px}.speedometer strong{font-size:70px}.bottom{left:23px;right:23px}.bottom>span{font-size:8px}.panel h2{font-size:28px}#notice{font-size:14px;top:38%}}#hud{z-index:2}.overlay{z-index:1}@media(max-width:650px){.playing #touch{display:flex}.playing .bottom>span{display:none}.speedometer{bottom:150px}}.primary:disabled{opacity:.65;cursor:wait}#pause-panel>a{margin-top:22px;font-size:11px;color:#3d5b70}body:not(.playing) .in-race-action{display:none}.level-screen{position:fixed;inset:0;z-index:3;padding:110px max(7vw,24px) 36px;background:#e2eff4f5;overflow:auto;scrollbar-color:#819cae #e2eff4}.level-screen[hidden]{display:none}.level-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.level-top h2{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.03em;line-height:1.25;margin:0}.level-top h2 span{color:#e95726}.level-top>button{font-size:12px;text-decoration:underline;text-underline-offset:6px}.level-description{color:#3d5b70;font-size:13px;line-height:1.8;margin:16px 0 30px}#level-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:1060px}.level-choice{padding:22px 24px 24px;text-align:left;background:#d0e2e9;display:grid;grid-template-columns:minmax(100px,.9fr) 1fr;column-gap:18px;transition:background .18s ease-out}.level-choice:hover{color:#142d43;background:#bfd7e2}.level-heading{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;font-weight:700;padding-bottom:12px;border-bottom:1px solid #8ea9ba}.level-heading>span:last-child{color:#3d5b70;font-weight:500}.level-choice canvas{display:block;width:100%;height:auto;align-self:center}.level-copy{padding-top:24px;align-self:center}.level-copy h3{font-size:26px;letter-spacing:-.02em;margin:0 0 10px}.level-copy p{font-size:12px;line-height:1.9;color:#3d5b70;margin:0 0 20px}.level-record{font-size:10px;color:#3d5b70;line-height:1.8}.level-record strong{display:block;font:500 26px Barlow Condensed,sans-serif;color:#142d43;font-variant-numeric:tabular-nums}.level-enter{display:inline-block;color:#ad3612;font-size:13px;font-weight:700;margin-top:18px}.level-help{font-size:11px;color:#3d5b70;line-height:1.9;margin-top:24px}.panel>button:not(.primary){padding:10px 18px;min-height:40px}@media(max-width:850px){#level-list{gap:18px}.level-choice{grid-template-columns:1fr;padding:18px}.level-choice canvas{width:180px;justify-self:center}.level-copy{padding-top:0}.level-copy h3{font-size:23px}.level-copy p{margin-bottom:12px}.level-record strong{display:inline;margin-left:10px;font-size:22px}.level-enter{margin-top:14px}}@media(max-width:500px){.level-screen{padding:95px 22px 30px}.level-top{align-items:flex-start;gap:16px}.level-top h2{max-width:200px;font-size:30px}.level-top>button{font-size:11px;white-space:nowrap;margin-top:8px}.level-description{font-size:12px;margin-bottom:22px}#level-list{grid-template-columns:1fr}.level-choice{grid-template-columns:120px 1fr;gap:12px}.level-choice canvas{width:120px}.level-copy{padding-top:10px}.level-copy h3{font-size:22px}.level-help{font-size:10px}.intro-controls{max-width:300px;flex-wrap:wrap;gap:10px 16px}.track-caption{bottom:28px}.track-caption strong{font-size:19px}.brand span{display:none}}@media(prefers-reduced-motion:reduce){.level-choice{transition:none}}body:not(.playing) #hud{z-index:4}.top-actions button{min-height:40px}.level-screen{inset:88px 0 0;padding-top:24px}@media(max-width:500px){.level-screen{inset:80px 0 0;padding-top:15px}}.level-reserved{border:1px dashed #8ea9ba;background:transparent;cursor:default;color:#3d5b70}.level-reserved:hover{background:transparent;color:#3d5b70}.reserved-space{display:grid;place-items:center;min-height:245px;color:#6b879a}.reserved-label{font-size:11px;color:#3d5b70}@media(max-width:850px){.reserved-space{min-height:165px}.level-reserved .level-copy{padding-bottom:16px}}@media(max-width:500px){.reserved-space{min-height:155px}.level-reserved .level-copy{padding-bottom:0}}#touch,#touch *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}