@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground: #fbfaf7;--card: #ffffff;--ink: #15151a;--soft: #71717e;--line: #e5e2da;--edge: #d8d4c9;--red: #db3b26;--blue: #1d4ea8;--yellow: #f0b310;--green: #0e7a4c;--shadow: 0 1px 2px rgb(20 20 26 / 6%), 0 6px 18px rgb(20 20 26 / 5%);--spring: cubic-bezier(.34, 1.42, .5, 1);--halo: rgb(29 78 168 / 34%);--halo-soft: rgb(29 78 168 / 20%);--gap: 5px;--bar: 40px;--r: 2px}@media (prefers-color-scheme: dark){:root{--ground: #131317;--card: #1e1e24;--ink: #f2f0ea;--soft: #8e8e9c;--line: #2a2a32;--edge: #31313a;--red: #ff5a3d;--blue: #5f90ec;--yellow: #ffc93d;--green: #31bc80;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 6px 18px rgb(0 0 0 / 30%);--halo: rgb(95 144 236 / 46%);--halo-soft: rgb(95 144 236 / 26%)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--ink);font-family:DM Sans Variable,DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.35;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.wrap{max-width:470px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 52px) 18px calc(30px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center;gap:22px;min-height:100%}.rail{position:fixed;inset:0 0 auto 0;z-index:20;display:block;width:100%;padding:calc(env(safe-area-inset-top) + var(--bar)) 0 14px;border:0;background:transparent;cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent}.rail-line{position:relative;display:block;height:3px;background:var(--line)}.rail-fill{position:absolute;inset:0 auto 0 0;background:var(--ink);transition:width .7s var(--spring)}.rail-mark{position:absolute;top:-2px;width:2px;height:7px;transform:translate(-50%);background:var(--soft)}.rail-mark[data-what=today]{background:var(--red)}.rail-at{position:absolute;top:calc(env(safe-area-inset-top) + var(--bar) + 7px);transform:translate(-50%);font-weight:500;color:var(--soft);transition:left .7s var(--spring)}.rail-top{position:absolute;top:calc(env(safe-area-inset-top) + var(--bar) + 7px);transform:translate(-50%);font-weight:500;color:var(--soft)}.rail:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.head{display:flex;flex-direction:column;align-items:center;gap:12px}.said{display:block;height:1.35em;font-weight:700;letter-spacing:.01em;color:var(--ink)}.note{min-height:1.35em;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);text-align:center;animation:veil-in .3s var(--spring)}.learn .note{min-height:2.7em;text-transform:none;letter-spacing:normal;line-height:1.35}.count{position:relative;display:block;font-weight:700;letter-spacing:.01em;color:var(--ink)}.count-box{position:relative;display:block;height:1.35em;overflow:hidden}.roll{display:block}.roll.in{animation:roll-in .17s ease-out both}.roll.out{position:absolute;top:0;right:0;bottom:0;left:0;animation:roll-out .17s ease-in both}@keyframes roll-in{0%{transform:translateY(100%);opacity:0}}@keyframes roll-out{to{transform:translateY(-100%);opacity:0}}.count[data-pressure=tight],.count[data-pressure=critical]{color:var(--red)}:root{--bounce: cubic-bezier(.34, 1.42, .5, 1);--bounce: linear( 0, .0197, .0728, .1503, .2444, .3481, .4556, .5619, .6632, .7568, .8406, .9134, .9748, 1.0246, 1.0633, 1.0918, 1.111, 1.122, 1.1262, 1.1247, 1.1188, 1.1096, 1.098, 1.0851, 1.0716, 1.0581, 1.0451, 1.0331, 1.0222, 1.0127, 1.0047, .9981, .9929, .989, .9864, .9848, .9841, .9842, .9848, .9859, .9873, .9889, .9906, .9923, 1 )}.count-disc{position:absolute;left:50%;top:50%;width:var(--disc);height:var(--disc);border-radius:50%;background:var(--red);pointer-events:none;z-index:-1;transform:translate(-50%,-50%) scale(0);transition:transform .42s var(--bounce);animation:disc-in .42s var(--bounce) backwards}.count[data-disc]{isolation:isolate;color:var(--ground)}@keyframes disc-in{0%{transform:translate(-50%,-50%) scale(0)}}.count{--disc: 43px}.count[data-disc="3"] .count-disc{transform:translate(-50%,-50%) scale(1)}.count[data-disc="2"] .count-disc{transform:translate(-50%,-50%) scale(.8)}.count[data-disc="1"] .count-disc{transform:translate(-50%,-50%) scale(.64)}.count[data-disc="0"] .count-disc{transform:translate(-50%,-50%) scale(0);transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.7,0)}.count[data-disc="0"]{color:var(--red);transition:color .18s ease .06s}@media (prefers-reduced-motion: reduce){.count-disc{animation:none;transition:none}}.lives{display:flex;gap:5px;align-items:center}.lives i{width:10px;height:10px;border-radius:var(--r);background:var(--ink)}.lives i[data-spent="1"]{background:transparent;box-shadow:inset 0 0 0 1.5px var(--edge);animation:spend .6s var(--spring) both}@keyframes spend{0%{transform:rotate(0) scale(1);background:var(--red);box-shadow:none}45%{transform:rotate(-90deg) scale(1.55);background:var(--red);box-shadow:none}to{transform:rotate(-90deg) scale(1);background:transparent}}.lives[data-last="1"] i:not([data-spent]){background:var(--red);animation:breathe 1.7s ease-in-out infinite}@keyframes breathe{50%{opacity:.4;transform:scale(.88)}}.board{position:relative;width:100%;aspect-ratio:1 / 1;display:grid;gap:var(--gap);touch-action:none}.card{position:relative;background:var(--card);border:1px solid var(--line);padding:0;font:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--r);transition:transform .28s var(--spring),box-shadow .3s ease,border-color .3s ease;isolation:isolate;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.board[data-over="1"] .card{box-shadow:none;border-color:var(--line)}.board[data-over="1"] .card:not([data-lit="1"]) .turn path{stroke:var(--line)}.board[data-over="1"] .mark{opacity:.35}.board[data-over="1"] .card[data-goal="1"]:not([data-solved="1"]):after{border-color:var(--line)}.card:focus-visible{outline:2px solid var(--blue);outline-offset:2px;z-index:4}.card:active:not(:disabled){transform:scale(.94)}.card[data-held="1"]{border-color:var(--edge);z-index:3}.board[data-dealing="1"] .card{animation:deal .62s var(--spring) both;animation-delay:calc(var(--i, 0) * 32ms)}@keyframes deal{0%{opacity:0;transform:rotate(-90deg) scale(.72)}to{opacity:1;transform:rotate(0) scale(1)}}.card[data-shake="1"]{animation:card-shake .32s ease}@keyframes card-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}.card[disabled]{cursor:default}.card[data-here="1"]{box-shadow:var(--shadow);border-color:var(--edge);z-index:2}.card svg{display:block;width:100%;height:100%}.turn{transition:transform .34s var(--spring)}.turn path{stroke:var(--ink);stroke-width:15;stroke-linecap:round;stroke-linejoin:round;fill:none;transition:stroke .4s ease,stroke-width .4s ease}.card[data-lit="1"] .turn path{stroke:var(--lit);stroke-width:19}.mark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mark .teeth{fill:var(--soft)}.mark .twin{fill:var(--blue)}.mark .rivets{fill:var(--soft)}.card[data-trait=locked]{cursor:default}.card[data-trait=locked]:active{transform:none}.card[data-next="1"]:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;z-index:-1;border-radius:50%;background:var(--tint, var(--red));opacity:.55;pointer-events:none;transition:background .4s ease;animation:drift .52s cubic-bezier(.16,.84,.34,1) .18s both}@keyframes drift{0%{transform:translate(calc(var(--from-x, 0) * 262%),calc(var(--from-y, 0) * 262%));opacity:0}22%{opacity:.55}to{transform:none;opacity:.55}}@media (prefers-reduced-motion: reduce){.card[data-next="1"]:before{animation:none}}.card[data-goal="1"]:after{content:"";position:absolute;top:27%;right:27%;bottom:27%;left:27%;border:3px solid var(--tint, var(--red));border-radius:50%;pointer-events:none;transition:background .4s ease,border-color .4s ease,transform .5s var(--spring)}.card[data-solved="1"]:after{background:var(--tint, var(--red));transform:scale(1.14)}.ball-slot{position:absolute;left:0;top:0;pointer-events:none;z-index:3;transition:transform .3s var(--spring)}.ball-slot[data-flowing="1"]{transition:transform .12s linear}.ball{width:100%;height:100%;border-radius:50%;background:var(--tint, var(--red));box-shadow:var(--shadow)}.ball[data-win="1"]{animation:pop .6s var(--spring)}.ball[data-busted="1"]{box-shadow:none}@keyframes pop{0%,to{transform:scale(1)}45%{transform:scale(1.5)}}.stage{position:relative}@keyframes veil-in{0%{opacity:0}to{opacity:1}}.controls{display:flex;flex-direction:column;gap:10px;min-height:100px}.row{display:flex;justify-content:space-between;align-items:center}.row.one{justify-content:center}.card-act{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:15px;background:var(--card);border:1px solid var(--edge);border-radius:var(--r);font:inherit;font-weight:700;color:var(--red);cursor:pointer;box-shadow:var(--shadow);transition:transform .2s var(--spring),border-color .2s}.card-act:hover{border-color:var(--red)}.card-act:active{transform:scale(.985)}.card-act:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.act{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:8px 2px;font:inherit;color:var(--soft);cursor:pointer;transition:color .16s}.act:hover:not(:disabled){color:var(--ink)}.act:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.act:disabled{opacity:.3;cursor:default}.labbar{position:fixed;inset:env(safe-area-inset-top) 0 auto 0;z-index:20;width:100%;max-width:470px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;background:var(--ground)}.lab-at{display:flex;align-items:center;gap:8px}.lab-at b{font-weight:700}.lab-n{color:var(--soft);letter-spacing:.1em;text-transform:uppercase}.step{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:var(--r);background:none;font:inherit;color:var(--soft);cursor:pointer;transition:color .16s,border-color .16s}.step:hover:not(:disabled){color:var(--ink);border-color:var(--edge)}.step:disabled{opacity:.3;cursor:default}.step:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.rate{display:flex;align-items:center;justify-content:center;gap:10px;min-height:32px;animation:veil-in .3s var(--spring)}.rate-of{color:var(--soft);letter-spacing:.1em;text-transform:uppercase}.chips{display:flex;gap:4px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:4px 8px;border:1px solid var(--line);border-radius:var(--r);background:none;font:inherit;color:var(--soft);cursor:pointer;transition:color .16s,background .16s,border-color .16s}.chip:hover{color:var(--ink);border-color:var(--edge)}.chip[aria-pressed=true]{color:var(--card);background:var(--ink);border-color:var(--ink)}.chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.dot{position:fixed;left:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:20;width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--edge);transition:background .2s,transform .2s var(--spring)}.dot:hover:before{background:var(--soft);transform:scale(1.3)}.dot:focus-visible{outline:2px solid var(--blue)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--ink) 26%,transparent);animation:veil-in .18s ease}.sheet{width:100%;max-width:470px;margin:0 auto;background:var(--card);border-top:1px solid var(--edge);border-radius:var(--r) var(--r) 0 0;padding:15px 18px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:rise .28s var(--spring)}@keyframes rise{0%{transform:translateY(14px);opacity:0}}.sheet-top{display:flex;align-items:center;justify-content:space-between}.sheet-title{color:var(--soft);letter-spacing:.12em;text-transform:uppercase}.sheet-shut{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font:inherit;color:var(--soft);cursor:pointer;padding:6px;margin:-6px;line-height:1}.sheet-shut:hover{color:var(--ink)}.jumps{display:flex;flex-direction:column}.jump{display:flex;gap:14px;align-items:baseline;padding:9px 0;border:0;border-top:1px solid var(--line);background:none;font:inherit;color:var(--soft);cursor:pointer;text-align:left}.jump b{min-width:1.8em;color:var(--ink);font-weight:700}.jump[aria-pressed=true],.jump:hover{color:var(--ink)}.line-act{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font:inherit;color:var(--soft);cursor:pointer;padding:0;text-align:left}.line-act:hover{color:var(--ink)}.fine{margin:0;color:var(--soft)}.mine{display:flex;justify-content:space-between;align-items:baseline}.mine span{color:var(--soft)}.mine b{font-weight:700}.pair{display:flex;gap:16px}.line-act:disabled{opacity:.35;cursor:default}.line-act:disabled:hover{color:var(--soft)}.standings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.standings li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-top:1px solid var(--line);color:var(--soft)}.standings li[data-me="1"]{color:var(--red);font-weight:700}.standings .rank{min-width:1.8em}.standings .who{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings .far{color:var(--ink);font-weight:700}.standings li[data-me="1"] .far{color:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sizes{display:flex;gap:6px}.sizes .step{width:auto;min-width:26px;padding:0 5px}.tools{display:flex;flex-wrap:wrap;gap:8px}.tools .act{flex:0 0 auto}.tools .act[aria-pressed=true],.sizes .step[aria-pressed=true]{color:var(--ink);border-color:var(--edge);font-weight:700}.wordmark{font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .6s ease}.wordmark[data-on="1"]{opacity:1}.card-act.plain{color:var(--ink)}.card-act.plain:hover{border-color:var(--ink)}.rollover{margin:0;text-align:center;color:var(--soft);font-size:.82rem;letter-spacing:.04em}.learned{margin:0;text-align:center;color:var(--ink);line-height:1.35}.intro .turn{transition:transform .34s var(--spring),opacity .34s ease}.learn .card[data-hint="1"]{border-color:var(--blue);animation:hint 1.6s ease-out infinite;z-index:3}@keyframes hint{0%{box-shadow:0 0 0 3px var(--halo-soft),0 0 0 0 var(--halo)}60%{box-shadow:0 0 0 3px var(--halo-soft),0 0 0 13px transparent}to{box-shadow:0 0 0 3px var(--halo-soft),0 0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.learn .card[data-hint="1"]{box-shadow:0 0 0 3px var(--halo)}}.learn .board[data-naming="1"] .turn path{stroke:var(--line)}.learn .board[data-naming="1"] .card[data-goal="1"]:after{border-color:var(--line)}.learn .board[data-naming="1"] .card[data-next="1"]:before{background:var(--line)}.learn .board[data-naming="1"][data-shows~=goal] .card[data-goal="1"]:after{border-color:var(--tint, var(--red))}.learn .board[data-naming="1"][data-shows~=next] .card[data-next="1"]:before{background:var(--tint, var(--red))}.recap-head{margin:0 0 22px;font-size:inherit;font-weight:700;text-align:center}.recap{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.recap li{display:flex;gap:14px;align-items:baseline;padding:16px 2px;border-top:1px solid var(--line)}.recap li:last-child{border-bottom:1px solid var(--line)}.recap b{font-weight:700}.recap-n{min-width:1.4em;color:var(--soft);font-weight:700;font-variant-numeric:tabular-nums}.foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px}.foot .line-act{font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}.foot .line-act:hover{color:var(--ink)}.foot span[aria-hidden]{opacity:.55}.tally{display:flex;align-items:center;justify-content:center;gap:12px;height:20px}.practice{padding:1px 8px;border:1px solid var(--edge);border-radius:var(--r);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}.aside{min-height:1.35em;font-size:.82rem;letter-spacing:.04em;color:var(--soft);text-align:center}.runbar{position:fixed;inset:env(safe-area-inset-top) 0 auto 0;z-index:21;width:100%;max-width:470px;margin:0 auto;height:var(--bar);padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--ground)}.runbar .name{font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}.runbar .name:hover{color:var(--ink)}.wrap.run{padding-top:calc(env(safe-area-inset-top) + 52px + var(--bar))}@media (max-height: 700px){:root{--bar: 34px}.wrap{gap:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.head{gap:7px}.count{--disc: 35px}}.bands{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.bands li{display:flex;align-items:center;gap:10px}.band-at{min-width:3.2em;text-align:right;color:var(--soft)}.band-n{min-width:1.4em;text-align:right;font-weight:700}.band-bar{flex:1 1 auto;display:block}.band-bar i{display:block;height:10px;border-radius:var(--r);background:var(--ink)}.dot{width:44px;height:44px}.dot:before{opacity:0}.dot[data-found="1"]:before{opacity:1}.card[data-drove="1"] .turn{transition-delay:80ms}.learn .turn{transition-duration:.62s}.learn .card[data-drove="1"] .turn{transition-delay:.17s}
