:root{--bg:#07051a;--panel:#0d0a22d1;--panel-border:#ffffff14;--text:#f3f0ff;--muted:#b3acd6;--accent:#3ee6ff;--accent-2:#ff4fd8;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}.cover-title{z-index:3;pointer-events:none;width:1800px;height:1200px;position:fixed;top:0;left:0}.scene-fade{background:var(--bg);opacity:0;pointer-events:none;position:absolute;inset:0}.overlay{z-index:10;background:radial-gradient(#07051a59,#07051ad9);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.overlay[hidden],.crosshair[hidden],.debug-hud[hidden]{display:none}.card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:16px;max-width:min(720px,100%);padding:32px 40px;box-shadow:0 24px 80px #00000080}.card h2{letter-spacing:.04em;margin:0 0 20px;font-size:32px}.title{white-space:nowrap;letter-spacing:.06em;background:linear-gradient(95deg, var(--accent), var(--accent-2));color:#0000;filter:drop-shadow(0 6px 30px #ff4fd859);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,8vw,96px);font-style:italic;font-weight:900;line-height:1}.pitch{color:var(--muted);margin:12px 0 24px;font-size:clamp(16px,2.2vw,20px)}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:14px 36px;font-size:18px;font-weight:700;transition:transform .12s,box-shadow .12s}.btn--primary{color:#07051a;background:linear-gradient(95deg, var(--accent), var(--accent-2));box-shadow:0 8px 30px #3ee6ff4d}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 36px #ff4fd859}.btn:focus-visible{outline:3px solid var(--text);outline-offset:3px}.message{color:#ffd27a;min-height:1.4em;margin:14px 0 0}.hint{color:var(--muted);margin:18px 0 0;font-size:14px;line-height:2}.hint span{display:block}.phase-tag{font-family:var(--mono);color:#b3acd699;letter-spacing:.08em;text-transform:uppercase;margin:24px 0 0;font-size:12px}kbd{min-width:1.8em;font-family:var(--mono);color:var(--text);text-align:center;background:#ffffff0f;border:1px solid #fff3;border-bottom-width:2px;border-radius:5px;margin:0 1px;padding:1px 6px;font-size:12px;display:inline-block}.crosshair{z-index:5;pointer-events:none;background:#ffffffd9;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.course-card{border:1px solid var(--panel-border);background:linear-gradient(180deg, var(--swatch-a), var(--swatch-b)) left / 5px 100% no-repeat, #0d0a22b8;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;gap:4px;padding:14px 16px 14px 20px;transition:border-color .12s,transform .12s;display:grid}.course-card:hover{border-color:#ffffff4d;transform:translateY(-1px)}.course-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 30px #3ee6ff33}.course-card:focus-visible{outline:3px solid var(--text);outline-offset:2px}.course-card__name{font-size:16px;font-weight:700}.course-card__meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.course-card__blurb{color:var(--muted);font-size:13px}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn--ghost{color:var(--text);background:#ffffff0f;border-color:#ffffff2e}.toast{z-index:6;letter-spacing:.04em;pointer-events:none;background:#07051ab8;border:1px solid #ffffff24;border-radius:999px;padding:10px 22px;font-size:18px;font-weight:700;position:fixed;top:14vh;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.toast--in{animation:.25s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.overlay--start{background:linear-gradient(#07051a8c 0%,#0000 28% 72%,#07051a99 100%),radial-gradient(70% 80% at 58% 52%,#07051a0d,#07051ab3);padding:0;display:block}.ui-root[data-screen=start] .debug-hud{display:none}.home{align-content:center;gap:clamp(18px,4vh,44px);max-width:1240px;min-height:100%;margin:0 auto;padding:clamp(20px,6vh,64px) clamp(16px,4vw,56px) 56px;display:grid}.home .title{background-image:linear-gradient(95deg, var(--accent), var(--accent-2) 50%, var(--accent));background-size:200% 100%;font-size:clamp(52px,7.5vw,108px);animation:9s ease-in-out infinite alternate title-shimmer}@keyframes title-shimmer{to{background-position:100% 0}}.home .pitch{color:var(--text);opacity:.85;text-shadow:0 2px 16px #07051ae6;margin:10px 0 0}.home__main{grid-template-columns:minmax(0,500px) minmax(0,400px);justify-content:space-between;align-items:start;gap:24px;display:grid}.home__side{gap:14px;display:grid}.panel{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0a22bd;border-radius:16px;padding:18px 20px;box-shadow:0 18px 60px #00000059}.panel__title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.panel__sub{color:var(--muted);margin:-4px 0 12px;font-size:14px}.course-list{gap:8px;margin:0 0 14px;display:grid}.course-list .course-card{text-align:left;background:linear-gradient(180deg, var(--swatch-a), var(--swatch-b)) left / 6px 100% no-repeat, #ffffff09;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head best""meta best""blurb blurb";gap:3px 12px;padding:12px 16px 12px 22px}.course-list .course-card[aria-pressed=true]{border-color:color-mix(in srgb, var(--swatch-a) 75%, white);background:linear-gradient(180deg, var(--swatch-a), var(--swatch-b)) left / 6px 100% no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--swatch-a) 22%, transparent), transparent 75%), #ffffff0d;box-shadow:0 0 0 1px color-mix(in srgb, var(--swatch-a) 55%, transparent), 0 10px 32px color-mix(in srgb, var(--swatch-a) 20%, transparent)}.course-card__head{grid-area:head;align-items:center;gap:8px;min-width:0;display:flex}.course-list .course-card__name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.course-card__badge{background:linear-gradient(95deg, var(--accent), var(--accent-2));color:#07051a;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:800}.course-list .course-card__meta{flex-wrap:wrap;grid-area:meta;align-items:center;gap:8px;display:flex}.course-list .course-card:not([aria-pressed=true]) .course-card__blurb{display:none}.course-list .course-card__blurb{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:blurb;margin-top:2px;display:-webkit-box;overflow:hidden}.course-card__best{font-family:var(--mono);font-variant-numeric:tabular-nums;grid-area:best;align-content:center;justify-items:end;font-size:15px;font-weight:700;display:grid}.course-card__best-label{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.diff{color:#8fd9ff;background:#5cc8ff29;border-radius:999px;padding:1px 7px;font-weight:800}.diff[data-level=medium]{color:#ffd27a;background:#ffd27a29}.diff[data-level=hard]{color:#ff8fab;background:#ff638c2e}.diff[data-level=expert]{color:#d7a8ff;background:#be78ff33}.btn--race{text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;padding:16px 22px;font-size:20px;display:flex}.btn--race__go{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid;flex:none;width:0;height:0}.btn--race__label{letter-spacing:.1em;text-transform:uppercase;font-weight:900}.btn--race__course{opacity:.75;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:15px;overflow:hidden}.home__view-only{max-width:560px;color:var(--text);background:#1a1206cc;border:1px solid #ffd27a66;border-radius:12px;margin:14px 0 0;padding:12px 16px;font-size:14px;line-height:1.5}.home__view-only[hidden],.home__keyhint[hidden],.howto[hidden]{display:none}.home__view-only strong{color:#ffd27a;display:block}.home__keyhint{color:var(--muted);text-align:center;margin:10px 0 0;font-size:12px}.feature{background:linear-gradient(#100c28e0, #100c28e0) padding-box, linear-gradient(95deg, var(--accent), var(--accent-2)) border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:2px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 12px 40px #ff4fd82e}.feature:hover{transform:translateY(-1px);box-shadow:0 16px 48px #ff4fd84d}.feature:focus-visible{outline:3px solid var(--text);outline-offset:3px}.feature__icon{font-size:26px}.feature__text{flex:1;gap:2px;display:grid}.feature__title{font-size:17px;font-weight:800}.feature__sub{color:var(--muted);font-size:14px}.feature__arrow{color:var(--accent);font-size:20px;transition:transform .12s}.feature:hover .feature__arrow{transform:translate(3px)}.mp-block[hidden]{display:none}.mp-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mp-row__or{color:var(--muted);font-size:13px}.join-form{gap:6px;display:flex}.howto__keys{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.howto__key{color:var(--muted);background:#ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.howto__key strong{color:var(--text)}.howto__kbd{border-width:2px 2px 4px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid}.howto__kbd--a{--ramp:var(--ramp-left,#5cc8ff)}.howto__kbd--d{--ramp:var(--ramp-right,#ffa24d)}.howto__kbd--a,.howto__kbd--d{border-color:var(--ramp);background:color-mix(in srgb, var(--ramp) 18%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--ramp) 35%, transparent)}.howto__text{color:var(--muted);margin:0 0 8px;font-size:14px;line-height:1.5}.howto__controls{color:var(--muted);grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.home__message{z-index:1;background:#1a1206d9;border:1px solid #ffd27a66;border-radius:999px;max-width:calc(100vw - 32px);margin:0;padding:8px 18px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.home__message:empty{display:none}.home .phase-tag{margin:0;position:fixed;bottom:10px;right:16px}.home__brand,.home__courses,.home__side>*{animation:.5s ease-out both home-rise}.home__courses{animation-delay:60ms}.home__side>:first-child{animation-delay:.12s}.home__side>:nth-child(2){animation-delay:.18s}.home__side>:nth-child(3){animation-delay:.24s}.home__side>:nth-child(4){animation-delay:.3s}@keyframes home-rise{0%{opacity:0;transform:translateY(12px)}}@media (max-width:980px){.home__main{grid-template-columns:minmax(0,560px);justify-content:center}.home__brand{text-align:center}.home .phase-tag{display:none}}@media (max-width:480px){.howto__keys{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.home .title,.home__brand,.home__courses,.home__side>*{animation:none}}.popular[hidden]{display:none}.popular__list{gap:4px;display:grid}.popular__row{background:linear-gradient(180deg, var(--swatch-a), var(--swatch-b)) left / 4px 100% no-repeat, #ffffff08;width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;gap:2px;padding:7px 10px 7px 14px;display:grid}.popular__row:hover{background-color:#ffffff12;border-color:#fff3}.popular__row:focus-visible{outline:2px solid var(--text);outline-offset:1px}.popular__row[aria-pressed=true]{border-color:var(--accent)}.popular__head{align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.popular__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.popular__head .diff{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.popular__likes{color:var(--muted);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.popular__likes[data-liked=true]{color:#ffd27a}.popular__prompt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:italic;overflow:hidden}.popular__note{margin:4px 0 0}.like-btn{color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:14px;font-weight:700;transition:border-color .12s,background-color .12s,transform .12s;display:inline-flex}.like-btn:hover:not(:disabled){border-color:#ffd27a99;transform:translateY(-1px)}.like-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.like-btn[aria-pressed=true]{color:#ffd27a;background:#ffd27a29;border-color:#ffd27a}.like-btn:disabled{cursor:progress;opacity:.75}.like-btn__icon{font-size:16px;line-height:1}.like-btn__count{font-family:var(--mono);font-variant-numeric:tabular-nums;background:#ffffff1a;border-radius:999px;padding:0 7px;font-size:12px}.like-btn__count[hidden]{display:none}.results__like{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:-6px 0 18px;display:flex}.results__like-text{color:var(--muted);font-size:14px}@media (prefers-reduced-motion:reduce){.like-btn{transition:none}.like-btn:hover:not(:disabled){transform:none}}.home__board{margin:0 0 14px}.home__board-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.home__board-head .panel__title{margin:0}.home__board-hint{color:var(--muted);font-size:12px}.board{gap:2px;margin:0;padding:0;list-style:none;display:grid}.board__item{display:block}.board__row{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:8px;grid-template-columns:2.2em minmax(0,1fr) auto 4.6em;align-items:center;gap:10px;padding:5px 10px;font-size:14px;display:grid}.board__row:hover{background:#ffffff12;border-color:#fff3}.board__row:focus-visible{outline:2px solid var(--text);outline-offset:1px}.board__row[aria-pressed=true]{background:#ff8bd124;border-color:#ff8bd1}.board__row.is-me{font-weight:700}.board__place{color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:700}.board__item:first-child .board__place{color:#ffd27a}.board__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board__assist{color:#8fd9ff;vertical-align:1px;background:#5cc8ff33;border-radius:4px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:800}.board__time{font-family:var(--mono);font-variant-numeric:tabular-nums}.board__ghost{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border-radius:999px;justify-self:end;padding:1px 8px;font-size:11px;font-weight:700}.board__row:hover .board__ghost,.board__row[aria-pressed=true] .board__ghost{color:#2a0a1e;background:#ff8bd1}.board__empty{color:var(--muted);padding:6px 10px;font-size:14px}.board__note{color:var(--muted);margin:6px 0 0;font-size:13px}.results--board{grid-template-columns:minmax(0,1fr) minmax(0,330px);gap:28px;width:min(920px,100%);display:grid}.results--board .results__side{border-left:1px solid var(--panel-border);text-align:left;padding-left:28px}.results__board-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:4px 0;font-size:12px;font-weight:800}.results__board-status{min-height:1.4em;margin:0 0 12px;font-size:15px;font-weight:700}.results__name{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin:14px 0 0;font-size:13px;display:flex}.results__name strong{color:var(--text)}.input--name{width:170px;padding:4px 8px;font-size:14px}.link-btn{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:760px){.results--board{grid-template-columns:minmax(0,1fr)}.results--board .results__side{border-top:1px solid var(--panel-border);border-left:0;padding:18px 0 0}}.home__settings{z-index:1;position:absolute;top:16px;right:16px}.settings{text-align:left;width:min(820px,100%)}.settings h2{text-align:center}.settings__columns{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px 28px;display:grid}.settings__section{margin-bottom:18px}.settings__row{gap:6px;margin-bottom:14px;display:grid}.settings__label{justify-content:space-between;gap:12px;font-size:14px;font-weight:600;display:flex}.settings__value{color:var(--muted);font-family:var(--mono);font-size:13px}.settings__slider{width:100%;accent-color:var(--accent)}.settings__check{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.settings__check input{accent-color:var(--accent);margin-top:3px}.settings__check-label{font-size:14px;font-weight:600;display:block}.settings__choices{flex-wrap:wrap;gap:6px;display:flex}.chip[aria-checked=true]{border-color:var(--accent);background:#3ee6ff24}.settings__file-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.settings__file{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.settings__note{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.45;display:block}.settings__keys{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.settings__keys dt{font-family:var(--mono);font-weight:700}.settings__keys dd{color:var(--muted);margin:0}.settings__actions{margin-top:6px}.settings__items{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:8px;display:grid}.item-tile{color:var(--text);font:inherit;cursor:pointer;background:#161a26;border:1px solid #ffffff1f;border-radius:10px;justify-items:center;gap:4px;padding:6px 4px 8px;font-size:12px;display:grid}.item-tile:hover{border-color:#ffffff59}.item-tile[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.item-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.item-tile__picture,.item-tile__empty{border-radius:8px;width:72px;height:72px}.item-tile__empty{color:var(--muted);place-items:center;font-size:28px;display:grid}.item-tile__name{text-align:center;line-height:1.2}.home__eq{opacity:.55;pointer-events:none;width:100%;height:110px;position:absolute;bottom:0;left:0}.hud__eq{opacity:.75;width:96px;height:22px;position:absolute;bottom:calc(9vh - 30px);left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.home__eq,.hud__eq{display:none}}.speed-lines{z-index:4;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.speed-lines[hidden]{display:none}.hud{z-index:5;pointer-events:none;color:var(--text);text-shadow:0 2px 10px #000000d9;position:fixed;inset:0}.hud[hidden]{display:none}.hud__top{justify-items:center;gap:6px;width:min(420px,100vw - 32px);display:grid;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hud__timer{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:34px;font-weight:700}.hud__assist{color:#8fd9ff;letter-spacing:.08em;text-transform:uppercase;text-shadow:none;background:#5cc8ff33;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:800}.hud__assist[hidden]{display:none}.hud__cps{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.hud__bar{background:#ffffff29;border-radius:999px;width:100%;height:6px;margin-top:4px;position:relative;box-shadow:0 0 0 1px #00000059}.hud__bar--ghosts{margin-bottom:34px}.hud__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));position:absolute;inset:0 auto 0 0}.hud__tick{background:#ffffffbf;width:2px;height:12px;margin-left:-1px;position:absolute;top:-3px}.hud__you{background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;box-shadow:0 0 0 2px #00000080}.hud__marker{background:var(--marker);color:#07051a;font-family:var(--mono);text-shadow:none;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:10px;transform:translate(-50%)}.hud__marker:before{content:"";background:var(--marker);width:2px;height:7px;margin-left:-1px;position:absolute;top:-7px;left:50%}.hud__marker[hidden]{display:none}.hud__marker--low{top:26px}.hud__marker--low:before{height:23px;top:-23px}.hud__split{font-family:var(--mono);font-variant-numeric:tabular-nums;text-shadow:none;background:#07051ab8;border-radius:999px;align-items:baseline;gap:12px;margin-top:6px;padding:6px 14px;font-size:16px;display:flex}.hud__split[hidden]{display:none}.hud__split-label{font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.hud__delta{font-weight:700}.hud__split[data-tone=ahead] .hud__delta{color:#5cc8ff}.hud__split[data-tone=behind] .hud__delta{color:#ffa24d}.hud__countdown{font-size:clamp(96px,16vw,180px);font-style:italic;font-weight:900;line-height:1;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hud__countdown[hidden]{display:none}.hud__countdown[data-go=true]{background:linear-gradient(95deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hud__countdown--pop{animation:.45s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}.hud__speedo{font-family:var(--mono);align-items:baseline;gap:6px;display:flex;position:absolute;bottom:9vh;left:50%;transform:translate(-50%)}.hud__speed{font-variant-numeric:tabular-nums;font-size:44px;font-weight:700}.hud__unit{color:var(--muted);font-size:14px}.hud__position{font-family:var(--mono);letter-spacing:.04em;font-size:15px;font-weight:700}.hud__position[hidden]{display:none}.hud__standings{min-width:190px;text-shadow:none;background:#07051a99;border-radius:10px;gap:4px;margin:0;padding:10px 12px;font-size:14px;list-style:none;display:grid;position:absolute;top:18px;right:18px}.hud__standings[hidden]{display:none}.hud__standings li{grid-template-columns:18px 12px 1fr auto;align-items:center;gap:6px;display:grid}.hud__standings li.is-me{font-weight:700}.hud__standings .time{font-family:var(--mono);color:var(--muted);font-size:12px}.hud__feed{justify-items:end;gap:6px;margin:0;padding:0;list-style:none;display:grid;position:absolute;bottom:18px;right:18px}.hud__feed li{text-shadow:none;background:#07051ab8;border-radius:999px;padding:6px 12px;font-size:14px;animation:.25s ease-out toast-in}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 0 1px #0006}.banner{z-index:20;color:#1a1206;background:#ffd27af2;border-radius:0 0 10px 10px;padding:6px 16px;font-size:14px;font-weight:700;position:fixed;top:0;left:50%;transform:translate(-50%)}.banner[hidden]{display:none}.btn--small{padding:8px 16px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.input{color:var(--text);font:inherit;background:#ffffff0f;border:1px solid #ffffff38;border-radius:10px;padding:8px 12px;font-size:15px}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.input--code{width:92px;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;text-align:center}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lobby{text-align:left;width:min(760px,100%)}.lobby__header{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:18px;display:flex}.lobby__header h2{margin:0}.lobby__code{font-family:var(--mono);letter-spacing:.18em;color:var(--accent)}.lobby__count{color:var(--muted);flex:1;font-size:14px}.lobby__body{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.lobby__col h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px}.lobby__players{gap:6px;margin:0 0 14px;padding:0;list-style:none;display:grid}.lobby__player{background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lobby__name{flex:1;font-weight:600}.lobby__ready{color:#7cf8c4;font-size:13px;font-weight:700}.tag{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff1a;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.tag--host{color:#ffd27a;background:#ffd27a33}.lobby__me{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lobby__label{width:100%;color:var(--muted);font-size:13px}.lobby__me .input{flex:1;min-width:140px}.lobby__course{cursor:default}.lobby__course:hover{transform:none}.lobby__choices{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.lobby__choices[hidden]{display:none}.chip{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:5px 12px;font-size:13px}.chip[aria-pressed=true]{border-color:var(--accent);background:#3ee6ff24}.chip:disabled{opacity:.45;cursor:not-allowed}.lobby__actions{align-items:center;margin-top:22px}.lobby__actions [hidden]{display:none}.lobby__waiting{color:var(--muted);margin:0}.lobby__solo{border-top:1px solid var(--panel-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding-top:14px;display:flex}.lobby__solo-label{color:var(--muted);font-size:13px}.results__standings tr.is-me td{color:var(--text);font-weight:700}.results{min-width:min(520px,100%)}.results__badge{background:linear-gradient(95deg, var(--accent), var(--accent-2));color:#07051a;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}.results__badge[hidden]{display:none}.results__course{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:14px}.results__time{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:4px 0 2px;font-size:56px;font-weight:800}.results__delta{min-height:1.4em;font-family:var(--mono);margin:0 0 16px;font-size:16px}.results__delta[data-tone=ahead]{color:#5cc8ff}.results__delta[data-tone=behind]{color:#ffa24d}.results__table{border-collapse:collapse;width:100%;font-family:var(--mono);font-variant-numeric:tabular-nums;margin:0 0 16px;font-size:14px}.results__table th,.results__table td{border-bottom:1px solid var(--panel-border);text-align:right;padding:6px 8px}.results__table th:first-child,.results__table td:first-child{text-align:left;font-family:var(--font)}.results__table th{color:var(--muted);font-family:var(--font);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.results__table td[data-tone=ahead]{color:#5cc8ff}.results__table td[data-tone=behind]{color:#ffa24d}.results__stats{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin:0 0 20px;font-size:14px;display:flex}.results__stats strong{color:var(--text);font-family:var(--mono)}.results__note{color:#ffd27a;margin:12px 0 0;font-size:13px}.results__note:empty{display:none}.spinner{border:4px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.coach{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:max-content;max-width:min(640px,100vw - 32px);text-shadow:none;background:#07051ae0;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:18px;padding:14px 18px;display:flex;position:absolute;bottom:calc(9vh + 72px);left:50%;transform:translate(-50%)}.coach[hidden],.coach__lesson[hidden],.coach__note[hidden],.coach--empty .coach__body{display:none}.coach__keys{flex:none;grid-template-columns:repeat(3,34px);grid-template-areas:".w.""a s d""sp sp sp";gap:4px;display:grid}.coach__key{height:30px;color:var(--muted);font-family:var(--mono);background:#ffffff0d;border:1px solid #ffffff2e;border-bottom-width:3px;border-radius:6px;place-items:center;font-size:13px;font-weight:700;transition:background 80ms,border-color 80ms,color 80ms,transform 80ms;display:grid}.coach__key--w{grid-area:w}.coach__key--a{grid-area:a}.coach__key--s{grid-area:s}.coach__key--d{grid-area:d}.coach__key--space{letter-spacing:.06em;grid-area:sp;font-size:11px}.coach__key.is-target{color:var(--text);border-color:#5cc8ff;animation:1.1s ease-in-out infinite coach-pulse}.coach__key.is-down{color:var(--text);background:#ffffff38;border-bottom-width:1px;transform:translateY(2px)}.coach__key.is-target.is-down{color:#07051a;background:#5cc8ff;animation:none}.coach__key.is-wrong{color:#1a0e02;background:#ffa24d;border-color:#ffa24d}@keyframes coach-pulse{50%{box-shadow:0 0 0 3px #5cc8ff59}}.coach__body{gap:8px;min-width:0;display:grid}.coach__title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.coach__lesson[data-tone=good] .coach__title{color:#5cc8ff}.coach__lesson[data-tone=warn] .coach__title{color:#ffa24d}.coach__lesson[data-tone=warn] .coach__title:before{content:"! "}.coach__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.coach__step{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:11px}.coach__text{margin:4px 0 0;font-size:18px;line-height:1.45}.coach__lesson--in{animation:.5s ease-out coach-lesson-in}@keyframes coach-lesson-in{0%{opacity:0;transform:translateY(6px)}}.coach__hint{background:#ffffff12;border-radius:999px;align-items:baseline;gap:8px;width:-moz-fit-content;width:fit-content;padding:4px 12px;font-size:15px;display:flex}.coach__hint[hidden]{display:none}.coach__hint-icon{font-weight:900}.coach__hint[data-tone=good]{background:#5cc8ff24}.coach__hint[data-tone=good] .coach__hint-icon{color:#5cc8ff}.coach__hint[data-tone=warn]{background:#ffa24d2e}.coach__hint[data-tone=warn] .coach__hint-icon{color:#ffa24d}.coach kbd{padding:0 6px;font-size:13px}.coach__swatch{vertical-align:-.05em;border-radius:3px;width:1.4em;height:.9em;margin:0 2px;display:inline-block;box-shadow:0 0 0 1px #ffffff59}.coach__note{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding-top:8px;font-size:14px;line-height:1.45;display:flex}.coach--empty .coach__note,.coach__lesson[hidden]+.coach__note{border-top:0;padding-top:0}.coach__note-title{font-weight:800}.coach__note[data-tone=good] .coach__note-title{color:#5cc8ff}.coach__note[data-tone=warn] .coach__note-title{color:#ffa24d}.coach__note--in{animation:.25s ease-out toast-in}@media (prefers-reduced-motion:reduce){.hud__countdown--pop,.coach__key.is-target,.coach__lesson--in,.coach__note--in,.toast--in,.spinner{animation:none}}.debug-hud{z-index:5;color:#d8ffe9;font-family:var(--mono);pointer-events:none;background:#0000008c;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.5;position:fixed;top:12px;left:12px}.gen{text-align:left;width:min(680px,100%)}.gen h2{text-align:center}.gen__form{gap:8px;display:grid;position:relative}.gen__label{color:var(--muted);font-size:14px;font-weight:700}.gen__prompt{resize:vertical;width:100%;min-height:64px;font-size:17px;line-height:1.4}.gen__prompt:disabled{opacity:.6}.gen__counter{font-family:var(--mono);color:var(--muted);justify-self:end;font-size:12px}.gen__difficulty{gap:6px;margin-top:4px;display:grid}.gen__difficulty-note{min-height:2.6em;margin:0}.gen__examples{flex-wrap:wrap;gap:8px;margin:10px 0 18px;display:flex}.chip--example{text-align:left;color:var(--muted)}.chip--example:hover:not(:disabled){color:var(--text);border-color:#fff6}.gen__status{text-align:center;background:#ffffff0d;border-radius:12px;margin-top:18px;padding:14px 16px}.gen__status[hidden]{display:none}.gen__status[data-tone=error]{background:#ffa24d1a;border:1px solid #ffa24d59}.gen__status-text{margin:0 0 10px;font-size:16px}.gen__status[data-tone=busy] .gen__status-text{color:var(--muted);margin:0}.spinner--small{border-width:3px;width:26px;height:26px;margin-bottom:10px}.spinner[hidden]{display:none}.gen__code{border-top:1px solid var(--panel-border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.gen__code .input--code{width:130px}.gen__note{margin-top:16px;font-size:13px;line-height:1.5}.overlay--preview{background:linear-gradient(#0000 55%,#07051abf);place-items:end center;padding-bottom:5vh}.preview{width:min(620px,100%);padding:22px 28px}.preview__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.card h2.preview__name{margin:4px 0 6px;font-size:30px}.preview__meta{color:var(--muted);text-transform:capitalize;margin:0}.preview__prompt{color:var(--text);margin:10px 0 0;font-style:italic}.preview__share{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:14px 0 18px;display:flex}.preview__share-label{color:var(--muted);font-size:14px}.preview__code{font-family:var(--mono);letter-spacing:.18em;background:#ffffff14;border-radius:8px;padding:4px 12px;font-size:20px;font-weight:700}@media (prefers-reduced-motion:reduce){.spinner--small{animation:none}}