.typing-app-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"game" "rail";align-items:start;row-gap:var(--step-4);column-gap:clamp(var(--step-3),3.5vw,calc(var(--step-4)+0.25rem))}.game-header{text-align:center;margin-bottom:1.5rem}.game-title{font-size:2.2rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem 0}@media(max-width:480px){.game-title{font-size:1.6rem;word-break:break-word;hyphens:auto}}.game-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto}.game-content-column{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1);min-width:0;grid-area:game}.page-rail{grid-area:rail;min-width:0;display:flex;flex-direction:column;gap:var(--step-3)}.leaderboard-area{min-width:0}.page-flow{display:flex;flex-direction:column;gap:var(--step-5);max-width:840px;margin-inline:auto;margin-top:var(--step-4)}.page-flow>.article-page{margin-block:0;max-width:none}@media(min-width:768px){.typing-app-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);grid-template-areas:"game rail";justify-content:center}.page-rail{position:sticky;top:var(--step-3)}}@media(min-width:1024px){.typing-app-grid{grid-template-columns:minmax(0,760px) minmax(300px,380px)}}@media(min-width:1280px){.typing-app-grid{grid-template-columns:minmax(0,820px) minmax(320px,400px)}}.settings-container{display:flex;flex-wrap:wrap;gap:var(--spacing-unit);align-items:stretch}.setting-item{display:flex;flex-direction:column;justify-content:flex-start;gap:calc(var(--spacing-unit) * .25);flex-grow:1;flex-basis:220px;min-width:200px}.setting-help{margin:0;font-size:.8rem;color:var(--color-text-tertiary);line-height:1.4}.setting-help+.setting-help{margin-top:calc(var(--spacing-unit) * .25)}.setting-item select+.setting-help{margin-top:calc(var(--spacing-unit) * .15)}.setting-item label{font-weight:500;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:0;display:flex;align-items:center;gap:.3em}.setting-item label .icon{color:var(--color-icon-settings);transition:color .3s ease}.setting-item select,.setting-item input[type="text"]{width:100%;padding:calc(var(--spacing-unit) * .45) calc(var(--spacing-unit) * .7);font-size:.9rem}.wordlist-selector.setting-item{}#wordlistFilterInput{width:100%;margin-bottom:calc(var(--spacing-unit) * .5);padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * .6);font-size:.85rem}.additional-options{display:flex;flex-wrap:wrap;gap:var(--spacing-unit);align-items:center;padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);background-color:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);transition:background-color .3s ease,border-color .3s ease}.modal-stat{position:relative}.modal-stat-label{display:inline-flex;align-items:center;gap:.45rem}.modal-stat-label__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;color:color-mix(in srgb,var(--color-primary-base,#2563eb) 72%,var(--color-text-secondary,#475569));filter:drop-shadow(0 8px 16px color-mix(in srgb,currentColor 26%,transparent));flex-shrink:0}[data-theme="dark"] .modal-stat-label__icon{color:color-mix(in srgb,var(--color-primary-text-on-base,#e2e8f0) 86%,#93c5fd);filter:drop-shadow(0 10px 18px color-mix(in srgb,currentColor 28%,transparent))}.modal-stat-info{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:transparent;color:var(--color-text-tertiary,#64748b);cursor:pointer;padding:0;transition:color .2s ease,background-color .2s ease}.modal-stat-info[aria-expanded="true"]{color:var(--color-primary-strong,#1d4ed8);background-color:color-mix(in srgb,var(--color-primary-base,#2563eb) 20%,transparent)}.modal-stat-info .icon{font-size:.95rem}.modal-stat-info:hover,.modal-stat-info:focus{color:var(--color-primary-base,#2563eb);background-color:var(--color-surface-highlight,rgba(37,99,235,0.12))}.modal-stat-info:focus-visible{outline:2px solid var(--color-primary-strong,#2563eb);outline-offset:2px}.modal-stat-help{--popover-arrow-size:10px;--popover-hidden-offset:-0.35rem;--popover-top:0;--popover-left:0;--popover-arrow-left:50%;position:absolute;top:var(--popover-top);left:var(--popover-left);transform:translate3d(-50%,var(--popover-hidden-offset),0);font-size:.85rem;line-height:1.4;color:var(--color-text-secondary,#475569);background:var(--color-surface-card,#fff);border:1px solid var(--color-border-subtle,rgba(148,163,184,0.4));border-radius:var(--border-radius-small,8px);padding:.6rem .75rem;box-shadow:0 12px 24px rgba(15,23,42,0.16);max-width:min(360px,calc(100vw - 32px));width:max-content;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;z-index:30;margin:0;transition:opacity .18s ease,transform .18s ease}.modal-stat-help::after{content:"";position:absolute;width:var(--popover-arrow-size);height:var(--popover-arrow-size);background:var(--color-surface-card,#fff);border-left:1px solid var(--color-border-subtle,rgba(148,163,184,0.4));border-top:1px solid var(--color-border-subtle,rgba(148,163,184,0.4));transform:translate(-50%,0) rotate(45deg);left:var(--popover-arrow-left);z-index:-1;box-shadow:0 6px 12px rgba(15,23,42,0.12)}.modal-stat-help[data-placement="bottom"]::after{top:calc(-0.5 * var(--popover-arrow-size))}.modal-stat-help[data-placement="top"]{--popover-hidden-offset:.35rem}.modal-stat-help[data-placement="top"]::after{bottom:calc(-0.5 * var(--popover-arrow-size));border-left:none;border-top:none;border-right:1px solid var(--color-border-subtle,rgba(148,163,184,0.4));border-bottom:1px solid var(--color-border-subtle,rgba(148,163,184,0.4));box-shadow:0 6px 12px rgba(15,23,42,0.12)}.modal-stat-help.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(-50%,0,0)}@media(prefers-reduced-motion:reduce){.modal-stat-help{transition:opacity .01ms linear;transform:translate3d(-50%,0,0)}.modal-stat-help.is-visible{transform:translate3d(-50%,0,0)}}@media(max-width:575px){.modal-stat-help{position:static;display:none;width:100%;max-width:100%;transform:none;opacity:1;visibility:visible;pointer-events:auto;margin-top:calc(var(--spacing-unit) * .5);box-shadow:none;transition:none;z-index:auto}.modal-stat-help.is-visible{display:block;transform:none}.modal-stat-help::after{display:none}}.sound-controls-wrapper{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .75);flex-wrap:wrap;flex-grow:1}#soundToggleBtn{border:1px solid var(--color-border-primary);color:var(--color-text-secondary);border-radius:50%;width:48px;height:48px;font-size:1.15rem;transition:all .2s;display:flex;justify-content:center;align-items:center;padding:.1rem;background:transparent}#soundToggleBtn:hover{background-color:var(--color-surface-highlight);color:var(--color-primary-base);border-color:var(--color-primary-base)}#soundToggleBtn.sound-on{color:var(--color-primary-base);border-color:var(--color-primary-base);background-color:var(--color-surface-highlight)}#soundToggleBtn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-base) 25%,transparent)}#soundToggleBtn:disabled{opacity:.5;cursor:not-allowed}#soundToggleBtn:disabled:hover{background-color:transparent;color:var(--color-text-secondary);border-color:var(--color-border-primary)}@media(pointer:coarse){#soundToggleBtn{width:60px;height:60px;font-size:1.35rem;padding:.2rem}}.individual-sound-controls{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .6);flex-wrap:wrap;padding:calc(var(--spacing-unit) * .2) calc(var(--spacing-unit) * .4);transition:opacity .3s ease,max-height .3s ease,visibility .3s ease;overflow:hidden;max-height:0;opacity:0;visibility:hidden}.individual-sound-controls.visible{max-height:200px;opacity:1;visibility:visible}.sound-settings-label{font-size:.8rem;color:var(--color-text-secondary);margin-right:calc(var(--spacing-unit) * .3);font-weight:500;flex-shrink:0}.sound-toggle-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .45)}.sound-toggle-item input[type="checkbox"]{cursor:pointer;margin:0;width:1.6rem;height:1.6rem;flex-shrink:0;accent-color:var(--color-primary-base)}.sound-toggle-item label{font-size:.85rem;color:var(--color-text-primary);cursor:pointer;user-select:none;transition:color .3s ease}.wpm-graph-toggle{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer;flex-shrink:0;padding:calc(var(--spacing-unit) * .3) calc(var(--spacing-unit) * .5);border-radius:var(--border-radius-small);transition:background-color .2s ease}.wpm-graph-toggle:hover{background-color:var(--color-surface-highlight)}.wpm-graph-toggle input[type="checkbox"]{cursor:pointer;margin:0;width:15px;height:15px;accent-color:var(--color-primary-base)}.wpm-graph-toggle label{cursor:pointer;user-select:none;color:var(--color-text-secondary);font-weight:500;transition:color .3s ease}.wpm-graph-toggle:hover label{color:var(--color-primary-base)}.leaderboard-more-link{display:block;margin:calc(var(--spacing-unit) * .5) 0 calc(var(--spacing-unit) * 1);text-align:right;font-weight:500;color:var(--color-primary-base);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}.leaderboard-filter-note{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * .5);margin:calc(var(--spacing-unit) * .6) 0 calc(var(--spacing-unit) * 1.1);padding:calc(var(--spacing-unit) * .6) calc(var(--spacing-unit) * .9);border-radius:var(--border-radius-medium,14px);background-color:var(--color-state-info-bg);color:var(--color-state-info,#1d4ed8);background-color:color-mix(in srgb,var(--color-state-info-bg) 82%,transparent);color:color-mix(in srgb,var(--color-state-info) 92%,var(--color-text-primary));font-size:.9rem;line-height:1.4}.leaderboard-filter-note .icon{color:inherit;font-size:1rem}[data-theme="dark"] .leaderboard-filter-note{background-color:var(--color-state-info-bg);color:var(--color-primary-text-on-base);background-color:color-mix(in srgb,var(--color-state-info-bg) 30%,transparent);color:color-mix(in srgb,var(--color-state-info) 85%,var(--color-primary-text-on-base))}.filter-chip{appearance:none;border:1px solid var(--color-border-primary);background-color:var(--color-surface-card);color:var(--color-text-secondary);font-size:.85rem;font-weight:600;border-radius:999px;padding:calc(var(--spacing-unit) * .3) calc(var(--spacing-unit) * .9);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.filter-chip:hover,.filter-chip:focus-visible{background-color:var(--color-surface-highlight);border-color:color-mix(in srgb,var(--color-primary-base) 65%,white);color:var(--color-text-primary)}.filter-chip:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-base) 30%,transparent)}.filter-chip--active{background-color:var(--color-primary-base);border-color:var(--color-primary-base);color:var(--color-primary-text-on-base)}.filter-chip--active:hover,.filter-chip--active:focus-visible{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-text-on-base)}@supports(background-color:color-mix(in srgb,red 50%,white)){.filter-chip--active{background-color:color-mix(in srgb,var(--color-primary-base) 92%,var(--color-surface-card) 8%);border-color:color-mix(in srgb,var(--color-primary-base) 88%,var(--color-surface-card) 12%)}.filter-chip--active:hover,.filter-chip--active:focus-visible{background-color:color-mix(in srgb,var(--color-primary-base) 85%,var(--color-surface-card) 15%);border-color:color-mix(in srgb,var(--color-primary-base) 80%,var(--color-surface-card) 20%)}}.filter-chip:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.leaderboard-more-link:hover,.leaderboard-more-link:focus-visible{color:color-mix(in srgb,var(--color-primary-base) 90%,black);text-decoration:underline}@media(max-width:600px){.leaderboard-more-link{text-align:left}.leaderboard-filter-note{flex-direction:row;align-items:flex-start}}#stats{position:relative}.stats-bar{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:calc(var(--spacing-unit) * .75);align-items:stretch;padding:calc(var(--spacing-unit) * .8);background-color:color-mix(in srgb,var(--color-surface-card,#fff) 94%,transparent);overflow:hidden;isolation:isolate}.stats-bar::before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base,#2563eb) 14%,transparent) 25%,transparent 25%),linear-gradient(135deg,transparent 75%,color-mix(in srgb,var(--color-primary-base,#2563eb) 12%,transparent) 75%);background-size:26px 26px;opacity:.12;pointer-events:none;z-index:0}.stat-item{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:calc(var(--spacing-unit) * .6);row-gap:calc(var(--spacing-unit) * .35);align-items:center;padding:calc(var(--spacing-unit) * .55) calc(var(--spacing-unit) * .8);font-size:.95rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--border-radius-medium,14px);background-color:color-mix(in srgb,var(--color-surface-card,#fff) 96%,transparent);box-shadow:0 1px 2px rgba(15,23,42,0.08);min-width:0}.stat-content{display:inline-flex;align-items:baseline;gap:.35rem;min-width:0}.stat-label{font-weight:600;color:var(--color-text-secondary)}.stat-value{display:inline-flex;align-items:baseline;color:var(--color-text-primary);font-weight:600;min-width:0}.stat-value span[id]{min-width:2.5ch;text-align:right}.stat-separator{color:color-mix(in srgb,var(--color-text-secondary,#475569) 80%,transparent)}.stat-icon{grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:color-mix(in srgb,var(--color-primary-base,#2563eb) 18%,transparent);color:var(--color-primary-base,#2563eb);box-shadow:0 6px 16px rgba(15,23,42,0.12);transition:transform .2s ease-out,box-shadow .3s ease}.stat-icon .icon{font-size:1.1rem}.stat-item[data-metric="accuracy"] .stat-icon{background:color-mix(in srgb,var(--color-state-success,#16a34a) 22%,transparent);color:var(--color-state-success,#16a34a)}.stat-item[data-metric="wpm"] .stat-icon{background:color-mix(in srgb,var(--color-primary-strong,#2563eb) 24%,transparent);color:var(--color-primary-strong,#2563eb)}.stat-item[data-metric="streak"] .stat-icon{background:color-mix(in srgb,var(--color-streak,#f97316) 26%,transparent);color:var(--color-streak,#f97316)}.stat-meter{--stat-meter-progress:0;--stat-meter-fill-color:var(--color-primary-base,#2563eb);position:relative;grid-column:1 / -1;display:block;width:100%;height:.4rem;border-radius:999px;background:color-mix(in srgb,var(--color-border-subtle,rgba(148,163,184,0.4)) 60%,transparent);overflow:hidden;pointer-events:none}.stat-meter .stat-meter-fill{display:block;width:100%;height:100%;background:var(--stat-meter-fill-color);transform-origin:left;transform:scaleX(var(--stat-meter-progress));transition:transform .35s ease,background-color .3s ease,opacity .3s ease}.stat-meter[data-metric="accuracy"]{--stat-meter-fill-color:var(--color-state-success,#16a34a)}.stat-meter[data-metric="wpm"]{--stat-meter-fill-color:var(--color-primary-strong,#2563eb)}.stat-meter[data-metric="streak"]{--stat-meter-fill-color:var(--color-streak,#f97316)}.stat-meter[data-metric="time"]{--stat-meter-fill-color:var(--color-primary-base,#2563eb)}.stat-meter.is-warning{--stat-meter-fill-color:var(--color-state-warning,#f59e0b)}.stat-meter.is-critical{--stat-meter-fill-color:var(--color-state-danger,#dc2626)}[data-theme="dark"] .stats-bar{background-color:color-mix(in srgb,rgba(15,23,42,0.92) 70%,transparent)}[data-theme="dark"] .stats-bar::before{opacity:.2;background-image:linear-gradient(135deg,color-mix(in srgb,var(--color-primary-base,#2563eb) 28%,transparent) 25%,transparent 25%),linear-gradient(135deg,transparent 75%,color-mix(in srgb,var(--color-primary-base,#2563eb) 24%,transparent) 75%)}[data-theme="dark"] .stat-item{background-color:color-mix(in srgb,rgba(15,23,42,0.88) 78%,transparent);box-shadow:0 1px 2px rgba(15,23,42,0.6)}[data-theme="dark"] .stat-icon{box-shadow:0 10px 20px rgba(15,23,42,0.55)}[data-theme="dark"] .stat-meter{background:color-mix(in srgb,rgba(148,163,184,0.35) 45%,transparent)}#accuracy::after{content:'%';margin-left:.1em}#liveWpmDisplay{min-width:2.5ch}#streak{min-width:1.5ch}.streak-counter{color:var(--color-text-secondary);transition:opacity .3s ease,color .3s ease;opacity:.9}.streak-counter[data-active="true"]{opacity:1;color:var(--color-streak,#f97316)}.streak-counter .streak-icon{transition:transform .2s ease-out,box-shadow .3s ease;transform:scale(1);box-shadow:0 0 0 0 color-mix(in srgb,var(--color-streak,#f97316) 20%,transparent)}.streak-counter[data-active="true"] .streak-icon{transform:scale(1.08);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-streak,#f97316) 24%,transparent)}.streak-pulse{animation:pulse-effect .35s ease-out}@keyframes pulse-effect{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.9}100%{transform:scale(1);opacity:1}}.word-completed-effect{animation:pulse-effect .4s ease-out}#liveWpmGraphContainer{display:none;background-color:var(--color-surface-card);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);padding:0;height:30px;box-sizing:border-box;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);background-image:linear-gradient(to right,var(--color-border-secondary) 1px,transparent 1px);background-size:25% 100%;background-repeat:repeat-x;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease}#liveWpmGraphBar{position:absolute;left:0;top:0;bottom:0;width:100%;background-color:var(--color-primary-base);border-radius:var(--border-radius-small);opacity:.8;transform:scaleX(0);transform-origin:left;transition:transform .4s linear,background-color .3s ease}@keyframes newMaxPulse{0%,100%{transform:scaleY(1);opacity:.8}50%{transform:scaleY(1.15) scaleX(var(--current-scaleX,1));opacity:1}}.new-max-wpm-pulse{animation:newMaxPulse .5s ease-out;--current-scaleX:inherit}@media(prefers-reduced-motion:reduce){.stat-meter .stat-meter-fill,.stat-icon,.streak-counter .streak-icon{transition:none!important}.streak-pulse,.word-completed-effect,.new-max-wpm-pulse{animation:none!important}}#wpmMaxMarker{position:absolute;top:0;bottom:0;left:0;width:3px;background-color:var(--color-state-danger);opacity:.8;z-index:1;pointer-events:none;display:none;border-radius:1px;box-shadow:0 0 4px var(--color-state-danger);transform:translateX(0%);transition:transform .3s linear,background-color .3s ease}#liveWpmGraphContainer .graph-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.85rem;font-weight:500;z-index:2;text-shadow:1px 1px 1px var(--color-surface-card);transition:color .3s ease,text-shadow .3s ease}.words-container{padding:var(--words-padding-vertical) calc(var(--spacing-unit) * 1.2);font-size:var(--words-font-size);line-height:var(--words-line-height);color:var(--words-idle-ink);text-align:left;height:calc(var(--words-font-size) * var(--words-line-height) * 2+2 * var(--words-padding-vertical));overflow-y:hidden;scroll-behavior:auto;position:relative;box-shadow:inset 0 1px 3px var(--color-shadow-default);perspective:500px;-webkit-overflow-scrolling:touch;transition:background-color .3s ease,border-color .3s ease;-webkit-user-select:none;-ms-user-select:none;user-select:none}@keyframes fadeInWord{from{opacity:0}to{opacity:1}}.word-fade-in{opacity:0;animation:fadeInWord .3s ease forwards}.words-container>span{margin-right:.4em;padding:.1em 0;display:inline-block;white-space:nowrap;transition:background-color .2s ease;position:relative}.current-word{background-color:var(--color-surface-highlight);border-radius:var(--border-radius-small);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--go-green) 30%,transparent);font-weight:500}.current-word>span:not(.correct-char):not(.incorrect-char):not(.internal-word-space){color:var(--color-text-primary)}.correct{color:var(--color-state-success);font-weight:500}.incorrect{color:var(--color-state-danger);background-color:color-mix(in srgb,var(--color-state-danger) 10%,transparent);border-radius:3px}.incorrect-char{background-color:color-mix(in srgb,var(--color-state-danger) 20%,transparent);color:var(--color-state-danger)!important;border-radius:2px;text-decoration:underline wavy var(--color-state-danger) 1px;text-underline-offset:3px}.correct-char{color:var(--color-state-success)!important;background-color:transparent;text-decoration:none}.error-char-bold{font-weight:700!important}.caret{position:absolute;top:.2em;height:calc(var(--words-font-size) * var(--words-line-height) * .60);width:2.5px;background-color:var(--color-primary-base);opacity:1;animation:blink 1.1s infinite;pointer-events:none;border-radius:1px;transition:left 0s,background-color .3s ease;z-index:5;display:none}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.caret.space-caret{background-color:var(--color-state-danger);width:5px}#timerBarContainer{width:100%;height:8px;background-color:var(--color-border-secondary);border-radius:var(--border-radius-small);margin-top:5px;overflow:hidden;box-shadow:inset 0 1px 2px var(--color-shadow-default);transition:background-color .3s ease}#timerBarProgress{height:100%;width:100%;background-color:var(--color-primary-base);border-radius:var(--border-radius-small);transform:scaleX(1);transform-origin:left;transition:transform .5s linear,background-color .3s ease}#timerBarProgress.timer-bar-warning{background-color:var(--color-state-warning)}#timerBarProgress.timer-bar-critical{background-color:var(--color-state-danger)}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}#inputBox{flex-grow:1;width:100%;box-sizing:border-box;padding:calc(var(--spacing-unit) * .9);padding-right:calc(var(--spacing-unit) * 7.5);font-size:1.2em}.timer-in-input{position:absolute;right:calc(var(--spacing-unit) * 3.5);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:1.7em;font-weight:600;padding:0 calc(var(--spacing-unit) * .5);background-color:var(--color-surface-input);pointer-events:none;z-index:1;transition:color .3s ease,background-color .3s ease;white-space:nowrap}.timer-in-input .timer-display{min-width:2ch;text-align:right;display:inline-block}.timer-in-input.timer-warning{color:var(--color-state-warning);font-weight:700}.timer-in-input.timer-critical{color:var(--color-state-danger);font-weight:700}.caps-lock-warning{margin:calc(var(--spacing-unit) * .5) 0 0;padding:calc(var(--spacing-unit) * .4) calc(var(--spacing-unit) * .8);border-radius:var(--border-radius,4px);background-color:var(--color-state-warning-bg);color:var(--color-state-warning);font-size:.9em;font-weight:600;text-align:center}.reload-button{position:absolute;right:calc(var(--spacing-unit) * .6);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);font-size:1.6em;padding:calc(var(--spacing-unit) * .5);line-height:1;opacity:.7;transition:color .2s ease,opacity .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;border-radius:50%}.reload-button:hover:not(:disabled){color:var(--color-primary-base);opacity:1;transform:translateY(-50%) scale(1.1)}.reload-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-base) 25%,transparent)}.reload-button:disabled{opacity:.4;cursor:not-allowed;transform:translateY(-50%)}.reload-button i{display:block}@media(max-width:991px){#inputBox{padding-right:calc(var(--spacing-unit) * 7)}.timer-in-input{right:calc(var(--spacing-unit) * 3.2);font-size:1.6em}.reload-button{font-size:1.5em}}@media(max-width:767px){.settings-container{flex-direction:column;align-items:stretch;padding:calc(var(--spacing-unit)*0.8)}.setting-item{flex-basis:auto;min-width:unset}.setting-item select,.setting-item input[type="text"]{font-size:.95rem;padding:calc(var(--spacing-unit) * .6) calc(var(--spacing-unit) * .8)}.additional-options{flex-direction:column;align-items:flex-start;gap:var(--spacing-unit)}.sound-controls-wrapper{width:100%;justify-content:space-between;padding:calc(var(--spacing-unit)*0.4)}.individual-sound-controls{flex-grow:1;justify-content:flex-end;font-size:.8rem;gap:.5rem;padding:.2rem .4rem}.sound-toggle-item label{font-size:.85rem}.wpm-graph-toggle{margin-left:0}.stats-bar{font-size:.9rem;padding:calc(var(--spacing-unit)*0.5);justify-content:center;gap:calc(var(--spacing-unit) * .8)}#liveWpmGraphContainer{height:25px}#liveWpmGraphContainer .graph-label{font-size:.8rem}.caret{height:calc(var(--words-font-size) * var(--words-line-height) * .75)}#timerBarContainer{height:6px}#inputBox{font-size:1.1em;padding:calc(var(--spacing-unit) * .8);padding-right:calc(var(--spacing-unit) * 6.5)}.timer-in-input{font-size:1.5em;right:calc(var(--spacing-unit) * 3.0)}.reload-button{font-size:1.5em;padding:calc(var(--spacing-unit) * .5);right:calc(var(--spacing-unit) * .5)}}@media(max-width:575px){.setting-item select,.setting-item input[type="text"]{font-size:1rem;padding:calc(var(--spacing-unit) * .7) calc(var(--spacing-unit) * .9)}.additional-options{padding:.5rem}.sound-controls-wrapper{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.1rem}.individual-sound-controls{width:100%;justify-content:flex-start;align-items:center;padding:.01rem;gap:.6rem}.sound-settings-label{display:none}.sound-toggle-item{margin-bottom:.1rem;width:100%;gap:.6rem}.sound-toggle-item label{flex:1}.stats-bar{flex-direction:column;align-items:center}.stat-item{margin:.2rem 0}.caret{height:calc(var(--words-font-size) * var(--words-line-height) * .75)}#timerBarContainer{height:5px}#inputBox{font-size:1rem;padding-right:calc(var(--spacing-unit) * 6.0)}.timer-in-input{font-size:1.3em;right:calc(var(--spacing-unit) * 2.8)}.reload-button{font-size:1.4em;padding:calc(var(--spacing-unit) * .4);right:calc(var(--spacing-unit) * .4)}}.game-content-column{max-width:760px;width:100%;margin-inline:auto;gap:.8rem}.game-header{margin-bottom:var(--step-3)}.game-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,1.95rem);font-weight:600;letter-spacing:-0.01em}.game-subtitle{font-size:.98rem;color:var(--paper-dim);margin:0 auto}.words-container{font-family:var(--font-mono);background-color:var(--track-kerb);border:1px solid var(--track-line);border-radius:var(--radius);box-shadow:none;letter-spacing:.005em}.current-word{background-color:color-mix(in srgb,var(--go-green) 14%,transparent);box-shadow:inset 2px 0 0 var(--go-green);border-radius:4px;font-weight:500}.caret{background-color:var(--go-green)}.caret.space-caret{background-color:var(--flag-red)}#timerBarContainer{height:10px;margin:.5rem 0 .25rem;background-color:var(--track-kerb-hi);border-radius:999px;box-shadow:inset 0 0 0 1px var(--track-line);background-image:linear-gradient(90deg,transparent calc(33.333% - 1px),var(--track-line) calc(33.333% - 1px),var(--track-line) calc(33.333%+1px),transparent calc(33.333%+1px)),linear-gradient(90deg,transparent calc(66.666% - 1px),var(--track-line) calc(66.666% - 1px),var(--track-line) calc(66.666%+1px),transparent calc(66.666%+1px));background-repeat:no-repeat}#timerBarProgress{background-color:var(--speed-cyan);border-radius:999px}#timerBarProgress.timer-bar-warning{background-color:var(--caution-amber)}#timerBarProgress.timer-bar-critical{background-color:var(--flag-red)}#inputBox{font-family:var(--font-mono);background-color:var(--color-surface-input);border:1px solid var(--track-line);border-radius:var(--radius)}#inputBox:focus-visible{outline:none;border-color:var(--go-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--go-green) 16%,transparent)}.timer-in-input{background-color:transparent;font-family:var(--font-display);font-variant-numeric:tabular-nums}.timer-in-input.timer-warning{color:var(--caution-amber)}.timer-in-input.timer-critical{color:var(--flag-red)}.reload-button:hover:not(:disabled){color:var(--go-green)}.stats-bar{background:transparent;border:none;box-shadow:none;padding:.25rem 0;isolation:auto;grid-template-columns:1.5fr 1fr 1fr;gap:.65rem}.stats-bar::before,[data-theme="dark"] .stats-bar::before{display:none}[data-theme="dark"] .stats-bar{background:transparent}.stat-item,[data-theme="dark"] .stat-item{background-color:var(--track-kerb);border:1px solid var(--track-line);box-shadow:none;border-radius:var(--radius);grid-template-columns:1fr;row-gap:.2rem;padding:.7rem .85rem;align-content:start}.stat-icon{display:none}.stat-separator{display:none}.stat-content{flex-wrap:wrap;align-items:baseline;gap:0 .35rem}.stat-label{order:-1;flex-basis:100%;font-family:var(--font-display);font-size:.66rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--paper-dim)}.stat-value{font-family:var(--font-display)}.stat-value span[id]{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;color:var(--paper-white);min-width:0}.stat-item[data-metric="wpm"] .stat-value span[id]{font-size:clamp(2.5rem,7vw,3.4rem);line-height:1;color:var(--go-green)}.stat-item[data-metric="wpm"] .stat-meter{margin-top:.55rem}.streak-counter[data-active="true"] .stat-value span[id]{color:var(--caution-amber)}.stat-meter{height:.3rem;background:var(--track-kerb-hi)}.stat-meter[data-metric="wpm"]{--stat-meter-fill-color:var(--go-green)}.stat-meter[data-metric="accuracy"]{--stat-meter-fill-color:var(--speed-cyan)}.stat-meter[data-metric="streak"]{--stat-meter-fill-color:var(--caution-amber)}@media(max-width:575px){.stats-bar{grid-template-columns:1fr 1fr}.stat-item[data-metric="wpm"]{grid-column:1 / -1}}.game-hint{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.35rem;margin:.1rem 0 0;font-size:.78rem;color:var(--paper-faint)}.game-hint span{position:relative}.game-hint span+span::before{content:"";position:absolute;left:-0.7rem;top:50%;width:3px;height:3px;border-radius:50%;background-color:currentColor;transform:translateY(-50%);opacity:.6}.onboarding-overlay__lead{color:var(--paper-dim);margin:0 0 1rem;max-width:60ch}.onboarding-overlay__actions .button{font-size:.92rem}.settings-container{background-color:var(--track-kerb);border:1px solid var(--track-line);border-radius:var(--radius);padding:1rem}.setting-item label{font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim)}.setting-item label .icon{color:var(--paper-dim)}.setting-item select,.setting-item input[type="text"]{background-color:var(--color-surface-input);border:1px solid var(--track-line);border-radius:var(--border-radius-small);color:var(--paper-white);padding:.55rem .7rem}.setting-item select{appearance:none;-webkit-appearance:none;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%238A93A0' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:.7rem}.setting-item select:focus-visible,.setting-item input[type="text"]:focus-visible{border-color:var(--go-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--go-green) 16%,transparent);outline:none}.settings-container[data-event-mode="true"] select:disabled{opacity:.55;border-style:dashed}.leaderboard-area #scoreList{min-height:8.5rem;border:1px solid var(--track-line);border-radius:var(--radius)}.leaderboard-empty{display:flex;align-items:center;justify-content:center;min-height:7rem;padding:1rem 1.25rem;text-align:center;color:var(--paper-dim);font-size:.95rem;line-height:1.5}body[data-focus-mode] .site-header,body[data-focus-mode] .breadcrumbs,body[data-focus-mode] .page-rail,body[data-focus-mode] .additional-options,body[data-focus-mode] .page-flow,body[data-focus-mode] .site-footer{opacity:.08;filter:blur(2px);pointer-events:none;transition:opacity .2s ease,filter .2s ease}body[data-focus-mode] .game-header{opacity:.3;transition:opacity .2s ease}body[data-focus-mode] .game-hint{opacity:0;transition:opacity .2s ease}body:not([data-focus-mode]) .site-header,body:not([data-focus-mode]) .page-rail,body:not([data-focus-mode]) .page-flow,body:not([data-focus-mode]) .additional-options,body:not([data-focus-mode]) .game-header,body:not([data-focus-mode]) .game-hint{transition:opacity .25s ease,filter .25s ease}@media(prefers-reduced-motion:reduce){body[data-focus-mode] .site-header,body[data-focus-mode] .breadcrumbs,body[data-focus-mode] .page-rail,body[data-focus-mode] .additional-options,body[data-focus-mode] .page-flow,body[data-focus-mode] .site-footer,body[data-focus-mode] .game-header,body[data-focus-mode] .game-hint{filter:none;transition:none}}.words-container{height:calc(var(--words-font-size) * var(--words-line-height) * 2+2 * var(--words-padding-vertical));scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 1.05em),rgba(0,0,0,0.12) 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 1.05em),rgba(0,0,0,0.12) 100%)}@media(prefers-reduced-motion:reduce){.words-container{scroll-behavior:auto}}.modal-section--review .word-review{padding-top:.4rem}.word-review__legend{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0 0 .75rem;font-size:.78rem;color:var(--paper-dim)}.word-review__legend-item{display:inline-flex;align-items:center;gap:.35rem}.wr-swatch{width:.85em;height:.85em;border-radius:3px;display:inline-block}.wr-swatch--ok{background:color-mix(in srgb,var(--go-green) 22%,transparent);box-shadow:inset 0 0 0 1px var(--go-green)}.wr-swatch--bad{background:color-mix(in srgb,var(--flag-red) 22%,transparent);box-shadow:inset 0 0 0 1px var(--flag-red)}.wr-swatch--extra{background:color-mix(in srgb,var(--caution-amber) 22%,transparent);box-shadow:inset 0 0 0 1px var(--caution-amber)}.word-review__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;max-height:34vh;overflow-y:auto;overscroll-behavior:contain}.wr-item{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.25rem .45rem;border-radius:var(--border-radius-small,6px);border:1px solid var(--color-border-primary);background:var(--color-surface-card);line-height:1.3}.wr-item--bad{border-color:color-mix(in srgb,var(--flag-red) 45%,var(--color-border-primary))}.wr-word{font-size:.95rem;letter-spacing:.01em}.wr-ch--ok{color:var(--color-text-primary)}.wr-ch--wrong{color:var(--flag-red);background:color-mix(in srgb,var(--flag-red) 14%,transparent);border-radius:2px;text-decoration:underline wavy var(--flag-red) 1px;text-underline-offset:2px}.wr-ch--missing{color:var(--flag-red);opacity:.75;border-bottom:2px solid var(--flag-red)}.wr-ch--extra{color:var(--caution-amber);background:color-mix(in srgb,var(--caution-amber) 16%,transparent);border-radius:2px}.wr-got{font-size:.8rem;color:var(--paper-dim);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--flag-red) 60%,transparent)}.leaderboard-area{min-width:0;max-width:800px;margin-left:auto;margin-right:auto;width:100%}.leaderboard-area h2#leaderboardTitle{word-break:break-word;font-size:1.6rem;line-height:1.4;margin-bottom:var(--spacing-unit);color:var(--color-text-primary);display:flex;align-items:center;gap:.5em;transition:color .3s ease;justify-content:center}.leaderboard-area h2#leaderboardTitle .icon{font-size:1em;color:var(--color-primary-base);transition:color .3s ease}#scoreList{list-style-type:none;padding-left:0;margin-top:0;overflow:hidden}#scoreList li{display:flex;align-items:center;padding:calc(var(--spacing-unit) * .7) var(--spacing-unit);border-bottom:1px solid var(--color-border-primary);font-size:1rem;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;gap:.6em;background-color:var(--color-table-row-odd)}#scoreList li.leaderboard-entry{--leaderboard-entry-accent:transparent;--leaderboard-entry-surface:var(--color-surface-card,var(--color-background-body,#fff));position:relative;background-color:var(--leaderboard-entry-surface);border:1px solid color-mix(in srgb,var(--leaderboard-entry-accent) 35%,var(--color-border-primary));box-shadow:none}#scoreList li.leaderboard-entry.leaderboard-entry--gold{--leaderboard-entry-accent:color-mix(in srgb,var(--color-trophy-gold) 70%,#fff)}#scoreList li.leaderboard-entry.leaderboard-entry--silver{--leaderboard-entry-accent:color-mix(in srgb,var(--color-trophy-silver) 78%,#fff)}#scoreList li.leaderboard-entry.leaderboard-entry--bronze{--leaderboard-entry-accent:color-mix(in srgb,var(--color-trophy-bronze) 72%,#fff)}#scoreList li.leaderboard-entry:hover,#scoreList li.leaderboard-entry:focus-within{background-color:color-mix(in srgb,var(--leaderboard-entry-surface) 88%,var(--leaderboard-entry-accent));border-color:color-mix(in srgb,var(--leaderboard-entry-accent) 60%,var(--color-primary-base));box-shadow:0 6px 18px color-mix(in srgb,var(--leaderboard-entry-accent) 24%,rgba(15,23,42,0.15))}[data-theme="dark"] #scoreList li.leaderboard-entry{--leaderboard-entry-surface:var(--color-surface-elevated,var(--color-background-body,#0f172a));background-color:color-mix(in srgb,var(--leaderboard-entry-surface) 85%,var(--leaderboard-entry-accent));border-color:color-mix(in srgb,var(--leaderboard-entry-accent) 55%,var(--color-border-primary))}[data-theme="dark"] #scoreList li.leaderboard-entry:hover,[data-theme="dark"] #scoreList li.leaderboard-entry:focus-within{background-color:color-mix(in srgb,var(--leaderboard-entry-surface) 78%,var(--leaderboard-entry-accent));border-color:color-mix(in srgb,var(--leaderboard-entry-accent) 68%,var(--color-primary-base));box-shadow:0 8px 22px color-mix(in srgb,var(--leaderboard-entry-accent) 28%,rgba(15,23,42,0.35))}@media(prefers-reduced-motion:reduce){#scoreList li,#scoreList li.leaderboard-entry,#scoreList li.leaderboard-entry:hover,#scoreList li.leaderboard-entry:focus-within,[data-theme="dark"] #scoreList li.leaderboard-entry,[data-theme="dark"] #scoreList li.leaderboard-entry:hover,[data-theme="dark"] #scoreList li.leaderboard-entry:focus-within{transition:none}}@keyframes fadeInLeaderboard{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.leaderboard-entry-fade-in{opacity:0;animation:fadeInLeaderboard .4s ease forwards}#scoreList li:last-child{border-bottom:none}.leaderboard-rank{font-weight:600;color:var(--color-text-secondary);min-width:3.2em;text-align:right;margin-right:.75em;flex-shrink:0;display:flex;align-items:center;gap:.4em;transition:color .3s ease}.leaderboard-rank .icon[data-icon="trophy"]{font-size:1em;line-height:1;display:inline-block;width:1.2em;text-align:center}.trophy-gold{color:var(--color-trophy-gold);text-shadow:0 0 5px color-mix(in srgb,var(--color-trophy-gold) 50%,transparent)}.trophy-silver{color:var(--color-trophy-silver);text-shadow:0 0 5px color-mix(in srgb,var(--color-trophy-silver) 50%,transparent)}.trophy-bronze{color:var(--color-trophy-bronze);text-shadow:0 0 5px color-mix(in srgb,var(--color-trophy-bronze) 50%,transparent)}.leaderboard-rank.rank-gold,.leaderboard-rank.rank-silver,.leaderboard-rank.rank-bronze{color:var(--color-text-primary);font-weight:700}.leaderboard-rank-placeholder{color:var(--color-text-secondary);font-style:italic;font-weight:600}#scoreList li.optimistic-entry{background:color-mix(in srgb,var(--color-surface-highlight) 65%,transparent);border-left:3px solid var(--color-secondary-base)}#scoreList li.optimistic-entry .leaderboard-rank{color:var(--color-secondary-base)}#scoreList li.optimistic-entry .leaderboard-time-ago{color:var(--color-text-secondary)}.leaderboard-optimistic-badge{display:inline-flex;align-items:center;gap:.25em;padding:.1em .45em;border-radius:var(--border-radius-small);background:var(--color-state-info-bg);color:var(--color-state-info);font-size:.7rem;font-weight:600}.leaderboard-profile-pic.leaderboard-profile-pic-fallback{background-color:var(--color-surface-highlight);object-fit:contain}.leaderboard-user-info{display:flex;align-items:center;flex-grow:1;min-width:0;margin-right:.5em;gap:.65em;flex-wrap:nowrap}.leaderboard-profile-pic{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;background-color:var(--color-border-secondary);border:2px solid var(--color-surface-card);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-border-secondary) 65%,transparent),0 0 0 4px color-mix(in srgb,var(--color-border-secondary) 35%,transparent);transition:box-shadow .3s ease,border-color .3s ease}.leaderboard-profile-pic.is-online{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-online-indicator) 75%,transparent),0 0 0 4px color-mix(in srgb,var(--color-online-indicator) 35%,transparent)}.leaderboard-profile-pic.is-offline{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-border-primary) 65%,transparent),0 0 0 4px color-mix(in srgb,var(--color-border-primary) 35%,transparent)}#scoreList li:not(.optimistic-entry):not(.leaderboard-entry):nth-child(odd){background-color:var(--color-table-row-odd)}#scoreList li:not(.optimistic-entry):not(.leaderboard-entry):nth-child(even){background-color:var(--color-table-row-even)}#scoreList li:not(.optimistic-entry):not(.leaderboard-entry):hover{background-color:var(--color-table-row-hover)}#scoreList li a.username-link{text-decoration:none;color:var(--color-text-primary);flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}#scoreList li a.username-link .username{font-weight:500;display:inline-block;vertical-align:middle}#scoreList li a.username-link:hover .username{color:var(--color-text-link-hover);text-decoration:underline}.leaderboard-stats-group{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;margin-left:auto;gap:.15em}#scoreList li .score-details{display:flex;align-items:baseline;gap:.7em;flex-wrap:nowrap}#scoreList li .score{color:var(--color-text-primary);font-weight:600;font-size:1rem;transition:color .3s ease;white-space:nowrap}#scoreList li .leaderboard-extra{font-size:.9rem;color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:.25em;background-color:var(--color-background-body);padding:.15em .4em;border-radius:var(--border-radius-small);transition:background-color .3s ease,color .3s ease;white-space:nowrap}#scoreList li .leaderboard-extra .icon-streak{color:var(--color-streak)}#scoreList li .leaderboard-extra .icon-accuracy{color:var(--color-state-success)}@media(min-width:1024px){.typing-app-grid #scoreList li{display:grid;grid-template-columns:minmax(2.6em,max-content) minmax(0,1.05fr) minmax(6.5em,0.85fr);align-items:center;column-gap:clamp(0.45em,1.8vw,0.7em);row-gap:.3em}.typing-app-grid #scoreList li .leaderboard-rank{margin-right:0;justify-self:end;min-width:2.8em}.typing-app-grid #scoreList li .leaderboard-user-info{margin-right:0;gap:.55em;min-width:0}.typing-app-grid #scoreList li .leaderboard-stats-group{margin-left:0;min-width:0;max-width:100%;flex-shrink:1;justify-self:stretch;align-items:flex-end;gap:clamp(0.25em,1.2vw,0.4em)}.typing-app-grid #scoreList li .score-details{justify-content:flex-end;flex-wrap:wrap;gap:clamp(0.3em,1.5vw,0.45em);width:100%}.typing-app-grid #scoreList li .score{flex:0 0 auto;text-align:right}.typing-app-grid #scoreList li .leaderboard-extra{flex:0 1 auto}}.leaderboard-time-ago{font-size:.9rem;color:var(--color-text-secondary);line-height:1.2;text-align:right;transition:color .3s ease;white-space:nowrap;margin-top:.2em}#scoreList li.new-entry-highlight{background-color:var(--color-surface-highlight)}@media(max-width:767px){.leaderboard-area{max-width:100%}#scoreList li{font-size:.9rem;padding:calc(var(--spacing-unit)*0.55) calc(var(--spacing-unit)*0.7);gap:.5em}.leaderboard-user-info{gap:.5em}.leaderboard-profile-pic{width:26px;height:26px}.leaderboard-rank{min-width:2.8em;margin-right:.4em}#scoreList li .score-details{gap:.4em;flex-wrap:wrap;justify-content:flex-end}#scoreList li .score{font-size:.9rem}#scoreList li .leaderboard-extra{font-size:.85rem;padding:.1em .3em}.leaderboard-time-ago{font-size:.8rem}}@media(max-width:575px){.leaderboard-area h2#leaderboardTitle{font-size:1.3rem}#scoreList li{font-size:.9rem;gap:.4em;padding:calc(var(--spacing-unit)*0.5) calc(var(--spacing-unit)*0.6);flex-wrap:wrap;justify-content:space-between}.leaderboard-user-info{margin-right:0;flex-basis:100%;order:2;margin-bottom:.3em;gap:.45em}.leaderboard-stats-group{margin-left:0;flex-basis:100%;align-items:flex-start;order:3}#scoreList li .score-details{justify-content:flex-start}.leaderboard-profile-pic{width:22px;height:22px}.leaderboard-rank{min-width:auto;margin-right:.5em;font-size:.9em;order:1;flex-basis:content}.leaderboard-rank .icon[data-icon="trophy"]{font-size:.85em}#scoreList li .leaderboard-extra.accuracy-detail{display:inline-flex}#scoreList li .leaderboard-extra.streak-detail{display:none}.leaderboard-time-ago{margin-top:.1em;text-align:left;width:auto}}.leaderboard-flag-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;min-width:1.6rem;height:1.2rem;border-radius:var(--border-radius-small);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-border-secondary) 60%,transparent);flex-shrink:0;margin-right:0}@media(max-width:767px){.leaderboard-flag-icon{font-size:1rem;min-width:1.4rem;height:1.1rem}}@media(max-width:575px){.leaderboard-flag-icon{min-width:1.2rem;height:1rem}}#scoreList li:hover .leaderboard-extra{background-color:color-mix(in srgb,var(--color-table-row-hover) 65%,var(--color-background-body));color:var(--color-text-primary)}[data-theme="dark"] #scoreList li .leaderboard-extra{background-color:color-mix(in srgb,var(--color-nav-link-bg) 55%,transparent);color:var(--color-nav-link-hover-text)}[data-theme="dark"] #scoreList li:hover .leaderboard-extra{background-color:color-mix(in srgb,var(--color-nav-link-hover-bg) 65%,transparent)}#scoreList li,[data-theme="dark"] #scoreList li.leaderboard-entry{background-color:var(--track-kerb);border-color:var(--track-line)}#scoreList li:nth-child(even),[data-theme="dark"] #scoreList li.leaderboard-entry:nth-child(even){background-color:var(--track-kerb-hi)}.leaderboard-rank,.score,.leaderboard-time-ago{font-family:var(--font-display);font-variant-numeric:tabular-nums}.score{font-weight:700;color:var(--paper-white)}.leaderboard-rank{color:var(--paper-dim)}.leaderboard-rank.rank-gold{color:var(--color-trophy-gold)}.leaderboard-rank.rank-silver{color:var(--color-trophy-silver)}.leaderboard-rank.rank-bronze{color:var(--color-trophy-bronze)}@keyframes ffr-flap-in{0%{opacity:0;transform:perspective(320px) rotateX(-88deg)}60%{opacity:1;transform:perspective(320px) rotateX(8deg)}100%{opacity:1;transform:perspective(320px) rotateX(0)}}.leaderboard-entry-fade-in{opacity:0;transform-origin:top center;animation:ffr-flap-in .34s cubic-bezier(0.22,1,0.36,1) forwards}#scoreList li.leaderboard-entry-fade-in:nth-child(1){animation-delay:.02s}#scoreList li.leaderboard-entry-fade-in:nth-child(2){animation-delay:.06s}#scoreList li.leaderboard-entry-fade-in:nth-child(3){animation-delay:.10s}#scoreList li.leaderboard-entry-fade-in:nth-child(4){animation-delay:.14s}#scoreList li.leaderboard-entry-fade-in:nth-child(5){animation-delay:.18s}#scoreList li.leaderboard-entry-fade-in:nth-child(n+6){animation-delay:.22s}@media(prefers-reduced-motion:reduce){.leaderboard-entry-fade-in{opacity:1;transform:none;animation:none}}.leaderboard-area h2#leaderboardTitle{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.02em;justify-content:flex-start;color:var(--paper-white)}.leaderboard-area h2#leaderboardTitle .icon{display:none}.leaderboard-more-link{color:var(--go-green);font-weight:600}