:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f4ead2;background:#0e242c;--gold:#eac47d}*{box-sizing:border-box}body{margin:0}a{color:var(--gold);text-decoration:none}button,select{font:inherit;min-height:44px;border:1px solid #b39a66;border-radius:5px;padding:10px 16px;background:#23434a;color:#f3e9d2;cursor:pointer}button:hover{background:#315c62}.gold{background:var(--gold);color:#15252a;font-weight:bold}.gold:hover{background:#f6dba1}button:disabled{opacity:.4}:is(a,button,select,[tabindex]):focus-visible{outline:3px solid #fff5b2;outline-offset:4px}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 3vw;border-bottom:1px solid #55727a;background:#102931}header strong{font:29px Georgia,serif;letter-spacing:1px;text-align:center}header strong span{display:block;font:bold 10px Arial;letter-spacing:3px;margin-top:4px}header a{font-size:13px}main{max-width:1480px;margin:auto;padding:24px 3vw}.eyebrow{font-size:11px;letter-spacing:3px;color:#d9b779;font-weight:bold}h1{font:clamp(29px,4vw,52px)/1.1 Georgia,serif;margin:12px 0}p{line-height:1.6}.selection>p{color:#bdcfd0}.course-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.course-card{text-align:left;padding:0;overflow:hidden;border-color:#54747a;background:#18353d}.course-card[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:3px}.course-card img{display:block;width:100%;aspect-ratio:2;object-fit:cover}.course-card span{display:block;padding:14px 18px}.course-card b{display:block;font:25px Georgia,serif;margin-bottom:6px}.course-card small{display:block;color:#bed0cd;font-size:12px;line-height:1.7}.start-row{display:flex;align-items:end;gap:15px;flex-wrap:wrap}label{display:grid;gap:5px;font-size:12px}.fine{color:#b1c5c5;font-size:12px}.ride-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.ride-top>div:last-child{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.ride-top h1{font-size:30px;margin:8px 0 16px}.hud{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 0;font-size:18px}.hud label{margin-left:auto}progress{width:120px;height:9px;accent-color:#edc77e}.water-stage{position:relative;overflow:hidden;border:1px solid #74959a;border-radius:8px;background:#265766}.water-stage>#water{width:100%;height:clamp(280px,58dvh,640px);display:block}.water-stage>#map{position:absolute;right:12px;bottom:12px;width:176px;height:128px;border:1px solid #9fc6bb99;border-radius:6px;background:#092a31c9;pointer-events:none}.gate-note{position:absolute;top:12px;left:14px;max-width:70%;background:#0b2935bb;padding:8px 12px;border-radius:4px;color:#fae1a6;font-size:12px;pointer-events:none}.overlay{position:absolute;inset:0;background:#0c2937db;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.overlay h2{font:34px Georgia,serif}.overlay p{max-width:500px}.ride-controls{display:grid;grid-template-columns:minmax(220px,1fr) 1fr;gap:20px;margin-top:18px}#steerPad{position:relative;min-height:120px;touch-action:none;user-select:none;overscroll-behavior:contain;border:1px solid #a59063;border-radius:12px;background:radial-gradient(ellipse at center,#2e5d62,#18363b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;overflow:hidden}#steerPad strong{letter-spacing:3px;font-size:13px}#steerPad span{font-size:11px;color:#d4d9c9}#padDot{position:absolute;pointer-events:none;width:14px;height:14px;border:2px solid #fff1ab;border-radius:50%;opacity:0}.pedals{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pedals button{touch-action:none;user-select:none}.result{margin-top:20px;padding:24px;background:#2d4540;border:1px solid #dcc17e;border-radius:6px}.result h2{font:32px Georgia,serif}.result p{font-size:20px}dialog{max-width:650px;width:calc(100% - 28px);max-height:86dvh;background:#15353d;color:#f4e8c9;border:1px solid #cfb17b;border-radius:9px;padding:26px}dialog::backdrop{background:#07171fc9}dialog p{font-size:14px}dialog h2{font:28px Georgia,serif}dialog button{margin:8px 8px 0 0}@media(max-width:760px){.course-cards{grid-template-columns:1fr 1fr;gap:12px}header{padding:12px;flex-wrap:wrap}header strong{font-size:24px}header a{font-size:11px}.course-card span{padding:12px}.course-card b{font-size:22px}main{padding:18px 14px}.ride-top{align-items:start;flex-direction:column;gap:4px}.ride-top h1{margin-bottom:5px}.hud{gap:12px;font-size:15px}.ride-controls{gap:12px;grid-template-columns:1fr 1fr}#steerPad span{font-size:9px;text-align:center}.pedals button{padding:8px;font-size:12px}.water-stage>#map{width:132px;height:96px}.view-label{display:none}}@media(max-width:390px){header{gap:10px}header strong{font-size:21px}.course-cards{grid-template-columns:1fr}.hud{gap:10px}.hud label{margin:0}.ride-controls{grid-template-columns:1fr}.water-stage>#water{height:360px}}@media(max-height:550px) and (min-width:600px){header{padding:7px 16px}header strong{font-size:20px}header strong span{display:none}main{padding:8px 14px}.ride-top{flex-direction:row;align-items:center}.ride-top h1{font-size:22px;margin:0}.ride-top .eyebrow{display:none}.hud{padding:6px 0}.water-stage>#water{height:52dvh;min-height:190px}.ride-controls{margin-top:8px}#steerPad{min-height:75px}.pedals{grid-template-columns:repeat(4,1fr)}.water-stage>#map{width:110px;height:80px}}