:root{--color-surface-page:#48424b;--color-surface-raised:#2d2931;--color-surface-subtle:#3a343d;--color-surface-entry:#282130;--color-text-primary:#f8f2e8;--color-text-secondary:#e2d8da;--color-text-muted:#cdbfc6;--color-text-faint:#93818f;--color-line-default:#6a6170;--color-line-subtle:#5a525e;--color-line-focus:#e9bd76;--color-line-entry:#f8f2e8;--color-action-primary:#8ec6a3;--color-action-on-primary:#2d2931;--color-focus:#e9bd76;--color-accent:#e9bd76;--color-accent-vivid:#ffc24d;--color-brand-tile:#705777;--color-brand-on-tile:#f8f2e8;--color-brand-violet:#7c5de7;--color-on-brand-violet:#fff;--color-panel:#2d2931;--color-on-panel:#e9bd76;--color-on-panel-value:#8ec6a3;--color-row:#8ec6a3;--color-on-row:#2d2931;--color-row-accent:#705777;--color-track:#93818f;--color-rank-solved:#6b5ab6;--color-rank-99:#cae63c;--color-rank-999:#ffd505;--color-rank-9999:#ff9f1a;--color-rank-far:#4594e8;--color-danger:#ffa095;--color-outcome-solved:var(--color-rank-solved);--color-outcome-on-solved:var(--color-text-primary);--color-outcome-ended:var(--color-line-default);--color-overlay-scrim:#18141bc7;--font-body:var(--font-manrope), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-display:var(--font-body);--font-rail:var(--font-rail-face,var(--font-display))}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--composer-height:4.1rem;--z-composer:30;--visual-viewport-height:100dvh;--keyboard-offset:0px;font-family:var(--font-body);background:var(--color-surface-page);color:var(--color-text-primary)}*{box-sizing:border-box}html{background:var(--color-surface-page);min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:var(--color-surface-page);min-height:100dvh;color:var(--color-text-primary);margin:0;font-weight:400}a{color:inherit}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb, var(--color-action-primary) 24%, transparent)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}[data-band=solved]{--band-color:var(--color-rank-solved)}[data-band=r99]{--band-color:var(--color-rank-99)}[data-band=r999]{--band-color:var(--color-rank-999)}[data-band=r9999]{--band-color:var(--color-rank-9999)}[data-band=far]{--band-color:var(--color-rank-far)}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand-splash{z-index:1000;background:var(--color-surface-page);color:var(--color-text-secondary);text-align:center;place-content:center;justify-items:center;gap:1.5rem;padding:2rem;animation:1.3s forwards brand-splash-out;display:grid;position:fixed;inset:0}.brand-splash[data-slogan]{animation-duration:2.4s}.brand-splash img{width:min(72vw,22rem);height:auto;animation:.5s both brand-splash-in}.brand-splash p{max-width:24rem;margin:0;font-size:1.125rem;font-weight:600;line-height:1.45;animation:.5s .15s both brand-splash-in}@keyframes brand-splash-out{0%,78%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes brand-splash-in{0%{opacity:0;transform:translateY(.4rem)scale(.98)}}@media (prefers-reduced-motion:reduce){.brand-splash img,.brand-splash p{animation:none}}
