:root{--cb-ink:#1d2340;--cb-panel:#fffffff0;--cb-accent:#ff5a36;--cb-accent-2:#ffc93c;--cb-good:#2fbf71;--cb-sky:#5fb8ff;--cb-radius:18px;--cb-font:"Baloo 2", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--cb-font);color:var(--cb-ink);background:#8fd0ff;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;top:0;bottom:0;left:0;right:0}.cb-stage{background:linear-gradient(#5fb8ff,#d8f0ff);position:absolute;top:0;bottom:0;left:0;right:0}.cb-canvas{outline:none;width:100%;height:100%;display:block}.cb-ui{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}.cb-ui>*{pointer-events:auto}[hidden]{display:none!important}kbd{min-width:1.7em;color:var(--cb-ink);font:700 .8em/1.4 var(--cb-font);text-align:center;background:#fff;border-bottom:3px solid #c9d3e6;border-radius:6px;margin:0 .1em;padding:.1em .45em;display:inline-block}kbd.wide{min-width:3.5em}.touch-only{display:none}@media (pointer:coarse){.touch-only{display:inline}.desktop-only{display:none!important}div.touch-only{display:block}}.cb-btn,.cb-btn-primary,.cb-play{font:800 1.05rem var(--cb-font);cursor:pointer;color:var(--cb-ink);background:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:.4em;min-height:48px;padding:.75em 1.4em;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;box-shadow:0 4px #c9d3e6}.cb-btn-primary,.cb-play{background:var(--cb-accent);color:#fff;box-shadow:0 5px #c23c1e}.cb-btn:hover,.cb-btn-primary:hover,.cb-play:hover{filter:brightness(1.06)}.cb-btn:active,.cb-btn-primary:active,.cb-play:active{transform:translateY(3px);box-shadow:0 2px #c23c1e}.cb-btn-ghost{box-shadow:none;background:0 0;text-decoration:underline}.cb-btn:focus-visible{outline:3px solid var(--cb-accent-2);outline-offset:3px}.cb-btn-primary:focus-visible{outline:3px solid var(--cb-accent-2);outline-offset:3px}.cb-play:focus-visible{outline:3px solid var(--cb-accent-2);outline-offset:3px}.cb-course:focus-visible{outline:3px solid var(--cb-accent-2);outline-offset:3px}.cb-landing{touch-action:pan-y;color:#fff;background:linear-gradient(90deg,#0a1e469e,#0a1e4640 42%,#0a1e4600 60%);position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.cb-back{color:#fff;background:#00000040;border-radius:999px;padding:8px 14px;font-weight:700;text-decoration:none;position:absolute;top:16px;left:16px}.cb-landing-inner{flex-direction:column;justify-content:center;gap:22px;max-width:calc(520px + 12vw);min-height:100%;padding:72px 6vw 28px;display:flex}.cb-title-block{max-width:520px}.cb-kicker{letter-spacing:.12em;text-transform:uppercase;opacity:.85;margin:0;font-size:.8rem;font-weight:800}.cb-title{margin:4px 0 8px;line-height:.95}.cb-title span{text-shadow:0 5px #c23c1e,0 10px 24px #0000004d;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:900;display:block}.cb-title small{color:var(--cb-accent-2);text-shadow:0 3px #9a6a00;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:800;display:block}.cb-desc{text-shadow:0 1px 4px #0006;max-width:30em;font-size:1.1rem;line-height:1.45}.cb-play{min-width:220px;margin:6px 0 14px;padding:.55em 2.2em;font-size:1.5rem}.cb-play.loading{filter:grayscale(.6);cursor:progress}.cb-controls-hint{text-shadow:0 1px 3px #00000080;flex-wrap:wrap;gap:10px 18px;font-size:.95rem;font-weight:700;display:flex}@media (pointer:coarse){.cb-controls-hint>div:not(.touch-only){display:none}}.cb-courses{flex-direction:column;gap:10px;width:100%;max-width:460px;display:flex}.cb-course{text-align:left;border-radius:var(--cb-radius);background:var(--cb-panel);color:var(--cb-ink);font:inherit;cursor:pointer;border:3px solid #0000;align-items:center;gap:14px;padding:10px 14px;transition:transform .12s,border-color .12s;display:flex;box-shadow:0 6px 18px #0000002e}.cb-course:hover:not(:disabled){transform:translateY(-2px)}.cb-course.selected{border-color:var(--cb-accent)}.cb-course.locked{opacity:.82;cursor:not-allowed;background:#ebf0fae6}.cb-course-num{background:var(--cb-sky);color:#fff;border-radius:12px;flex:0 0 44px;place-items:center;height:44px;font-size:1.3rem;font-weight:900;display:grid}.cb-course-body{flex-direction:column;flex:1;gap:2px;display:flex}.cb-course-name{font-size:1.1rem;font-weight:800}.cb-course-meta{opacity:.85;flex-wrap:wrap;gap:10px;font-size:.85rem;display:flex}.cb-diff{font-weight:800}.cb-diff-beginner{color:#1e9e57}.cb-diff-intermediate{color:#d98a00}.cb-diff-advanced{color:#d63a2a}.cb-medal{vertical-align:middle;border:3px solid #0000001f;border-radius:50%;width:30px;height:30px;display:inline-block}.cb-medal-none{background:#e3e8f2;border-style:dashed}.cb-medal-bronze{background:radial-gradient(circle at 35% 30%,#f3b98a,#b8692f)}.cb-medal-silver{background:radial-gradient(circle at 35% 30%,#fff,#9aa7b8)}.cb-medal-gold{background:radial-gradient(circle at 35% 30%,#fff3b0,#e0a400)}.cb-hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.cb-hud button{pointer-events:auto}.cb-hud-top{padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.cb-hud-left{color:#fff;text-shadow:0 2px 4px #00000073;min-width:120px;font-size:.95rem;font-weight:800}.cb-hud-cp.none{opacity:.7}@media (max-width:480px){.cb-hud-left{min-width:0;max-width:34vw;font-size:.8rem}.cb-hud-course{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cb-hud-right{min-width:0}}.cb-timer{font:900 clamp(1.5rem, 4vw, 2.1rem) var(--cb-font);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 2px #0000004d;background:#141e3c73;border-radius:14px;padding:2px 16px}.cb-hud-right{justify-content:flex-end;gap:8px;min-width:120px;display:flex}.cb-icon-btn{color:#fff;cursor:pointer;background:#141e3c73;border:0;border-radius:14px;width:46px;height:46px;font-size:1.1rem;font-weight:900}.cb-hint{opacity:0;color:#fff;white-space:nowrap;background:#141e3c8c;border-radius:999px;padding:10px 18px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;bottom:28px;left:50%;transform:translate(-50%,10px)}.cb-hint.show{opacity:1;transform:translate(-50%)}@media (pointer:coarse){.cb-hint{font-size:.85rem;top:76px;bottom:auto}}.cb-toast{opacity:0;color:#fff;background:var(--cb-good);border-radius:999px;padding:6px 18px;font-size:1.3rem;font-weight:900;transition:opacity .2s,transform .2s;position:absolute;top:72px;left:50%;transform:translate(-50%,-8px)scale(.9);box-shadow:0 4px #1f8a50}.cb-toast.show{opacity:1;transform:translate(-50%)scale(1)}.cb-restart-ring{color:#fff;place-items:center;width:54px;height:54px;font-weight:900;display:grid;position:absolute;top:76px;right:18px}.cb-restart-ring svg{position:absolute;top:0;bottom:0;left:0;right:0;transform:rotate(-90deg)}.cb-restart-ring circle{fill:#141e3c80;stroke:#fff;stroke-width:4px;stroke-dasharray:94.25;stroke-dashoffset:94.25px}.cb-modal{background:#0f193773;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.cb-panel{background:var(--cb-panel);text-align:center;border-radius:24px;flex-direction:column;gap:12px;width:min(400px,100%);padding:24px;display:flex;box-shadow:0 20px 50px #0000004d}.cb-panel h2{margin:0 0 4px;font-size:1.8rem}.cb-settings{border-top:2px solid #e6ebf3;border-bottom:2px solid #e6ebf3;flex-direction:column;gap:10px;margin:4px 0;padding:10px 4px;display:flex}.cb-row{justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.cb-row input[type=range]{max-width:200px;accent-color:var(--cb-accent);flex:1}.cb-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--cb-accent)}.cb-row select{font:inherit;border-radius:8px;padding:4px 8px}.cb-results-panel .cb-kicker{color:#6a7390}.cb-result-medal{flex-direction:column;align-items:center;gap:4px;font-size:1.2rem;font-weight:900;display:flex}.cb-result-medal .cb-medal{border-width:5px;width:76px;height:76px;animation:.4s cubic-bezier(.2,1.6,.4,1) both cb-pop}.cb-result-time{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:900;line-height:1}.cb-result-pb{color:#6a7390;font-weight:800}.cb-result-pb.is-pb{color:var(--cb-good)}.cb-result-best{color:#6a7390;font-size:.9rem}.cb-result-actions{flex-direction:column;gap:10px;margin-top:6px;display:flex}.cb-result-tip{color:#8a92ab;margin:0;font-size:.8rem}@keyframes cb-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.cb-loading{color:#fff;background:#0f193766;place-content:center;justify-items:center;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.cb-spinner{border:5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:46px;height:46px;animation:.8s linear infinite cb-spin}@keyframes cb-spin{to{transform:rotate(360deg)}}.cb-fade{pointer-events:none;opacity:0;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0}.cb-fade.flash{animation:.7s ease-out cb-flash}@keyframes cb-flash{0%{opacity:0}45%{opacity:.85}to{opacity:0}}.cb-touch{pointer-events:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}.cb-touch>*{pointer-events:auto}.cb-stick-zone{touch-action:none;width:45%;height:60%;position:absolute;bottom:0;left:0}.cb-cam-zone{touch-action:none;width:55%;position:absolute;top:70px;bottom:0;right:0}.cb-stick-base{opacity:.6;background:#ffffff2e;border:3px solid #ffffff73;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .15s;position:absolute;top:calc(100% - 110px);left:90px}.cb-stick-base.active{opacity:1}.cb-stick-knob{background:#ffffffd9;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #00000040}.cb-btn{touch-action:manipulation}.cb-touch .cb-btn{color:#fff;box-shadow:none;background:#141e3c59;border:3px solid #fff9;border-radius:50%;min-height:0;padding:0;font-size:2rem;font-weight:900;position:absolute}.cb-btn-jump{right:max(24px, env(safe-area-inset-right));bottom:max(28px, env(safe-area-inset-bottom));width:96px;height:96px}.cb-btn-jump.down{background:#ff5a36bf;transform:scale(.94)}.cb-btn-sprint{right:max(136px, calc(env(safe-area-inset-right) + 112px));bottom:max(40px, env(safe-area-inset-bottom));width:64px;height:64px;font-size:1.4rem!important}.cb-btn-sprint.on{background:#ffc93cd9}@media (prefers-reduced-motion:reduce){.cb-ui *,.cb-ui :before,.cb-ui :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.cb-timer-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.cb-target{font:800 .8rem var(--cb-font);color:#1d2340;white-space:nowrap;background:#e3e8f2;border-radius:999px;padding:2px 10px;box-shadow:0 2px #00000026}.cb-target:empty{display:none}.cb-target.tier-gold{background:linear-gradient(#fff3b0,#f5c518)}.cb-target.tier-silver{background:linear-gradient(#fff,#c4ccd8)}.cb-target.tier-bronze{background:linear-gradient(#f6c9a3,#d08a52)}.cb-target.bump{animation:.35s ease-out cb-bump}@keyframes cb-bump{40%{transform:scale(1.18)}}.cb-toast.behind{background:#ff8a3d;box-shadow:0 4px #c45f1d}.cb-tip{text-align:center;opacity:0;pointer-events:none;color:#1d2340;background:#fff7d1;border:3px solid #ffc93c;border-radius:16px;max-width:min(92vw,520px);padding:10px 16px;font-size:1.05rem;font-weight:800;transition:opacity .25s,transform .25s;position:absolute;top:24%;left:50%;transform:translate(-50%,-6px);box-shadow:0 6px 16px #0000002e}.cb-tip.show{opacity:1;transform:translate(-50%)}.cb-course-targets{gap:10px;margin-top:2px;font-size:.78rem;font-weight:800;display:flex}.cb-course-targets .t-gold{color:#c99700}.cb-course-targets .t-silver{color:#7d8899}.cb-course-tagline{opacity:.75;font-size:.78rem}.cb-pb-banner{color:#fff;letter-spacing:.04em;text-shadow:0 1px #0003;background:linear-gradient(90deg,#ffc93c,#ff8a3d);border-radius:999px;margin:-8px auto 2px;padding:4px 14px;font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) both cb-pop}.cb-results-panel.is-pb{box-shadow:0 0 0 4px #ffc93c,0 20px 50px #0000004d}.cb-result-goal{color:#d06a1a;font-weight:800}.cb-result-stats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cb-chip{color:#4a5272;background:#eef1f8;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:800}.cb-chip.good{color:#1e9e57;background:#dff7e9}.cb-chip.ghost{color:#2a6f9a;background:#e0f4ff}.cb-chip:empty{display:none}.cb-splits{font-variant-numeric:tabular-nums;background:#f3f5fa;border-radius:12px;margin:0;padding:6px 10px;font-size:.85rem;list-style:none}.cb-splits li{grid-template-columns:1fr 1fr 70px;gap:8px;padding:2px 0;display:grid}.cb-splits li span:first-child{text-align:left;color:#6a7390;font-weight:700}.cb-splits li span:last-child{text-align:right;font-weight:800}.cb-splits .ahead{color:#1e9e57}.cb-splits .behind{color:#d63a2a}.cb-modal{align-items:safe center;overflow-y:auto}.cb-panel{max-height:calc(100% - 8px);overflow-y:auto}@media (max-height:560px){.cb-panel{gap:7px;width:min(560px,100%);padding:14px 18px}.cb-panel h2{font-size:1.3rem}.cb-result-medal .cb-medal{width:48px;height:48px}.cb-result-time{font-size:2.1rem}.cb-result-actions{flex-flow:wrap;justify-content:center}.cb-result-actions>*{flex:140px}.cb-btn,.cb-btn-primary{min-height:42px;padding:.5em 1em}.cb-settings{gap:6px;padding:6px 4px}.cb-splits,.cb-result-tip{display:none}.cb-tip{font-size:.9rem;top:70px}.cb-pause .cb-panel{grid-template-columns:1fr 1fr;align-items:start;display:grid}.cb-pause .cb-panel h2,.cb-pause .cb-panel .cb-btn-ghost{grid-column:1/-1}.cb-pause .cb-settings{grid-column:1/-1;grid-template-columns:1fr 1fr;column-gap:18px;display:grid}}