:root,:root[data-theme=graph]{--paper: #f0eadd;--paper-sheet: #fdfaf3;--card: #fdfaf3;--bar: #faf6ec;--ink: #2b2622;--ink-faint: #8a8271;--ink-mute: #a49a85;--grid: #e0d7c3;--divider: #ece3d0;--seg: #e5ddca;--seg-thumb: #ffffff;--ring-track: #e7dfcc;--accent: #4f6b4a;--on-accent: #f5efe1;--accent-soft: rgba(79, 107, 74, .14);--promo: #eef2ea;--promo-border: #d5e0cf;--promo-ink: #3a5237;--promo-faint: #6b7a63;--danger: #c0392b;--shadow: rgba(43, 38, 34, .18);--card-shadow: 0 8px 20px -12px rgba(43, 38, 34, .4);--btn-shadow: 0 10px 20px -10px rgba(79, 107, 74, .6);color-scheme:light}:root[data-theme=kraft]{--paper: #b58a54;--paper-sheet: #c69a63;--card: #c69a63;--bar: #bd9159;--ink: #2e2013;--ink-faint: #4a3820;--ink-mute: #5d4829;--grid: #a87f4c;--divider: #b1854f;--seg: #a87f4c;--seg-thumb: #dfc396;--ring-track: #a87f4c;--accent: #3f5d7a;--on-accent: #f2ede2;--accent-soft: rgba(63, 93, 122, .18);--promo: #c09a66;--promo-border: #a87f4c;--promo-ink: #2e2013;--promo-faint: #4a3820;--danger: #7c2d1e;--shadow: rgba(46, 32, 19, .28);--card-shadow: 0 8px 20px -12px rgba(46, 32, 19, .45);--btn-shadow: 0 10px 20px -10px rgba(63, 93, 122, .6);color-scheme:light}:root[data-theme=dots]{--paper: #f4f1ea;--paper-sheet: #faf8f2;--card: #faf8f2;--bar: #f7f4ed;--ink: #262320;--ink-faint: #6b6458;--ink-mute: #948c7d;--grid: #cfc7b8;--divider: #e6e0d3;--seg: #e3ddd0;--seg-thumb: #ffffff;--ring-track: #e3ddd0;--accent: #4f6b4a;--on-accent: #f5efe1;--accent-soft: rgba(79, 107, 74, .14);--promo: #eef2ea;--promo-border: #d5e0cf;--promo-ink: #3a5237;--promo-faint: #6b7a63;--danger: #c0392b;--shadow: rgba(38, 35, 32, .16);--card-shadow: 0 8px 20px -12px rgba(38, 35, 32, .35);--btn-shadow: 0 10px 20px -10px rgba(79, 107, 74, .6);color-scheme:light}:root[data-theme=night]{--paper: #1a1712;--paper-sheet: #221d16;--card: #221d16;--bar: #201b14;--ink: #efe7d6;--ink-faint: #a89c85;--ink-mute: #7d7462;--grid: #342d22;--divider: #2e2820;--seg: #342d22;--seg-thumb: #4a4133;--ring-track: #342d22;--accent: #d9a679;--on-accent: #221d16;--accent-soft: rgba(217, 166, 121, .16);--promo: #242e1f;--promo-border: #35422f;--promo-ink: #cfdac7;--promo-faint: #98a68e;--danger: #e08573;--shadow: rgba(0, 0, 0, .5);--card-shadow: 0 8px 20px -12px rgba(0, 0, 0, .6);--btn-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-font=dyslexia] body{font-family:OpenDyslexic,Atkinson Hyperlegible,Comic Sans MS,system-ui,sans-serif}.sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.board--canvas:focus-visible{outline:3px solid var(--accent);outline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}html,body{margin:0;padding:0;min-block-size:100%}body{background-color:var(--paper);color:var(--ink);font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:inherit}button:disabled{opacity:.45;cursor:default}.shell{max-inline-size:30rem;margin-inline:auto;min-block-size:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;gap:.875rem;padding:1rem 1rem 1.25rem;padding-top:max(1rem,env(safe-area-inset-top))}.screen__head{margin-block-end:.125rem}.screen__title{margin:0;font-size:1.875rem;font-weight:900;letter-spacing:-.02em}.screen__subtitle{margin:.125rem 0 0;color:var(--ink-faint);font-weight:600;font-size:.875rem}.wordmark{margin:0;font-size:2rem;font-weight:900;letter-spacing:-.02em}.link-btn{color:var(--accent);font-weight:700;font-size:.9375rem;min-block-size:2.75rem;display:inline-flex;align-items:center}.card{background:var(--card);border-radius:1.25rem;box-shadow:var(--card-shadow)}.btn-primary{display:block;inline-size:100%;text-align:center;background:var(--accent);color:var(--on-accent);border-radius:1rem;padding:.9375rem;font-size:1rem;font-weight:800;box-shadow:var(--btn-shadow);transition:transform .12s ease}.btn-primary:active{transform:translateY(1px)}.btn-primary--small{display:inline-block;inline-size:auto;padding:.5625rem 1.125rem;border-radius:.75rem;font-size:.8125rem;align-self:flex-start;box-shadow:none}.seg{display:flex;background:var(--seg);border-radius:.5625rem;padding:2px}.seg__option{font-size:.75rem;font-weight:700;color:var(--ink-faint);padding:.3125rem .75rem;border-radius:.4375rem;min-block-size:1.75rem}.seg__option--active{color:var(--ink);background:var(--seg-thumb);box-shadow:0 1px 2px #2b262224}.home__top{display:flex;align-items:center;justify-content:space-between}.home__tagline{margin:-.5rem 0 0;color:var(--ink-faint);font-weight:600;font-size:.875rem}.avatar{inline-size:2.125rem;block-size:2.125rem;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:800;flex:none}.continue{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1.375rem}.continue__text{flex:1;display:flex;flex-direction:column;gap:.125rem}.continue__title{font-size:1.0625rem;font-weight:800}.continue__sub{font-size:.75rem;font-weight:600;color:var(--ink-faint)}.continue__chev{color:var(--accent);display:flex;flex:none}.ring{position:relative;inline-size:3.75rem;block-size:3.75rem;flex:none}.ring__inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring__count{font-size:1.0625rem;font-weight:800;line-height:1}.ring__label{font-size:.5625rem;font-weight:700;color:var(--ink-mute);text-transform:uppercase}.promo{background:var(--promo);border:1px solid var(--promo-border);border-radius:1.125rem;padding:1rem;display:flex;flex-direction:column;gap:.625rem}.promo__title{margin:0;font-size:.9375rem;font-weight:800;color:var(--promo-ink)}.promo__body{margin:0;font-size:.75rem;font-weight:600;line-height:1.4;color:var(--promo-faint)}.row-link{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-radius:1rem;font-size:.9375rem;font-weight:700;min-block-size:2.75rem}.row-link__chev{color:var(--ink-mute);display:flex}.home__quiet{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-start:auto}.home__queue{color:var(--ink-faint);font-size:.8125rem;font-weight:600}.statcard{padding:1rem}.statcard__head{display:flex;align-items:center;justify-content:space-between;margin-block-end:.75rem}.statcard__title{font-size:.9375rem;font-weight:800}.statcard__grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.statcard__tile{background:var(--paper);border-radius:.875rem;padding:.6875rem .75rem}.statcard__value{font-size:1.375rem;font-weight:900;font-variant-numeric:tabular-nums}.statcard__value--accent{color:var(--accent)}.statcard__caption{font-size:.6875rem;font-weight:600;color:var(--ink-faint)}.statcard__footer{display:flex;justify-content:space-between;gap:.5rem;margin-block-start:.75rem;padding-block-start:.6875rem;border-block-start:1px solid var(--divider);font-size:.75rem;font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.screen--play{gap:.75rem}.playbar{display:flex;align-items:center;justify-content:space-between;padding-block-end:.625rem;border-block-end:1px solid var(--grid)}.playbar__back{display:flex;align-items:center;color:var(--accent);font-size:.9375rem;font-weight:600;min-block-size:2.75rem}.playbar__title{font-size:1rem;font-weight:800}.chips{display:flex;gap:.5rem}.chip{background:var(--card);border-radius:.75rem;padding:.4375rem .75rem;font-size:.8125rem;font-weight:700;color:var(--ink-faint);font-variant-numeric:tabular-nums}.chip--score{margin-inline-start:auto;background:var(--accent-soft);color:var(--accent);font-size:.875rem;font-weight:800}.play__caption{margin:0;text-align:center;font-size:.8125rem;font-weight:600;color:var(--ink-faint)}.play__caption--cleared{color:var(--accent);font-weight:800}.actions{margin-block-start:auto;display:flex;gap:.625rem}.actions__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.1875rem;padding-block:.6875rem;border-radius:1rem;background:var(--card);border:1px solid var(--grid);font-size:.75rem;font-weight:700;transition:transform .12s ease}.actions__btn:active:not(:disabled){transform:translateY(1px)}.actions__btn--dashed{background:transparent;border-style:dashed}.actions__btn--ghost{background:transparent}.play__footnote{margin:0;text-align:center;font-size:.6875rem;font-weight:600;color:var(--ink-mute)}.play__body{flex:1;display:flex;flex-direction:column;min-block-size:0}.play__main{flex:1;display:flex;flex-direction:column;gap:.75rem;min-inline-size:0;min-block-size:0}.play__rail{display:none}.actions__label{display:inline}.play__main--stuck .board--canvas{opacity:.9}.stuck{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:1px solid var(--promo-border);border-radius:1rem;background:var(--promo)}.stuck__icon{flex:none;inline-size:2rem;block-size:2rem;border-radius:50%;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center}.stuck__title{margin:0;font-size:.9375rem;font-weight:800;color:var(--promo-ink)}.stuck__body{margin:.125rem 0 0;font-size:.8125rem;font-weight:600;line-height:1.4;color:var(--promo-faint)}.actions--stuck{align-items:stretch}.actions__btn--compact{flex:none;inline-size:4rem}.actions__btn--compact .actions__label{display:none}.actions__btn--add-primary{flex:1;flex-direction:row;gap:.5rem;background:var(--accent);color:var(--on-accent);border-color:transparent;font-size:1rem;font-weight:800;box-shadow:0 0 0 4px var(--accent-soft),var(--btn-shadow)}.actions__btn--add-primary:disabled{opacity:1}.board--canvas{position:relative;overflow:auto;block-size:min(58vh,30rem);border-radius:1rem;background-color:var(--paper-sheet);box-shadow:inset 0 1px 4px #2b26220d;padding:.375rem;-webkit-overflow-scrolling:touch}.board__spacer{position:relative;inline-size:100%}.board__canvas{position:sticky;inset-block-start:0;display:block;touch-action:pan-y}.board__fps{position:sticky;inset-block-start:0;inset-inline-end:0;float:inline-end;margin:.25rem;padding:.1rem .4rem;border-radius:.25rem;background:#2b2622b8;color:#f5efe1;font:600 .7rem/1.4 ui-monospace,monospace;pointer-events:none}.softcap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--promo-border);border-radius:1rem;background:var(--promo)}.softcap__text{margin:0;font-size:.875rem;font-weight:600;color:var(--promo-ink)}.softcap__actions{display:flex;gap:.5rem}.softcap .controls__btn{min-block-size:2.25rem;padding-inline:.75rem;border:1px solid var(--promo-border);border-radius:.625rem;background:var(--card);font-size:.8125rem;font-weight:700}.softcap .controls__btn--ghost{background:transparent;border-style:dashed}.rules__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.rules__card{display:flex;gap:.875rem;align-items:center;padding:.8125rem;border-radius:1rem}.rules__cardTitle{margin:0;font-size:1rem;font-weight:800}.rules__cardBody{margin:0;font-size:.8125rem;font-weight:500;color:var(--ink-faint)}.rules__pair{flex:none;display:flex;gap:3px;background:var(--paper);border-radius:.5rem;padding:.4375rem}.rules__digit{position:relative;font-size:1.375rem;font-weight:700;color:var(--ink-mute);opacity:.8;padding-inline:1px}.rules__strike{position:absolute;left:0;right:0;top:52%;height:2px;background:var(--ink-mute);transform:rotate(-9deg)}.rules__art{flex:none;inline-size:3rem;block-size:3rem;display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:.5rem;color:var(--accent)}.rules__reassure{margin:0;text-align:center;font-size:.8125rem;font-weight:600;color:var(--accent)}.screen--login{min-block-size:100dvh}.login__dismiss{color:var(--ink-faint);display:flex;min-block-size:2.75rem;align-items:center;align-self:flex-start}.login__hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.375rem;padding-inline:1rem}.login__wordmark{margin:0;font-size:2.75rem;font-weight:900;letter-spacing:-.02em}.login__subtitle{margin:0;max-inline-size:15rem;font-size:.9375rem;font-weight:600;line-height:1.4;color:var(--ink-faint)}.login__actions{display:flex;flex-direction:column;gap:.75rem;padding-block-end:1rem}.login__provider{display:flex;align-items:center;justify-content:center;gap:.625rem;border-radius:.9375rem;padding:.9375rem;font-size:1rem;font-weight:800}.login__provider--apple{background:#111;color:#fff}.login__provider--google{background:#fff;color:#2b2622;border:1px solid #dcd2bd}.login__later{text-align:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--ink-faint);padding:.5rem;min-block-size:2.75rem}.login__privacy{margin:0;text-align:center;font-size:.6875rem;font-weight:500;line-height:1.4;color:var(--ink-mute)}.login__note,.login__error{margin:0;text-align:center;font-size:.8125rem;font-weight:600;color:var(--ink-faint)}.settings-group__label{margin:0 .375rem .375rem;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.list{background:var(--card);border-radius:.875rem;overflow:hidden;display:flex;flex-direction:column}.list__row{display:flex;align-items:center;gap:.75rem;justify-content:space-between;padding:.75rem .875rem;min-block-size:2.75rem;font-size:.9375rem;font-weight:600;inline-size:100%}.list>*+*{border-block-start:1px solid var(--divider)}.list__name{display:flex;flex-direction:column;flex:1}.list__name--narrow{flex:none;inline-size:3.5rem}.list__name--icon{flex-direction:row;align-items:center;gap:.5625rem}.list__primary{font-size:.875rem;font-weight:700}.list__secondary{font-size:.75rem;font-weight:500;color:var(--ink-faint)}.list__row--action{color:var(--ink)}.list__row--danger{color:var(--danger)}.list__chev{color:var(--ink-mute);display:flex}.list__slider{flex:1;accent-color:var(--accent)}.list__select{font:inherit;font-weight:600;color:var(--ink-faint);background:transparent;border:none;min-block-size:2rem;text-align:end}.switch{appearance:none;inline-size:2.75rem;block-size:1.625rem;border-radius:.8125rem;background:var(--seg);position:relative;flex:none;cursor:pointer;transition:background-color .12s ease;margin:0}.switch:after{content:"";position:absolute;top:2px;left:2px;inline-size:1.375rem;block-size:1.375rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .12s ease}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(1.125rem)}.credits{margin:1rem;border-radius:1rem;background:var(--card);box-shadow:var(--card-shadow);padding:1rem}.credits__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.credits__title{margin:0;font-size:1.2rem;font-weight:800}.credits__intro{color:var(--ink-faint);font-size:.875rem;font-weight:500}.credits__list{margin:0}.credits__row{display:flex;justify-content:space-between;gap:1rem;padding-block:.35rem;border-block-end:1px solid var(--divider)}.credits__label{font-weight:700;margin:0}.credits__value{margin:0;color:var(--ink-faint);text-align:end}.credits .controls__btn{min-block-size:2.25rem;padding-inline:.75rem;border:1px solid var(--grid);border-radius:.625rem;background:transparent;font-size:.8125rem;font-weight:700}.leaderboard{background:var(--card);border-radius:1rem;box-shadow:var(--card-shadow);padding:1rem}.leaderboard__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.leaderboard__title{margin:0;font-size:.9375rem;font-weight:800}.leaderboard__toggle{display:flex;background:var(--seg);border-radius:.5625rem;padding:2px}.leaderboard__toggle .controls__btn{border:none;background:transparent;font-size:.75rem;font-weight:700;color:var(--ink-faint);padding:.3125rem .75rem;border-radius:.4375rem;min-block-size:1.75rem}.leaderboard__toggle .controls__btn[aria-pressed=true]{color:var(--ink);background:var(--seg-thumb);box-shadow:0 1px 2px #2b262224}.leaderboard__empty{margin:.5rem 0 0;color:var(--ink-faint);font-size:.8125rem;font-weight:600}.leaderboard__table{inline-size:100%;border-collapse:collapse;margin-block-start:.5rem;font-size:.8125rem;font-variant-numeric:tabular-nums}.leaderboard__table th,.leaderboard__table td{text-align:start;padding:.375rem .25rem;border-block-end:1px solid var(--divider)}.tabbar{position:sticky;inset-block-end:0;display:flex;justify-content:space-around;border-block-start:1px solid var(--grid);background:var(--bar);padding-block:.5rem .125rem;padding-block-end:max(.125rem,env(safe-area-inset-bottom))}.tabbar__tab{display:flex;flex-direction:column;align-items:center;gap:.1875rem;color:var(--ink-mute);min-inline-size:4rem;min-block-size:2.75rem;justify-content:center}.tabbar__tab--active{color:var(--accent)}.tabbar__label{font-size:.625rem;font-weight:600}.tabbar__tab--active .tabbar__label{font-weight:700}.topnav{position:sticky;inset-block-start:0;z-index:5;background:var(--bar);border-block-end:1px solid var(--grid);padding-block:.625rem;padding-inline:1.25rem;padding-top:max(.625rem,env(safe-area-inset-top))}.topnav__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.topnav__brand{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;color:var(--ink)}.topnav__links{display:flex;align-items:center;gap:1.25rem}.topnav__link{font-size:.9375rem;font-weight:700;color:var(--ink-faint);min-block-size:2.75rem;display:inline-flex;align-items:center}.topnav__link--active{color:var(--ink)}.topnav__signin{border:1px solid var(--grid);border-radius:.6875rem;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:800;color:var(--accent);min-block-size:2.5rem}.appbanner{display:flex;align-items:center;gap:.5rem;padding:.5625rem 1rem;background:var(--promo);border-block-end:1px solid var(--promo-border)}.appbanner__mark{flex:none;inline-size:1.875rem;block-size:1.875rem;border-radius:.4375rem;background:var(--accent);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:900}.appbanner__text{flex:1;min-inline-size:0;font-size:.8125rem;font-weight:600;color:var(--promo-ink)}.appbanner__store{background:var(--accent);color:var(--on-accent);border-radius:.625rem;padding:.4375rem .75rem;font-size:.75rem;font-weight:800;white-space:nowrap}.appbanner__store--outline{background:transparent;border:1px solid var(--promo-border);color:var(--promo-ink)}.appbanner__close{flex:none;color:var(--ink-mute);display:flex;padding:.25rem;min-block-size:2rem;align-items:center}@media(min-width:48rem){.shell--wide{max-inline-size:36rem}.shell--wide.shell--play{max-inline-size:60rem}.shell--wide .home__top{display:none}.shell--wide .home__tagline{margin-block-start:0}.play__body{flex-direction:row;gap:1.75rem;align-items:stretch}.play__rail{display:flex;flex-direction:column;gap:1.25rem;flex:none;inline-size:16rem;padding-inline-end:1.75rem;border-inline-end:1px solid var(--grid)}.play__main{inline-size:100%;max-inline-size:26rem;margin-inline:auto;justify-content:center}.play__main .chips{display:none}.play__main .actions{margin-block-start:0}.board--canvas{inline-size:100%;max-inline-size:26rem;margin-inline:auto;block-size:auto;max-block-size:min(60vh,30rem)}.play__railTitle{margin:0;font-size:1.625rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}.play__railLeft{margin:.375rem 0 0;font-size:.875rem;font-weight:600;color:var(--ink-faint)}.play__railStats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.play__railHowTo{margin-block-start:auto;border:1px solid var(--grid);border-radius:.875rem;padding:.875rem;text-align:center;font-size:.9375rem;font-weight:800;background:var(--card);color:var(--ink)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}