@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600&family=Outfit:wght@300;400;500;600&family=Space+Grotesk:wght@400;500&display=swap";:root{--bg:#f5f1ea;--haze-a:#dfeae0;--haze-b:#f7e4d5;--card:#fffdf9;--card-edge:#ebe4d9;--ink:#34302a;--ink-soft:#6f665b;--muted:#bcb2a4;--accent:#6f9c86;--accent-soft:#e2eee7;--warm:#dd9a6a;--warm-soft:#fbeade;--error:#c4736a;--error-soft:#f0d9d4;--shadow:0 1px 2px #463a2c0a, 0 12px 32px -12px #463a2c24;--radius:20px;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Outfit,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1b1917;--haze-a:#26302a;--haze-b:#33281f;--card:#242120;--card-edge:#322d2a;--ink:#ece4d9;--ink-soft:#a1968a;--muted:#5c554c;--accent:#8fbfa6;--accent-soft:#2c3a33;--warm:#e0a678;--warm-soft:#3a2e24;--error:#d9857a;--error-soft:#3d2b28;--shadow:0 1px 2px #0003, 0 16px 40px -16px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);background-image:radial-gradient(60rem 40rem at 12% -10%, var(--haze-a), transparent 60%), radial-gradient(48rem 36rem at 92% 8%, var(--haze-b), transparent 62%);min-height:100vh;color:var(--ink-soft);-webkit-font-smoothing:antialiased;background-attachment:fixed}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}kbd{background:var(--card);border:1px solid var(--card-edge);color:var(--ink-soft);border-radius:7px;padding:2px 7px;font-family:Space Grotesk,monospace;font-size:.78em}.app{flex-direction:column;gap:26px;max-width:980px;min-height:100vh;margin:0 auto;padding:28px 28px 20px;display:flex}.header{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{align-items:center;gap:13px;display:flex}.logo-mark{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:15px;place-items:center;padding-bottom:4px;font-family:Fraunces,serif;font-size:24px;font-weight:600;line-height:1;display:grid}.logo h1{color:var(--ink);letter-spacing:-.3px;font-family:Fraunces,serif;font-size:25px;font-weight:600;line-height:1.1}.logo p{color:var(--muted);font-size:12.5px;font-weight:300}.header-nav{gap:6px;font-size:13.5px;display:flex}.nav-item{cursor:pointer;border-radius:999px;padding:7px 14px;transition:background .2s,color .2s}.nav-item:hover{color:var(--ink)}.nav-item.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.main{flex-direction:column;flex:1;justify-content:center;gap:22px;display:flex}.config-bar{background:var(--card);border:1px solid var(--card-edge);box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;align-self:center;align-items:center;gap:14px;padding:7px 10px;transition:opacity .3s,transform .3s;display:flex}.config-bar.hidden{opacity:0;pointer-events:none;transform:translateY(-6px)}.config-group{gap:3px;display:flex}.divider{background:var(--card-edge);width:1px;height:18px}.chip{color:var(--muted);border-radius:999px;padding:6px 13px;font-size:13px;font-weight:400;transition:background .18s,color .18s}.chip:hover{color:var(--ink);background:var(--accent-soft)}.chip.on{background:var(--accent);color:var(--card)}.chip:disabled{opacity:.35;cursor:not-allowed}.chip:disabled:hover{color:var(--muted);background:0 0}.live-bar{align-items:baseline;gap:12px;min-height:30px;padding-left:4px;display:flex}.counter{color:var(--accent);font-family:Fraunces,serif;font-size:30px;font-weight:600;line-height:1}.live-wpm{color:var(--muted);letter-spacing:.02em;font-family:Space Grotesk,monospace;font-size:13px}.typing-wrap{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);height:186px;box-shadow:var(--shadow);padding:22px 28px;position:relative;overflow:hidden}.typing-wrap:after{content:"";background:linear-gradient(transparent, var(--card));pointer-events:none;height:46px;position:absolute;bottom:0;left:0;right:0}.typing-scroll{will-change:transform;flex-wrap:wrap;gap:0 14px;transition:transform .25s cubic-bezier(.22,1,.36,1);display:flex}.word{letter-spacing:.01em;-webkit-user-select:none;user-select:none;border-bottom:2px solid #0000;border-radius:3px;padding-bottom:2px;font-size:27px;font-weight:400;line-height:47px;transition:border-color .2s}.word.wrong{border-bottom-color:var(--error-soft)}.letter{color:var(--muted);transition:color .12s;position:relative}.letter.correct{color:var(--ink)}.letter.incorrect{color:var(--error)}.letter.extra{color:var(--error);opacity:.45}.letter.caret:before,.letter.caret-after:after{content:"";background:var(--warm);border-radius:3px;width:100%;min-width:10px;height:3px;animation:1.3s ease-in-out infinite pulse;position:absolute;bottom:4px}.letter.caret:before{left:0}.letter.caret-after:after{left:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.blur-hint{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--ink-soft);place-items:center;display:grid;position:absolute;inset:0}.footer-hint{text-align:center;color:var(--muted);font-size:12.5px;font-weight:300}.results{flex-direction:column;gap:20px;animation:.45s cubic-bezier(.22,1,.36,1) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.results-top{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-rows:auto auto;grid-template-columns:150px 1fr;align-items:center;gap:14px 28px;padding:26px 28px;display:grid}.results-top .chart{grid-area:1/2/3}.big-stat{flex-direction:column;gap:2px;display:flex}.big-stat .label{color:var(--muted);text-transform:lowercase;letter-spacing:.06em;font-size:12px;font-weight:400}.big-stat .value{color:var(--ink);font-family:Fraunces,serif;font-size:50px;font-weight:600;line-height:1.05}.big-stat:first-child .value{color:var(--accent)}.chart{width:100%;height:160px}.chart.empty{color:var(--muted);background:var(--bg);border-radius:14px;place-items:center;font-size:12.5px;display:grid}.fill-top{stop-color:var(--accent);stop-opacity:.22}.fill-bottom{stop-color:var(--accent);stop-opacity:0}.area-wpm{stroke:none}.line-wpm{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.line-raw{fill:none;stroke:var(--warm);stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 6;opacity:.75;vector-effect:non-scaling-stroke}.results-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.small-stat{background:var(--card);border:1px solid var(--card-edge);border-radius:15px;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.small-stat .label{color:var(--muted);letter-spacing:.05em;font-size:11.5px}.small-stat .value{color:var(--ink);font-family:Space Grotesk,monospace;font-size:19px}.results-actions{justify-content:center;align-items:center;gap:16px;display:flex}.restart-btn{background:var(--accent);color:var(--card);box-shadow:0 8px 20px -10px var(--accent);border-radius:999px;padding:12px 30px;font-size:15px;font-weight:500;transition:transform .18s,filter .18s}.restart-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.restart-btn:active{transform:translateY(0)}.hint{color:var(--muted);font-size:12.5px;font-weight:300}.footer{color:var(--muted);border-top:1px solid var(--card-edge);justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;font-weight:300;display:flex}@media (width<=760px){.app{gap:20px;padding:18px 16px}.header-nav{display:none}.word{font-size:21px;line-height:38px}.typing-wrap{height:150px;padding:16px 18px}.results-top{grid-template-columns:1fr 1fr;padding:20px}.results-top .chart{grid-area:2/1/auto/3}.big-stat .value{font-size:38px}.results-grid{grid-template-columns:repeat(2,1fr)}}.header-user{align-items:center;min-height:38px;display:flex}.user-skeleton{background:var(--card-edge);opacity:.5;border-radius:999px;width:92px;height:34px}.user-chip{background:var(--card);border:1px solid var(--card-edge);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:9px;padding:5px 14px 5px 5px;display:flex}.user-chip img{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:13.5px;overflow:hidden}.link-btn{color:var(--muted);font-size:12.5px;transition:color .15s}.link-btn:hover{color:var(--error)}.google-btn{background:var(--card);border:1px solid var(--card-edge);color:var(--ink);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:11px 22px;font-size:14.5px;transition:transform .18s,border-color .18s;display:inline-flex}.google-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.google-btn.small{gap:8px;padding:7px 16px;font-size:13.5px}.ghost-btn{color:var(--muted);border-radius:999px;padding:11px 18px;font-size:13.5px;transition:color .15s,background .15s}.ghost-btn:hover{color:var(--ink);background:var(--accent-soft)}.race-gate,.race-results{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 36px;animation:.4s cubic-bezier(.22,1,.36,1) rise;display:flex}.race-gate h2,.race-results h2{color:var(--ink);font-family:Fraunces,serif;font-size:27px;font-weight:600}.race-gate p{max-width:46ch;color:var(--ink-soft);font-size:14.5px;font-weight:300;line-height:1.6}.race-gate code{background:var(--bg);border-radius:6px;padding:2px 7px;font-family:Space Grotesk,monospace;font-size:.9em}.gate-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.starts-in{font-family:Space Grotesk,monospace;font-weight:500;color:var(--accent)!important}.pulse-dot{background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:1.6s ease-out infinite ping}@keyframes ping{0%{box-shadow:0 0 #6f9c8680}to{box-shadow:0 0 0 16px #6f9c8600}}.race-live{flex-direction:column;gap:18px;display:flex}.track-board{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:16px 20px;display:flex}.lane{border-bottom:1px solid var(--card-edge);grid-template-columns:150px 1fr 92px;align-items:center;gap:14px;padding:6px 0;display:grid}.lane:last-child{border-bottom:none}.lane.mine .lane-name{color:var(--ink);font-weight:500}.lane-head{align-items:center;gap:8px;min-width:0;display:flex}.lane-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.lane-avatar.placeholder{background:var(--accent);color:var(--card);text-transform:uppercase;place-items:center;font-size:13px;display:grid}.lane-name{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.lane-tag{color:var(--error);flex-shrink:0;font-size:11px}.lane-road{height:34px;position:relative}.road-line{background:repeating-linear-gradient(to right, var(--card-edge) 0 10px, transparent 10px 20px);height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.road-finish{background:repeating-linear-gradient(to bottom, var(--ink-soft) 0 5px, var(--card) 5px 10px);border-radius:3px;width:5px;position:absolute;top:2px;bottom:2px;right:0}.car-holder{align-items:center;gap:6px;transition:left .45s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.car{filter:drop-shadow(0 4px 6px #463a2c2e);width:62px;height:27px;display:block}.lane-place{color:var(--card);background:var(--accent);border-radius:999px;padding:1px 8px;font-family:Space Grotesk,monospace;font-size:12px}.lane-stats{color:var(--muted);justify-content:flex-end;align-items:baseline;gap:4px;font-family:Space Grotesk,monospace;font-size:12px;display:flex}.lane-stats b{font-size:16px;font-weight:500}.lane-acc{margin-left:4px}.race-status{align-items:baseline;gap:14px;min-height:40px;padding-left:4px;display:flex}.countdown{color:var(--warm);font-family:Fraunces,serif;font-size:34px;font-weight:600;animation:.4s cubic-bezier(.22,1,.36,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.podium{flex-direction:column;gap:8px;width:100%;max-width:620px;list-style:none;display:flex}.podium li{background:var(--bg);text-align:left;border-radius:14px;grid-template-columns:34px 28px 1fr auto auto auto;align-items:center;gap:12px;padding:11px 14px;display:grid}.podium li.mine{background:var(--accent-soft)}.podium .place{color:var(--accent);text-align:center;font-family:Fraunces,serif;font-size:20px;font-weight:600}.podium li:first-child .place{color:var(--warm)}.podium-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.podium-stat{color:var(--ink);font-family:Space Grotesk,monospace;font-size:13px}.podium-stat.muted{color:var(--muted)}@media (width<=760px){.header{flex-wrap:wrap;gap:10px}.header-nav{order:3;justify-content:center;width:100%;display:flex}.lane{grid-template-columns:100px 1fr 70px;gap:8px}.car{width:46px;height:20px}.podium li{grid-template-columns:26px 24px 1fr auto;gap:8px}.podium-stat.muted{display:none}}.ranked-flag{border:1px solid var(--card-edge);color:var(--muted);background:var(--card);border-radius:999px;padding:3px 10px;font-size:11.5px}.ranked-flag.on{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}.rank-banner{background:var(--card);border:1px solid var(--card-edge);border-left:3px solid var(--accent);color:var(--ink-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:13px 18px;font-size:14px;display:flex}.rank-banner.pb{background:var(--accent-soft);border-color:var(--accent)}.rank-banner.muted{border-left-color:var(--card-edge);color:var(--muted);font-weight:300}.rank-banner.warn{border-left-color:var(--error);color:var(--error)}.rank-banner b{color:var(--ink);font-weight:500}.rank-banner-main{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.rank-place{color:var(--muted);font-family:Space Grotesk,monospace;font-size:13px}.link-btn.accent{color:var(--accent);white-space:nowrap;font-weight:500}.link-btn.accent:hover{color:var(--ink)}.board{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:24px 26px;animation:.4s cubic-bezier(.22,1,.36,1) rise;display:flex}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.board-head h2{color:var(--ink);font-family:Fraunces,serif;font-size:24px;font-weight:600}.board-head p{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:300}.board-tabs{background:var(--bg);border-radius:999px;padding:4px}.board-note{background:var(--bg);color:var(--ink-soft);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;font-size:13.5px;font-weight:300;display:flex}.board-empty{text-align:center;color:var(--muted);padding:44px 0;font-size:13.5px;font-weight:300}.board-scroll{margin:0 -6px;overflow-x:auto}.board-table{border-collapse:collapse;width:100%;font-size:13.5px}.board-table th{text-align:left;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--card-edge);padding:0 10px 9px;font-size:11.5px;font-weight:400}.board-table td{border-bottom:1px solid var(--card-edge);color:var(--ink-soft);padding:9px 10px}.board-table tbody tr:last-child td{border-bottom:none}.board-table tr.me td{background:var(--accent-soft)}.board-table tr.me td:first-child{border-radius:10px 0 0 10px}.board-table tr.me td:last-child{border-radius:0 10px 10px 0}.board-table .rank{width:46px;color:var(--muted);text-align:center;font-family:Space Grotesk,monospace}.board-table tr.medal-1 .rank{color:#c9a24d;font-weight:500}.board-table tr.medal-2 .rank{color:#9fa3a8;font-weight:500}.board-table tr.medal-3 .rank{color:#c08457;font-weight:500}.board-table .who{align-items:center;gap:9px;min-width:170px;display:flex}.board-table .who img,.board-table .who .lane-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:25px;height:25px}.who-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.you-tag{color:var(--card);background:var(--accent);border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:10.5px}.board-table .num{text-align:right;white-space:nowrap;font-family:Space Grotesk,monospace}.board-table .num.strong{color:var(--ink);font-size:15px}.board-table .num.dim{color:var(--muted)}.board-mine{border-top:1px dashed var(--card-edge);padding-top:14px}.mine-label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:300}@media (width<=760px){.results-grid{grid-template-columns:repeat(2,1fr)}.board{padding:18px 14px}.board-table .date,.board-table th.dim:nth-child(5),.board-table td.dim:nth-child(5){display:none}.board-table .who{min-width:130px}}.login-off{color:var(--muted);border:1px dashed var(--card-edge);cursor:help;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:300}.login-off.block{cursor:default;border-radius:12px;max-width:44ch;line-height:1.6}.login-off code,.board-note code{color:var(--ink-soft);background:var(--bg);border-radius:5px;padding:1px 6px;font-family:Space Grotesk,monospace;font-size:.92em}