@layer reset,base,components,motion,feature;@layer base{:root{color-scheme:light dark;--font-display: "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--font-ui: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-tile: calc(var(--tile) * .56);--leading-tight: 1.1;--leading: 1.45;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--tile: clamp(2.75rem, min(12.5vw, 6.4dvh), 3.5rem);--tile-gap: clamp(.375rem, 1.6vw, .5rem);--rung-gap: clamp(.375rem, 1dvh, .5rem);--rail: .375rem;--rail-inset: clamp(.75rem, 3.5vw, 1rem);--key-block: clamp(3rem, 6.6dvh, 3.5rem);--key-gap: .375rem;--radius-tile: .5rem;--radius-key: .5rem;--radius-control: .625rem;--radius-sheet: 1.25rem;--radius-pill: 999px;--hairline: 1px;--rule: 2px;--header-block: 3.5rem;--column-play: 30rem;--column-page: 46rem;--column-form: 24rem;--column-sheet: 30rem;--layer-header: 10;--layer-toast: 30;--layer-scrim: 40;--layer-sheet: 50;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--duration-press: 90ms;--duration-fast: .16s;--duration-flip: .42s;--flip-stagger: 90ms;--duration-shake: .42s;--duration-sheet: .36s;--toast-hold: 1.8s;--ground: light-dark(#edf2ea, #0f1713);--surface: light-dark(#fbfcf7, #17221c);--surface-sunken: light-dark(#e3ebdf, #0b120e);--ink: light-dark(#18221d, #e7eee4);--ink-muted: light-dark(#475a50, #a5b5ab);--ink-faint: light-dark(#5a7064, #82958a);--line: light-dark(#c8d4c6, #2b3a32);--line-strong: light-dark(#a9b9a8, #3d5046);--board: light-dark(#1d5b40, #123826);--board-deep: light-dark(#164832, #0c2a1c);--on-board: light-dark(#f2f7ee, #e3eedf);--on-board-muted: light-dark(#bcd5c4, #9dbba8);--tile-face: light-dark(#fffdf6, #202d26);--tile-edge: light-dark(#c9d3c4, #0a110d);--tile-line: light-dark(#cfd9cb, #34463c);--tile-ink: light-dark(#18221d, #eef3ea);--tile-empty: light-dark(#f6f9f2, #18231d);--wood: light-dark(#7a4726, #9a5c2e);--wood-edge: light-dark(#59321a, #6d3f1d);--wood-hover: light-dark(#683b1e, #a96836);--on-wood: light-dark(#fff8ee, #fff6ea);--wood-soft: light-dark(#f1e3d6, #2e2219);--wood-ink: light-dark(#7a4726, #d49a6a);--rail-ghost: light-dark(#b89a83, #6b4e38);--key: light-dark(#dbe5d7, #2a3a31);--key-edge: light-dark(#b5c4b1, #121b16);--key-ink: light-dark(#18221d, #eef3ea);--key-pressed: light-dark(#c9d6c5, #34473c);--tomato: light-dark(#b8392a, #ef7a66);--tomato-soft: light-dark(#f8e1dc, #3a1f1a);--mustard: light-dark(#e3a72f, #e8b54a);--mustard-soft: light-dark(#f8ebc9, #33291a);--sky: light-dark(#2a6fae, #79b4e6);--sky-soft: light-dark(#dbe8f3, #18293a);--leaf: light-dark(#2f7a4c, #6cc08c);--series-you: var(--wood);--series-everyone: var(--sky);--scrim: light-dark(rgb(16 32 24 / 46%), rgb(3 8 5 / 66%));--toast-ground: light-dark(#18221d, #eef3ea);--toast-ink: light-dark(#f4f8f1, #18221d);--focus: light-dark(#2a6fae, #8cc2f0);--selection: light-dark(#f3d58e, #6b4e1f);--shadow-tile: inset 0 -3px 0 var(--tile-edge);--shadow-key: inset 0 -2px 0 var(--key-edge);--shadow-raise: 0 1px 2px light-dark(rgb(24 34 29 / 10%), rgb(0 0 0 / 40%));--shadow-sheet: 0 -2px 6px light-dark(rgb(24 34 29 / 8%), rgb(0 0 0 / 30%)), 0 -18px 48px -12px light-dark(rgb(24 34 29 / 28%), rgb(0 0 0 / 60%));--shadow-toast: 0 2px 4px rgb(10 18 14 / 18%), 0 12px 28px -10px rgb(10 18 14 / 40%)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}}@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,ol,ul,dl,dd,figure,fieldset{margin:0}ol,ul{padding:0;list-style:none}fieldset{min-inline-size:0;padding:0;border:0}img,svg{display:block;max-inline-size:100%}[hidden]{display:none}button,input{font:inherit;color:inherit}table{border-collapse:collapse}}@layer base{html{background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:100%;line-height:var(--leading);-webkit-text-size-adjust:100%;text-size-adjust:100%;accent-color:var(--wood);caret-color:var(--wood);scrollbar-color:var(--line-strong) transparent}body{min-block-size:100dvh;font-variant-numeric:tabular-nums}::selection{background:var(--selection);color:var(--ink)}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);text-wrap:balance}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon{inline-size:1.375rem;block-size:1.375rem;flex:none}}@layer components{.app{display:grid;grid-template-rows:auto 1fr;min-block-size:100dvh}.app>main{grid-row:2}.app--play,.app:has(>.play){block-size:100dvh}.skip-link{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);z-index:calc(var(--layer-header) + 1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-weight:700;translate:0 -200%}.skip-link:focus{translate:none}.masthead{position:sticky;inset-block-start:0;z-index:var(--layer-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:var(--header-block);padding-inline:var(--space-3) var(--space-2);background:var(--board);color:var(--on-board);container:masthead / inline-size}.masthead :focus-visible{outline-color:var(--on-board)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-control);color:inherit;text-decoration:none}.brand-mark{inline-size:2rem;block-size:2rem}.brand-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}.masthead-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-inline-size:2.75rem;min-block-size:2.75rem;padding-inline:var(--space-2);border:0;border-radius:var(--radius-control);background:transparent;color:var(--on-board);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer}.nav-link:hover{background:var(--board-deep)}.nav-link[aria-current=page]{background:var(--board-deep);box-shadow:inset 0 -2px 0 var(--mustard)}.nav-label{display:none}.nav-link .avatar{inline-size:2rem;block-size:2rem;box-shadow:0 0 0 2px var(--on-board-muted)}@container masthead (inline-size > 40rem){.masthead{padding-inline:var(--space-5)}.nav-label{display:inline}.nav-link{padding-inline:var(--space-3)}}.page{display:grid;align-content:start;gap:var(--space-5);inline-size:100%;max-inline-size:var(--column-page);margin-inline:auto;padding:var(--space-6) var(--space-4) var(--space-12)}.page-title{font-size:var(--text-2xl)}.page-lede{color:var(--ink-muted)}.tabs{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--space-1);border-radius:var(--radius-control);background:var(--surface-sunken)}.tabs a{display:grid;place-items:center;min-block-size:2.75rem;border-radius:calc(var(--radius-control) - 2px);color:var(--ink-muted);font-weight:700;text-decoration:none}.tabs a:hover{color:var(--ink)}.tabs a[aria-current=page]{background:var(--surface);box-shadow:inset 0 -3px 0 var(--mustard),var(--shadow-raise);color:var(--ink)}.board-table{inline-size:100%;font-size:var(--text-base)}.board-table caption{padding-block-end:var(--space-3);color:var(--ink-muted);font-size:var(--text-sm);text-align:start}.board-table th{padding:var(--space-2);border-block-end:var(--hairline) solid var(--line-strong);color:var(--ink-muted);font-size:var(--text-xs);font-weight:700;text-align:start}.board-table td{padding:var(--space-2);border-block-end:var(--hairline) solid var(--line)}.board-table .num{text-align:end;white-space:nowrap}.board-table tr.row--you td{background:var(--mustard-soft)}.player{display:flex;align-items:center;gap:var(--space-3);min-inline-size:0;font-weight:600}.steps-delta{color:var(--ink-muted);font-size:var(--text-sm)}}@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:3rem;padding-inline:var(--space-5);border:0;border-radius:var(--radius-control);background:var(--key);box-shadow:var(--shadow-key);color:var(--ink);font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:var(--key-pressed)}.button:active{translate:0 1px}.button--primary{background:var(--wood);box-shadow:inset 0 -3px 0 var(--wood-edge);color:var(--on-wood)}.button--primary:hover{background:var(--wood-hover)}.button--block{inline-size:100%}.text-link{color:var(--ink);font-weight:600}.text-link:hover{color:var(--wood-ink)}.form-panel{display:grid;gap:var(--space-5);inline-size:100%;max-inline-size:var(--column-form);margin-inline:auto}.form-surface{display:grid;gap:var(--space-5);padding:var(--space-6) var(--space-5);border-radius:var(--radius-sheet);background:var(--surface);box-shadow:var(--shadow-raise)}.form-intro{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.form-intro .brand-mark{inline-size:3.5rem;block-size:3.5rem}.field{display:grid;gap:var(--space-2)}.field label,.field legend{font-weight:700}.field-optional{color:var(--ink-muted);font-weight:500}.field input[type=text],.field input[type=password]{min-block-size:3rem;padding-inline:var(--space-3);border:var(--rule) solid var(--line-strong);border-radius:var(--radius-control);background:var(--tile-empty);color:var(--ink);font-size:var(--text-base)}.field input:hover{border-color:var(--ink-faint)}.field input:focus-visible{border-color:var(--focus);outline-offset:0}.field input[aria-invalid=true]{border-color:var(--tomato)}.field-hint{color:var(--ink-muted);font-size:var(--text-sm)}.field-error{display:flex;align-items:center;gap:var(--space-2);color:var(--tomato);font-size:var(--text-sm);font-weight:700}.field-error .icon{inline-size:1.125rem;block-size:1.125rem}.avatar-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.avatar-picker .avatar{inline-size:4rem;block-size:4rem}.avatar-picker .avatar--empty{border:var(--rule) dashed var(--line-strong)}.avatar-picker input[type=file]:focus-visible+.button{outline:3px solid var(--focus);outline-offset:2px}.avatar-picker input[type=file]:disabled+.button{opacity:.6;cursor:progress}.form-switch{color:var(--ink-muted);text-align:center}}@layer components{.play{display:grid;grid-template-rows:auto 1fr auto;min-block-size:0}.puzzle-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-4) var(--space-4) var(--space-2);text-align:center}.puzzle-title{font-size:var(--text-xl)}.puzzle-date{color:var(--ink-muted);font-size:var(--text-sm)}.puzzle-hint{flex-basis:100%;color:var(--ink-muted);font-size:var(--text-sm)}.board{display:grid;align-content:safe center;justify-content:center;min-block-size:0;padding-block:var(--space-2) var(--space-4);overflow-y:auto;scroll-padding-block:var(--space-2) var(--space-4);overscroll-behavior:contain}.ladder{display:grid;justify-content:center}.rung{position:relative;display:grid;grid-template-columns:repeat(4,var(--tile));gap:var(--tile-gap);padding-block:calc(var(--rung-gap) / 2);padding-inline:var(--rail-inset);border-inline:var(--rail) solid var(--wood)}.rung:before{content:"";position:absolute;inset-inline:0;inset-block-start:calc(50% - var(--rail) / 2);block-size:var(--rail);background:var(--wood)}.rung:first-child{padding-block-start:var(--space-3);border-start-start-radius:3px;border-start-end-radius:3px}.rung:last-child{padding-block-end:var(--space-3);border-end-start-radius:3px;border-end-end-radius:3px}.rung--gap{block-size:var(--space-10);padding:0;border-inline-style:dashed;border-inline-color:var(--rail-ghost)}.rung--gap:before,.rung--input:before{content:none}.rung--goal{border-inline-style:dashed;border-inline-color:var(--rail-ghost)}.rung--goal:before{background:var(--rail-ghost);opacity:.6}.tile{position:relative;display:grid;place-items:center;inline-size:var(--tile);block-size:var(--tile);border:var(--hairline) solid var(--tile-line);border-radius:var(--radius-tile);background:var(--tile-face);box-shadow:var(--shadow-tile),var(--shadow-raise);color:var(--tile-ink);font-family:var(--font-display);font-size:var(--text-tile);font-weight:600;line-height:1;text-transform:uppercase}.tile--match{border-color:var(--wood-edge);background:var(--wood);box-shadow:inset 0 -3px 0 var(--wood-edge),var(--shadow-raise);color:var(--on-wood)}.rung--input .tile{border:var(--rule) solid var(--line-strong);background:var(--tile-empty);box-shadow:none}.rung--input .tile--typed{border-color:var(--ink-muted);background:var(--tile-face)}.rung--input .tile--cursor{border-color:var(--ink)}.tile--cursor:after{content:"";position:absolute;inset-inline:22%;inset-block-end:16%;block-size:3px;border-radius:2px;background:var(--wood)}.rung--rejected .tile{border-color:var(--tomato);background:var(--tomato-soft)}.rung--goal .tile{border:var(--rule) dashed var(--rail-ghost);background:var(--tile-empty);box-shadow:none;color:var(--wood-ink)}.rung--reached{border-inline-style:solid;border-inline-color:var(--wood)}.rung--reached:before{background:var(--wood);opacity:1}.ladder--answer{--tile: 2.25rem;--text-tile: calc(var(--tile) * .56);--tile-gap: .3rem;--rung-gap: .375rem;--rail: .25rem;--rail-inset: .625rem}.keyboard{display:grid;gap:var(--key-gap);padding:var(--space-3) var(--space-2) max(var(--space-4),env(safe-area-inset-bottom));background:var(--surface-sunken)}.keyboard-row{display:flex;justify-content:center;gap:var(--key-gap);inline-size:100%;max-inline-size:31rem;margin-inline:auto}.keyboard-row--middle{padding-inline:4.5%}.key{display:grid;flex:1 1 0;place-items:center;min-inline-size:0;block-size:var(--key-block);padding:0;border:0;border-radius:var(--radius-key);background:var(--key);box-shadow:var(--shadow-key);color:var(--key-ink);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;text-transform:uppercase;cursor:pointer;touch-action:manipulation;user-select:none}.key:hover{background:var(--key-pressed)}.key:active{translate:0 1px;box-shadow:inset 0 -1px 0 var(--key-edge)}.key--wide{flex-grow:1.55;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em}.key--enter{background:var(--wood);box-shadow:inset 0 -2px 0 var(--wood-edge);color:var(--on-wood)}.key--enter:hover{background:var(--wood-hover)}.key--enter[aria-busy=true]{cursor:progress;animation:key-busy 1ms linear .3s forwards}@keyframes key-busy{to{opacity:.6}}.keyboard[inert] .key{opacity:.5}.toast-region{position:absolute}.toast{position:fixed;inset-block-start:calc(var(--header-block) + var(--space-3));inset-inline:0;z-index:var(--layer-toast);inline-size:fit-content;max-inline-size:calc(100% - var(--space-8));margin-inline:auto;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);background:var(--toast-ground);box-shadow:var(--shadow-toast);color:var(--toast-ink);font-weight:700;text-align:center}}@layer components{.sheet{position:fixed;inset-inline:0;inset-block:auto 0;z-index:var(--layer-sheet);display:grid;gap:var(--space-5);inline-size:100%;max-inline-size:var(--column-sheet);max-block-size:92dvh;margin:0 auto;padding:var(--space-5) var(--space-5) max(var(--space-6),env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:0;border-start-start-radius:var(--radius-sheet);border-start-end-radius:var(--radius-sheet);background:var(--surface);box-shadow:var(--shadow-sheet);color:var(--ink)}.sheet:not([open]){display:none}.sheet::backdrop{background:var(--scrim)}.sheet-header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--space-3)}.sheet-title{font-size:var(--text-2xl)}.sheet-close{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;margin-block-start:calc(var(--space-2) * -1);margin-inline-end:calc(var(--space-2) * -1);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--ink-muted);cursor:pointer}.sheet-close:hover{background:var(--surface-sunken);color:var(--ink)}.sheet-section{display:grid;gap:var(--space-3);padding-block-start:var(--space-5);border-block-start:var(--hairline) solid var(--line)}.sheet-section-title{font-size:var(--text-lg)}.sheet-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.sheet-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-6);font-size:var(--text-sm)}@media(min-width:48rem){.sheet{inset-block:0;max-block-size:min(88dvh,54rem);margin:auto;border-radius:var(--radius-sheet);box-shadow:var(--shadow-toast)}}#finish:focus-visible{outline:none}.result-link{padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:var(--text-sm);font-weight:600;text-decoration:underline;cursor:pointer}.result-link:hover{color:var(--wood-ink)}.result{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.verdict{padding:var(--space-1) var(--space-4);border:3px solid currentColor;border-radius:var(--radius-tile);outline:var(--hairline) solid currentColor;outline-offset:3px;color:var(--leaf);font-size:var(--text-2xl);font-weight:700;letter-spacing:.04em;text-transform:uppercase;rotate:-4deg}.verdict--perfect{color:var(--wood-ink)}.result-route{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:.02em}.result-score{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);color:var(--ink-muted)}.result-score strong{color:var(--ink)}.par-delta{padding:.125rem var(--space-2);border-radius:var(--radius-pill);background:var(--mustard-soft);color:var(--ink);font-size:var(--text-sm);font-weight:700}.par-delta--even{background:var(--wood-soft);color:var(--wood-ink)}.share-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.share-row .button{flex:1 1 auto;white-space:nowrap}.countdown{display:flex;align-items:baseline;justify-content:center;gap:var(--space-3);color:var(--ink-muted)}.countdown time{color:var(--ink);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;font-variant-numeric:tabular-nums}.live-tag{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--leaf);font-size:var(--text-sm);font-weight:700}.live-tag:before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-pill);background:currentColor}}@layer components{.standings{display:grid;gap:var(--space-1)}.standing{display:grid;grid-template-columns:1.75rem 2rem 1fr auto 3.25rem;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-control)}.standing--you{background:var(--mustard-soft)}.standing--apart{position:relative;margin-block-start:var(--space-4)}.standing--apart:before{content:"";position:absolute;inset-inline:var(--space-2);inset-block-start:calc(var(--space-3) * -1);border-block-start:2px dotted var(--line-strong)}.standing-name{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.standing-steps{font-weight:700}.standing-time{color:var(--ink-muted);font-size:var(--text-sm);text-align:end}.rank{display:grid;place-items:center;inline-size:1.75rem;block-size:1.75rem;border-radius:.375rem;background:var(--surface-sunken);color:var(--ink-muted);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.rank--first{background:var(--mustard);color:#2b2210}.avatar{inline-size:2rem;block-size:2rem;border-radius:var(--radius-pill);background:var(--surface-sunken);object-fit:cover}.avatar--blank{display:grid;place-items:center;color:var(--ink-muted)}.avatar--blank .icon{inline-size:1.125rem;block-size:1.125rem}.you-tag{margin-inline-start:var(--space-2);padding:.0625rem var(--space-2);border-radius:var(--radius-pill);background:var(--ink);color:var(--surface);font-size:var(--text-xs);font-weight:700;vertical-align:.1em}.footnote{color:var(--ink-muted);font-size:var(--text-sm)}.stats-figures{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);text-align:center}.stats-figure{display:flex;flex-direction:column-reverse;gap:var(--space-1)}.stats-figure dt{color:var(--ink-muted);font-size:var(--text-xs);font-weight:600;line-height:1.25}.stats-figure dd{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:1}.segmented{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;padding:var(--space-1);border-radius:var(--radius-control);background:var(--surface-sunken)}.segmented label{display:grid;place-items:center;min-block-size:2.75rem;padding-inline:var(--space-3);border-radius:calc(var(--radius-control) - 2px);color:var(--ink-muted);font-size:var(--text-sm);font-weight:700;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented label:has(input:checked){background:var(--surface);box-shadow:inset 0 -3px 0 var(--mustard),var(--shadow-raise);color:var(--ink)}.segmented label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:1px}.distribution{display:grid;gap:var(--space-3)}.distribution:has(input[value=you]:checked) .dist-panel--everyone,.distribution:has(input[value=everyone]:checked) .dist-panel--you{display:none}.dist-panel{display:grid;gap:var(--space-2)}.dist-list{display:grid;gap:var(--space-1)}.dist-row{display:grid;grid-template-columns:2.25rem 1fr;align-items:center;gap:var(--space-2)}.dist-label{color:var(--ink-muted);font-size:var(--text-sm);font-weight:600;text-align:end}.dist-bar{display:flex;align-items:center;justify-content:flex-end;inline-size:max(var(--share),2.25rem);min-block-size:1.625rem;padding-inline:var(--space-2);border-radius:.3rem;background:var(--line);color:var(--ink);font-size:var(--text-sm);font-weight:700}.dist-panel--you .dist-bar--filled{background:var(--series-you);color:var(--on-wood)}.dist-panel--everyone .dist-bar--filled{background:var(--series-everyone);color:light-dark(#f4f8fb,#0f1a24)}.dist-row--today .dist-label{color:var(--ink)}.dist-row--today .dist-bar{outline:var(--rule) solid var(--ink);outline-offset:2px}.dist-axis{color:var(--ink-muted);font-size:var(--text-sm)}}@layer motion{@media(prefers-reduced-motion:no-preference){.rung--fresh .tile{animation:tile-flip var(--duration-flip) var(--ease-out) both}.rung--fresh .tile:nth-child(2){animation-delay:var(--flip-stagger)}.rung--fresh .tile:nth-child(3){animation-delay:calc(var(--flip-stagger) * 2)}.rung--fresh .tile:nth-child(4){animation-delay:calc(var(--flip-stagger) * 3)}.rung--rejected{animation:rung-wriggle var(--duration-shake) var(--ease-out)}.tile--cursor:after{animation:caret-blink 1.1s steps(1) infinite}.toast{animation:toast-in var(--duration-fast) var(--ease-out),toast-out var(--duration-fast) var(--ease-in) var(--toast-hold) forwards}.toast--steady{animation:toast-in var(--duration-fast) var(--ease-out)}.sheet::backdrop{animation:fade-in var(--duration-sheet) var(--ease-out) both}.sheet{animation:sheet-up var(--duration-sheet) var(--ease-out) both}.verdict{animation:stamp var(--duration-flip) var(--ease-out) calc(var(--duration-sheet) - 60ms) both}.key,.button{transition:background-color var(--duration-fast) var(--ease-out),translate var(--duration-press) var(--ease-out)}@media(min-width:48rem){.sheet{animation-name:sheet-pop}}}@media(prefers-reduced-motion:reduce){.toast{animation:toast-out 1ms linear calc(var(--toast-hold) + 1s) forwards}.toast--steady{animation:none}}@keyframes tile-flip{0%{transform:perspective(20rem) rotateX(-90deg)}to{transform:perspective(20rem) rotateX(0)}}@keyframes rung-wriggle{0%,to{transform:none}15%{transform:translate(-.5rem) skew(4deg)}35%{transform:translate(.45rem) skew(-4deg)}55%{transform:translate(-.3rem) skew(2deg)}75%{transform:translate(.15rem) skew(-1deg)}}@keyframes caret-blink{50%{opacity:0}}@keyframes toast-in{0%{opacity:0;translate:0 -.5rem}}@keyframes toast-out{to{opacity:0;visibility:hidden}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{translate:0 100%}}@keyframes sheet-pop{0%{opacity:0;scale:.96;translate:0 1rem}}@keyframes stamp{0%{opacity:0;scale:1.6;rotate:-14deg}70%{opacity:1;scale:.96}to{scale:1;rotate:-4deg}}}