@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commit-mono-latin-400-normal-wzhe4RuD.woff2)format("woff2"),url(/assets/commit-mono-latin-400-normal-s0S3qwFW.woff)format("woff")}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/commit-mono-latin-500-normal-5uPfnx7h.woff2)format("woff2"),url(/assets/commit-mono-latin-500-normal-DSlnSK8M.woff)format("woff")}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/commit-mono-latin-600-normal-SwgSWHaV.woff2)format("woff2"),url(/assets/commit-mono-latin-600-normal-BuQDXT0M.woff)format("woff")}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/commit-mono-latin-700-normal-DU8mrtj2.woff2)format("woff2"),url(/assets/commit-mono-latin-700-normal-1-GU0IUE.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--dark:0}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:dark){:root{--dark:1}}:root:has(>head>meta[name=color-scheme][content=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dark:1}:root:has(>head>meta[name=color-scheme][content=light]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--dark:0}:root{--bg:var(--lightningcss-light,#f4f3ee)var(--lightningcss-dark,#0e0e0f);--surface:var(--lightningcss-light,#fdfcf9)var(--lightningcss-dark,#1b1b1d);--raised:var(--lightningcss-light,#e8e7e1)var(--lightningcss-dark,#29292c);--ink:var(--lightningcss-light,#121211)var(--lightningcss-dark,#f1f0ea);--muted:var(--lightningcss-light,#1212119c)var(--lightningcss-dark,#f1f0ea8c);--prose:var(--lightningcss-light,#121211d6)var(--lightningcss-dark,#f1f0eacf);--line:var(--lightningcss-light,#12121117)var(--lightningcss-dark,#f1f0ea1c);--card-ink:#121211;--card-faint:var(--lightningcss-light,#121211a8)var(--lightningcss-dark,#121211bd);--card-line:#1212111f;--well:#1212110f;--button:#fbfaf6;--card-shadow:0 1px 2px #00000012, 0 1.875rem 3.75rem -1.875rem var(--lightningcss-light,#00000059)var(--lightningcss-dark,#000000e6), 0 4.375rem 7.5rem -3.75rem var(--lightningcss-light,#00000026)var(--lightningcss-dark,#000000b3);--bar:4.75rem;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--round:999px;--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--mono:"Commit Mono", ui-monospace, "SF Mono", Menlo, monospace;font-family:var(--display);letter-spacing:-.012em;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-weight:450}@media (width>760px){:root{font-size:80%}}@media (width>760px) and (480px<=height<=768px){:root{--bar:4rem}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);min-height:100dvh;margin:0}::selection{background:var(--ink);color:var(--bg)}.card ::selection{background:var(--card-ink);color:var(--field-shown)}.home ::selection{color:#121211;background:#f1f0ea}button{font:inherit;letter-spacing:inherit;color:inherit}a{color:inherit;text-decoration:none}code{font-family:var(--mono)}:focus-visible{outline-offset:.1875rem;outline:2px solid}[tabindex="-1"]:focus{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;inset:0 auto auto 0;overflow:hidden}.app{max-width:69.5rem;min-height:100dvh;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));flex-direction:column;margin-inline:auto;display:flex}.bar{height:calc(var(--bar) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex}.wordmark{letter-spacing:-.045em;align-items:baseline;font-size:1.5rem;font-weight:700;display:inline-flex}.wordmark .hole{border-bottom:.15625rem solid;padding:0 1px;transition:background .2s}@media (hover:hover){.wordmark:hover :is(.wordmark .hole){background:var(--raised)}}.bar-tools{gap:2px;margin-right:-.375rem;display:flex}.icon-button{border-radius:var(--round);cursor:pointer;width:2.75rem;height:2.75rem;transition:background .2s, scale .3s var(--spring);background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover){.icon-button:hover{background:var(--raised)}}.icon-button:active{scale:.92}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem;display:block}[data-sound] .sound-off,[data-sound][data-muted=true] .sound-on{display:none}[data-sound][data-muted=true] .sound-off{display:block}.theme-toggle .when-dark{display:none}@media (prefers-color-scheme:dark){:root:not(:has(>head>meta[name=color-scheme][content=light])) .theme-toggle .when-light{display:none}:root:not(:has(>head>meta[name=color-scheme][content=light])) .theme-toggle .when-dark{display:block}}:root:has(>head>meta[name=color-scheme][content=dark]) .theme-toggle .when-light{display:none}:root:has(>head>meta[name=color-scheme][content=dark]) .theme-toggle .when-dark{display:block}#view{padding-block:0 max(1.75rem, env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:safe center;align-items:center;display:flex}@media (width>760px) and (height>=480px){#view{padding-bottom:max(var(--bar), env(safe-area-inset-bottom))}}#view>*{animation:enter .7s var(--ease) both}@media (prefers-reduced-motion:reduce){#view>*{animation-name:fade}}#view>.card[data-deal]{animation-name:deal}@keyframes deal{0%{opacity:0;translate:2rem}}@keyframes enter{0%{opacity:0;translate:0 1.125rem}}@keyframes fade{0%{opacity:0}}.round-button{width:var(--size,5.5rem);aspect-ratio:1;background:var(--button);color:var(--card-ink);cursor:pointer;transition:scale .35s var(--spring), box-shadow .25s;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 1px 2px #0000001f,0 .625rem 1.5rem -.625rem #0006}@media (hover:hover){.round-button:hover{scale:1.05;box-shadow:0 1px 2px #0000001f,0 1rem 2rem -.75rem #00000080}}.round-button:active{scale:.94}.round-button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:34%;height:34%}.text-button{color:var(--card-faint);cursor:pointer;background:0 0;border:0;border-radius:.375rem;padding:.625rem 0;font-size:1rem;font-weight:600;transition:color .2s}@media (hover:hover){.text-button:hover{color:var(--card-ink);text-underline-offset:.25rem;text-decoration:underline;text-decoration-thickness:2px}}.text-button[data-armed]{color:var(--card-ink);background:linear-gradient(currentColor 0 0) left bottom .375rem/100% 2px no-repeat;animation:3s linear forwards disarm}.text-button[data-armed]:hover{text-decoration:none}.text-button .cost{font-variant-numeric:tabular-nums;font-weight:500}@keyframes disarm{to{background-size:0 2px}}@property --field{syntax:"<color>";inherits:true;initial-value:oklch(84% .07 150)}.card{--field-shown:var(--lightningcss-light,var(--field))var(--lightningcss-dark,color-mix(in oklab, var(--field) 90%, #000));width:min(100%,67.5rem);transition:--field .9s var(--ease);outline:none}.card[data-instant]{transition:none}.card[data-done]{--card-faint:var(--lightningcss-light,#121211c2)var(--lightningcss-dark,#121211e0)}.face{min-width:0;min-height:min(45rem, calc(100dvh - 2 * var(--bar) - 1.75rem));background:var(--field-shown);color:var(--card-ink);box-shadow:var(--card-shadow);border-radius:clamp(1.5rem,3vw,2.125rem);flex-direction:column;padding:clamp(1.25rem,3.6vw,2.75rem);display:flex}.card-top{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.count,.pane figcaption{font:600 .875rem/1 var(--display);letter-spacing:.08em}.count{font-variant-numeric:tabular-nums;white-space:nowrap}.meta{color:var(--card-faint);margin:.375rem 0 0;font-size:.9375rem;font-weight:500}.big{text-align:right;margin:0}.big b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;padding-right:.035em;font-size:clamp(4rem,8vw,6.25rem);font-weight:750;line-height:.8;display:block}.big span{margin-top:.75rem;font-size:1rem;font-weight:600;display:block}.count,.big b,.score b{text-box:trim-both cap alphabetic}.big b[data-roll]{animation:roll .7s var(--spring)}@media (prefers-reduced-motion:reduce){.big b[data-roll]{animation:none}}@keyframes roll{0%{opacity:0;translate:0 35%}}.panes{border-top:1.5px solid var(--card-line);flex:1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);margin-top:clamp(1rem,2.4vw,1.625rem);display:grid}.panes:has(.table){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.panes:has(.table) pre{font-size:.875rem;line-height:1.5}.listing>pre{flex:none}.side{flex-direction:column;display:flex}.c{margin:0}.pane{min-width:0;margin:0;padding-block:1.25rem 0}.pane+.pane{border-left:1.5px solid var(--card-line);padding-left:clamp(1rem,3vw,2.25rem)}.pane:first-child{padding-right:clamp(1rem,3vw,2.25rem)}.pane figcaption{color:var(--card-faint);margin-bottom:.875rem}.asm{container-type:inline-size}.table{border-top:1.5px dashed var(--card-line);margin:1.125rem 0 0;padding-top:.875rem}@container (width>=25rem){.listing{flex-wrap:wrap;align-items:flex-start;gap:1.125rem 1.5rem;display:flex}.table{border-top:0;border-left:1.5px dashed var(--card-line);margin:0;padding:0 0 0 1.5rem}}pre{font-family:var(--mono);letter-spacing:0;tab-size:4;scrollbar-width:thin;margin:0;font-size:clamp(.875rem,1.2vw,1rem);font-weight:400;line-height:1.7;overflow-x:auto}.mn,.kw,.label{font-weight:700}.ref{font-weight:500}.p,.dir,.cm{opacity:.66}.face :is(.p,.dir,.cm){opacity:1;color:var(--card-faint)}.cm{font-style:italic}.slot{display:inline-block;position:relative}.slot input{field-sizing:content;width:auto;min-inline-size:3.5ch;max-inline-size:26ch;background:var(--well);height:1.55em;font:inherit;letter-spacing:inherit;color:inherit;vertical-align:baseline;border:0;border-bottom:2px solid;border-radius:.3125rem .3125rem 1px 1px;outline:none;margin:0;padding:0 .4ch;transition:background .2s,border-color .2s}.slot input:focus{outline-offset:1px;background:#ffffff94;outline:2px solid #0000;box-shadow:inset 0 -1px}.slot[data-state=ok] input{background:var(--card-ink);color:var(--field-shown);animation:stamp .45s var(--spring);border-bottom-color:#0000;border-radius:.3125rem}.slot[data-state=wrong] input{background:repeating-linear-gradient(-45deg, #12121126 0 1.5px, #0000 1.5px .3125rem), var(--well);animation:nope .42s var(--ease);border-bottom-style:dashed;padding-right:2.1ch}.slot[data-state=wrong]:after{content:"×";pointer-events:none;font-weight:700;position:absolute;top:50%;right:.55ch;translate:0 -52%}.slot[data-state=revealed] input{background:0 0;border:1.5px dashed;border-radius:.3125rem}.slot[data-state=hinted] input{border-bottom-style:dotted}@keyframes stamp{0%{scale:1.18}}@keyframes nope{20%,60%{translate:-.1875rem}40%,80%{translate:.1875rem}}@media (prefers-reduced-motion:reduce){.slot[data-state] input{animation:none}}.card-foot{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:auto;padding-top:1.75rem;display:flex}.foot-left{flex-direction:column;gap:.625rem;min-width:0;display:flex}.note{letter-spacing:-.02em;text-wrap:pretty;max-width:34ch;min-height:1.25em;margin:0;font-size:clamp(1.0625rem,1.8vw,1.375rem);font-weight:600;line-height:1.2}.actions{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.card-foot .actions{margin-bottom:calc((var(--size,5.5rem) - 2.5rem) / 2)}@property --left{syntax:"<number>";inherits:true;initial-value:1}.dial{align-items:center;gap:1.125rem;transition:--left .25s linear;display:flex}.dial .round-button{position:relative}.time{font:500 .9375rem var(--mono);font-variant-numeric:tabular-nums;color:var(--card-faint);transition:color .3s}.round-button .clock{pointer-events:none;width:calc(100% + 1rem);height:calc(100% + 1rem);position:absolute;inset:-.5rem;overflow:visible;rotate:-90deg;scale:1 -1}.round-button .clock circle{fill:none;stroke:var(--card-ink);stroke-width:2.5px;transition:stroke-width .4s var(--spring)}.round-button .clock .track{opacity:.14}.round-button .clock .sweep{stroke-linecap:round;stroke-dasharray:var(--left) 1}.card[data-hurry] .time{color:var(--card-ink);font-weight:700}.card[data-hurry] .clock circle{stroke-width:4.5px}.card[data-hurry] .dial .round-button{animation:beat 1s var(--ease) infinite}@media (prefers-reduced-motion:reduce){.card[data-hurry] .dial .round-button{animation:none}}.card[data-time-up] .dial .round-button{animation:press .4s var(--ease)}@keyframes beat{12%{scale:1.06}}@keyframes press{35%{scale:.9}}.score{text-align:right;margin:0}.score span{margin-top:.75rem;font-size:1rem;font-weight:600;display:block}.score b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;padding-right:.035em;font-size:clamp(9rem,24vw,16rem);font-weight:750;line-height:.76;display:block}.verdict{letter-spacing:-.035em;text-wrap:balance;max-width:18em;margin:.875rem 0 0;font-size:clamp(1.375rem,2.4vw,2rem);font-weight:700;line-height:1.08}.note code,.verdict code,.step-text code{font:600 .88em var(--mono);letter-spacing:0}.facts{flex-wrap:wrap;gap:1.125rem 2.75rem;margin:0;display:flex}.facts dt{color:var(--card-faint);font-size:1rem;font-weight:500}.facts dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:.25rem 0 0;font-size:1.375rem;font-weight:600}.line{border-radius:.3125rem;margin-inline:-.375rem;padding-inline:.375rem;transition:opacity .3s,background .3s}.asm .line,.c .line{min-width:calc(100% + .75rem);display:inline-block}.card[data-stepping] :is(.asm,.c) .line:not(.lit){opacity:.38}.card[data-stepping] .line.lit{background:color-mix(in oklab, var(--card-ink) 9%, transparent)}.step{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.25rem .875rem;display:grid}.step>*{visibility:hidden;opacity:0;grid-row:1;transition:opacity .2s}.step>[data-shown]{visibility:visible;opacity:1}.step-count{font:600 .875rem/1 var(--display);letter-spacing:.08em;color:var(--card-faint);font-variant-numeric:tabular-nums;white-space:nowrap;grid-column:1}.step-text{text-wrap:pretty;grid-column:2;margin:0;font-size:clamp(1rem,1.4vw,1.125rem);font-weight:500;line-height:1.4}.step-text code{white-space:nowrap}.step-text[data-callout]{border:1.5px dashed;border-radius:.75rem;padding:.5rem .75rem}.step-nav{border:1.5px solid var(--card-line);width:2.5rem;height:2.5rem;color:var(--card-ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .2s,opacity .2s;display:grid}@media (hover:hover){.step-nav:hover:not(:disabled){background:#ffffff73}}.step-nav:disabled{opacity:.3;cursor:default}.step-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem}.rounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.375rem,1.2vw,.75rem);margin:auto 0 0;padding:2rem 0 0;list-style:none;display:grid}.rounds li{--field-shown:var(--lightningcss-light,var(--field))var(--lightningcss-dark,color-mix(in oklab, var(--field) 90%, #000));background:var(--field-shown);border-radius:clamp(.75rem,1.8vw,1.25rem);flex-direction:column;justify-content:space-between;gap:.625rem;min-height:clamp(6rem,14vw,8.75rem);padding:clamp(.375rem,1.6vw,1rem);display:flex;container-type:inline-size}.rounds b{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,85cqi,4rem);font-weight:750;line-height:.85}.rounds span{color:var(--card-faint);font-size:clamp(.625rem,22cqi,.875rem);font-weight:600}.rounds li{padding:0}.rounds a{border-radius:inherit;color:inherit;flex-direction:column;flex:1;justify-content:space-between;gap:.625rem;padding:clamp(.375rem,1.6vw,1rem);display:flex;position:relative}.rounds .open{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:.4;width:clamp(.875rem,16cqi,1.25rem);transition:opacity .2s, translate .3s var(--spring);position:absolute;top:clamp(.375rem,1.6vw,1rem);right:clamp(.375rem,1.6vw,1rem)}.rounds a:is(:hover,:focus-visible) .open{opacity:1;translate:2px -2px}.summary .card-foot{padding-top:2rem}.standing{font:inherit;letter-spacing:inherit;color:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:.09em}@media (hover:hover){.standing:hover{text-decoration-thickness:.16em}}.facts .name{field-sizing:content;min-inline-size:2ch;max-inline-size:17ch;font:inherit;letter-spacing:inherit;color:inherit;text-underline-offset:.18em;background:0 0;border:0;border-radius:.1875em;outline:none;margin:0;padding:0;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:.09em;transition:background .2s,box-shadow .2s}.facts .name::placeholder{color:var(--lightningcss-light,#12121170)var(--lightningcss-dark,#12121185)}@media (hover:hover){.facts .name:hover{--well-solid:color-mix(in srgb, var(--field-shown), #121211 6%);background:var(--well-solid);box-shadow:0 0 0 .25em var(--well-solid)}}.facts .name:focus{--well-solid:color-mix(in srgb, var(--field-shown), #fff 58%);background:var(--well-solid);box-shadow:0 0 0 .25em var(--well-solid);outline:2px solid #0000}.oops{margin:auto;font-size:1.25rem;font-weight:600}.home{width:min(100%,47.5rem);min-height:min(52.5rem, calc(100dvh - 2 * var(--bar) - 1.75rem));--ground:var(--lightningcss-light,#121211)var(--lightningcss-dark,#1c1c1e);background:var(--ground);color:#f1f0ea;box-shadow:var(--card-shadow), inset 0 0 0 1px var(--lightningcss-light,#0000)var(--lightningcss-dark,#ffffff12);--title:clamp(4.125rem, 17vw, 9.75rem);border-radius:clamp(1.5rem,3vw,2.125rem);flex-direction:column;padding:clamp(1.5rem,5.5vw,3.25rem);display:flex}.home h1{font-size:var(--title);letter-spacing:-.045em;margin:0 0 clamp(1.25rem,4vw,2.5rem) -.03em;font-weight:750;line-height:.82}.home h1 .hole{text-underline-offset:.09em;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-decoration:underline;text-decoration-thickness:.055em}.home-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(1.25rem,4vw,2.5rem);display:flex}.home-top h1{margin-bottom:0}.board-button{width:4.5rem;height:4.5rem;color:inherit;cursor:pointer;translate:0 calc(var(--title) * .06);transition:background .3s, scale .45s var(--spring);background:#f1f0ea12;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.board-button svg{width:2.625rem;height:2.625rem}.board-button rect{transform-box:fill-box;transform-origin:50% 100%}@media (hover:hover){.board-button:hover{background:#f1f0ea21;scale:1.06}}.board-button:active{scale:.94}.board-button:focus-visible{outline-offset:.25rem;outline:2px solid}@media (hover:hover) and (prefers-reduced-motion:no-preference){.board-button:hover rect{animation:rise .55s var(--spring) both}.board-button:hover rect:first-child{animation-delay:80ms}.board-button:hover rect:nth-child(2){animation-delay:.16s}}@keyframes rise{0%{scale:1 .2}}.lede{letter-spacing:-.025em;max-width:21em;color:color-mix(in oklab, currentColor 64%, transparent);text-wrap:pretty;margin:0 0 .8em;font-size:clamp(1.25rem,2.7vw,1.875rem);font-weight:500;line-height:1.18}.home-foot{margin-top:auto;padding-top:2rem}.ask{margin:0 0 1.125rem;font-size:1.0625rem;font-weight:600}.daily-slot{flex-direction:column;align-items:center;display:flex}.choices{--choice:6rem;flex-wrap:wrap;align-items:flex-end;gap:1.125rem 1.625rem;display:flex}.choice{flex-direction:column;align-items:center;gap:.1875rem;font-size:.9375rem;font-weight:600;display:flex}.choice .round-button{--size:var(--choice);margin:.4375rem}.choice small{color:color-mix(in oklab, currentColor 60%, transparent);font-weight:500}.choice:focus-visible{outline:none}.choice:focus-visible .round-button{outline-offset:.25rem;outline:2px solid}.choice:focus-visible .daily-ring{outline-offset:.75rem}.choice .round-button{transition:scale .45s var(--spring), background .3s, box-shadow .3s}@media (hover:hover){.choice .round-button:hover{background:var(--mode);box-shadow:0 1px 2px #0000001f, 0 1.125rem 2.25rem -.875rem color-mix(in oklab, var(--mode) 70%, #000);scale:1.08}}.choice:active .round-button{scale:.94}.choice.daily{--mode:var(--daily)}.choice.infinite{--mode:var(--infinite)}.drill-choice{--mode:var(--drill)}.daily-ring{position:relative}.daily-ring .ring{pointer-events:none;width:calc(100% + .875rem);height:calc(100% + .875rem);transition:rotate .7s var(--spring);position:absolute;inset:-.4375rem;rotate:-90deg}.daily-ring .ring circle{fill:none;stroke-width:6px;stroke-linecap:round}.daily-ring b{letter-spacing:-.04em;font-size:1.375rem;font-weight:750}@media (hover:hover) and (prefers-reduced-motion:no-preference){.daily-ring:hover .ring{rotate:-18deg}.choice.infinite .round-button:hover .runner{opacity:1;animation:1.1s linear infinite run}.choice.infinite .round-button:hover .loop{opacity:.25}.drill-choice .round-button:hover .sight{scale:.78}.drill-choice .round-button:hover .tick:first-of-type{translate:0 .15625rem}.drill-choice .round-button:hover .tick:nth-of-type(2){translate:-.15625rem}.drill-choice .round-button:hover .tick:nth-of-type(3){translate:0 -.15625rem}.drill-choice .round-button:hover .tick:nth-of-type(4){translate:.15625rem}.drill-choice .round-button:hover .dot{opacity:1}}.infinite svg .loop{transition:opacity .3s}.infinite svg .runner{opacity:0;stroke-dasharray:.3 .7;stroke-width:2.6px}@keyframes run{to{stroke-dashoffset:-1px}}.drill-choice svg .sight,.drill-choice svg .tick{transform-box:fill-box;transform-origin:50%;transition:scale .4s var(--spring), translate .4s var(--spring)}.drill-choice svg .dot{fill:currentColor;stroke:none;opacity:0;transition:opacity .2s}.drill{isolation:isolate;margin-left:auto;position:relative}.drill-choice{white-space:nowrap;width:7rem}.tuning,.topics{position:absolute;inset:0}.tuning{z-index:-1;visibility:hidden;transition:visibility 0s .3s}.drill[data-open] .tuning{visibility:visible;transition:none}.capsule{--delay:calc(var(--i,0) * 35ms);opacity:0;translate:var(--back,0 0);transition:opacity .15s, translate .28s var(--ease), scale .28s var(--ease), background .2s, color .2s, transform .25s var(--spring);position:absolute;scale:.3}.drill[data-open] .capsule{opacity:1;transition:opacity .25s var(--delay), translate .6s var(--spring) var(--delay), scale .6s var(--spring) var(--delay), background .2s, color .2s, transform .25s var(--spring);translate:0;scale:1}@media (prefers-reduced-motion:reduce){.capsule{translate:0;scale:1}}.knob{z-index:1;top:calc(var(--choice) - 1.375rem);aspect-ratio:1;border:1.5px solid color-mix(in oklab, currentColor 30%, transparent);background:var(--ground);cursor:pointer;width:2.25rem;transition:background .2s, color .2s, rotate .45s var(--spring);border-radius:50%;place-items:center;padding:0;display:none;position:absolute;right:-.25rem}.knob svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:1.125rem}.knob[aria-expanded=true]{color:#121211;background:#f1f0ea;border-color:#0000;rotate:180deg}.knob:focus-visible{outline-offset:2px;outline:2px solid #f1f0ea}@media (hover:none){.knob{display:grid}}.daily-pick{position:relative}.calendar-knob{right:auto;left:calc(50% + var(--choice) / 2 - 1.5rem);display:grid}@media (hover:hover){.calendar-knob:hover{color:#121211;background:#f1f0ea;border-color:#0000}}.bars{border-radius:var(--round);background:#f1f0ea14;align-items:flex-end;gap:.1875rem;height:2.25rem;padding:.5rem .875rem;display:flex}.meter-bar{cursor:pointer;transform-origin:bottom;width:.6875rem;transition:background .2s, scale .4s var(--spring);background:#f1f0ea29;border:0;border-radius:.125rem;padding:0}.meter-bar:first-child{height:40%}.meter-bar:nth-child(2){height:70%}.meter-bar:nth-child(3){height:100%}.meter-bar:active{scale:1 .85}.tuning[data-level=easy] .meter-bar:nth-child(-n+1),.tuning[data-level=medium] .meter-bar:nth-child(-n+2),.tuning[data-level=hard] .meter-bar{background:#f1f0ea}@media (hover:hover){.bars:has(.meter-bar:hover) .meter-bar{background:#f1f0ea29;animation:none}.bars:has(.meter-bar:hover) .meter-bar:is(:hover,:has(~.meter-bar:hover)){background:oklab(95.4248% -.00124148 .00794584/.8)}}.tuning[data-level=adaptive] .meter-bar{background:oklab(95.4248% -.00124148 .00794584/.75);animation:1.2s ease-in-out infinite alternate level-hunt}.tuning[data-level=adaptive] .meter-bar:nth-child(2){animation-delay:-.4s}.tuning[data-level=adaptive] .meter-bar:nth-child(3){animation-delay:-.8s}@media (prefers-reduced-motion:reduce){.tuning[data-level=adaptive] .meter-bar{animation:none}}@keyframes level-hunt{0%{scale:1 .4}}.chip{border-radius:var(--round);color:oklab(95.4248% -.00124148 .00794584/.66);white-space:nowrap;cursor:pointer;background:#f1f0ea14;border:0;height:2.25rem;padding:0 .9375rem;font-size:.9375rem;font-weight:600}.chip[aria-pressed=true]{color:#121211;background:#f1f0ea}.chip:active{transform:scale(.94)}@media (hover:hover){.chip[aria-pressed=false]:hover{color:#f1f0ea;background:#f1f0ea24}}:is(.meter-bar,.chip):focus-visible{outline-offset:2px;outline:2px solid #f1f0ea}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --reach{syntax:"<length>";inherits:false;initial-value:0}.home{--daily:oklch(84% .07 150);--infinite:oklch(82% .065 310);--drill:oklch(81% .075 45)}.glows{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.glows>*{--reach:calc(40rem - var(--dark) * 6rem);--falloff:#000000a8, #0000008f 6%, #00000070 14%, #00000052 25%, #00000036 38%, #0000001f 52%, #0000000f 67%, #00000006 82%, #0000;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='3' intercept='-1'/%3E%3CfeFuncG type='linear' slope='3' intercept='-1'/%3E%3CfeFuncB type='linear' slope='3' intercept='-1'/%3E%3CfeFuncA type='table' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 180px;--core:#fffcf0;border-radius:inherit;background-blend-mode:soft-light, normal, normal;mix-blend-mode:plus-lighter;opacity:0;transition:opacity .7s var(--ease);position:absolute;inset:0}.glows>*:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--rim,#f1f0eab3);position:absolute;inset:0}.glows>[data-lit]{opacity:calc(1 - var(--dark) * .25);transition-duration:.35s}.glows>:not([data-lit]){animation-play-state:paused}[data-for=daily]{--at:circle var(--reach) at var(--x) var(--y);background:var(--grain), radial-gradient(circle calc(var(--reach) * .2) at var(--x) var(--y), var(--core), transparent), conic-gradient(in oklch from var(--spin) at var(--x) var(--y), var(--spectrum));-webkit-mask:radial-gradient(var(--at), var(--falloff));mask:radial-gradient(var(--at), var(--falloff));animation:14s linear infinite spin}[data-for=daily][data-lit]{animation:spin 14s linear infinite, bloom 1.1s var(--ease)}[data-for=infinite]{--at:ellipse calc(var(--reach) * .95) calc(var(--reach) * .42) at var(--x) var(--y);background:var(--grain), radial-gradient(ellipse calc(var(--reach) * .24) calc(var(--reach) * .1) at var(--x) var(--y), var(--core), transparent), linear-gradient(in oklch 90deg, oklch(80% .15 310), oklch(78% .13 255), oklch(82% .13 350), oklch(80% .15 310)) 0 0 / 40rem 100%;-webkit-mask:radial-gradient(var(--at), var(--falloff));mask:radial-gradient(var(--at), var(--falloff));animation:24s linear infinite drift}[data-for=infinite][data-lit]{animation:drift 24s linear infinite, bloom 1.1s var(--ease)}[data-for=drill]{--at:ellipse calc(var(--reach) * 1.05) calc(var(--reach) * .82) at 100% 100%;--rim:oklch(92% .08 70/.8);--core:oklch(95% .08 80);background:var(--grain), radial-gradient(ellipse calc(var(--reach) * .22) calc(var(--reach) * .17) at 100% 100%, var(--core), transparent), radial-gradient(in oklch var(--at), oklch(88% .15 80), oklch(80% .16 45) 45%, oklch(74% .15 10));-webkit-mask:radial-gradient(var(--at), var(--falloff));mask:radial-gradient(var(--at), var(--falloff))}[data-for=drill][data-lit]{animation:bloom 1.1s var(--ease)}@media (prefers-reduced-motion:reduce){.glows>[data-for]{animation:none}}@keyframes spin{to{--spin:360deg}}@keyframes drift{to{background-position-x:0,0,40rem}}@keyframes bloom{0%{--reach:26rem}}.home{isolation:isolate;position:relative;overflow:clip}.home:before,.home:after{content:"";z-index:2;opacity:0;pointer-events:none;position:absolute}.home:before{background:repeating-linear-gradient(#f1f0ea12 0 1px, #0000 1px 3px), linear-gradient(color-mix(in oklab, var(--drill) 8%, #0000), color-mix(in oklab, var(--drill) 8%, #0000));inset:0}.home:after{background:linear-gradient(#0000, color-mix(in oklab, var(--drill) 10%, #0000) 55%, color-mix(in oklab, var(--drill) 30%, #0000) calc(100% - 2px), #f1f0eae6 calc(100% - 2px));height:35%;filter:drop-shadow(0 .25rem .5rem color-mix(in oklab, var(--drill) 50%, #0000));inset:0 0 auto}.home[data-tear]:before{animation:.5s linear scanlines}.home[data-tear]:after{animation:.5s cubic-bezier(.45,0,.3,1) scan}.home[data-tear] h1{animation:.28s step-end slice,.45s step-end split}.home[data-tear] :is(.lede,.ask,.choice>span:last-child){animation:.45s step-end split}.home[data-tear] .drill-choice .round-button{animation:boing .55s var(--spring)}#view>.home[data-tear]{animation:enter .7s var(--ease) both, jolt .36s steps(1)}@keyframes jolt{0%{transform:skew(-1.5deg)}20%{transform:skew(1deg)}45%{transform:none}70%{translate:-1px}to{translate:0}}@keyframes scanlines{0%{opacity:1}12%{opacity:.35}24%{opacity:.9}}@keyframes scan{0%{opacity:1;translate:0 -100%}85%{opacity:1}to{opacity:0;translate:0 286%}}@keyframes slice{0%{clip-path:inset(0 0 55%);translate:-.5rem}25%{clip-path:inset(40% 0 22%);translate:.625rem}50%{clip-path:inset(68% 0 0);translate:-.25rem}75%{clip-path:none;translate:0}}@keyframes split{0%{text-shadow:-.1875rem 0 oklch(80% .13 205/.75),.1875rem 0 oklch(68% .2 20/.75)}30%{text-shadow:.125rem 0 oklch(80% .13 205/.6),-.125rem 0 oklch(68% .2 20/.6)}60%{text-shadow:-1px 0 oklch(80% .13 205/.4),1px 0 oklch(68% .2 20/.4)}80%{text-shadow:none}}@keyframes boing{30%{scale:.88}}.hole{--stamp-bg:var(--ink);--stamp-ink:var(--bg)}.home .hole{--stamp-bg:#f1f0ea;--stamp-ink:#121211}.hole .gone{color:#0000}.hole .typed{animation:typed .45s var(--spring)}@keyframes typed{0%{background:var(--stamp-bg);color:var(--stamp-ink);border-radius:.06em}}.sheet{width:min(40rem,100%);max-width:100%;max-height:90dvh;padding:0 1.5rem max(1.5rem, env(safe-area-inset-bottom));background:var(--surface);color:var(--ink);transition-property:translate,display,overlay;transition-duration:.45s;transition-timing-function:var(--ease);transition-behavior:allow-discrete;border:0;border-radius:2rem 2rem 0 0;margin:0 auto;inset:auto 0 0;translate:0 100%}.sheet::backdrop{transition-behavior:allow-discrete;background:0 0;transition-property:background,display,overlay;transition-duration:.45s}.sheet[data-closing]{pointer-events:none}@media (width>=640px){.sheet{border-radius:2rem;bottom:1.5rem}}@media (prefers-reduced-motion:reduce){.sheet{opacity:0;transition-property:opacity,display,overlay;translate:0}}.sheet[open]{flex-direction:column;display:flex;overflow:hidden}.sheet-body{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.sheet[open]:where(:not([data-closing])){opacity:1;translate:0}@starting-style{.sheet[open]:where(:not([data-closing])){translate:0 100%}@media (prefers-reduced-motion:reduce){.sheet[open]:where(:not([data-closing])){opacity:0;translate:0}}}.sheet[open]:where(:not([data-closing]))::backdrop{background:#0006}@starting-style{.sheet[open]:where(:not([data-closing]))::backdrop{background:0 0}}.grabber{cursor:grab;touch-action:none;place-items:center;height:1.75rem;margin-inline:-1.5rem;display:grid}.grabber:before{content:"";border-radius:var(--round);background:var(--line);width:2.25rem;height:.3125rem}.sheet .sheet-close{z-index:2;color:var(--muted);position:absolute;top:.75rem;right:.75rem}.sheet-body h2{letter-spacing:-.045em;margin:.25rem 0 1rem;font-size:1.75rem;font-weight:700}.help h3{margin:0 0 .625rem;font-size:1rem;font-weight:650}.help code{font-size:.9em}.rules{color:var(--prose);margin:0;padding-left:1.3em;line-height:1.5}.rules li+li{margin-top:.5rem}.about{color:var(--prose);line-height:1.5}.about p{margin:0}.about p+p{margin-top:.5rem}.about h3{color:var(--ink)}.about code{white-space:nowrap}.about a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.rules li::marker{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.keys,.about{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem;font-size:.9375rem}.keys dl{gap:.5rem;margin:0;display:grid}.keys dl div{grid-template-columns:5em 1fr;align-items:center;gap:.75rem;display:grid}.keys dd{color:var(--prose);margin:0}@media not (any-pointer:fine){.keys{display:none}}kbd{background:var(--raised);min-width:1.6em;font:600 .8125rem/1.5 var(--mono);text-align:center;border-radius:.375rem;padding:1px .4375rem;display:inline-block}.cheats{width:min(54rem,100%)}.cheat-grid{columns:2 19rem;column-gap:2.25rem;font-size:.875rem;line-height:1.45}.cheat-grid section{break-inside:avoid;padding-bottom:1.375rem}.cheat-grid h3{margin:0 0 .5rem;font-size:1rem;font-weight:650}.cheat-grid h3 span{color:var(--muted);margin-left:.375rem;font-size:.8125rem;font-weight:500}.cheat-grid dl{gap:.3125rem;margin:0;display:grid}.cheat-grid dl div{grid-template-columns:7rem 1fr;gap:.75rem;display:grid}.cheat-grid dd,.cheat-grid p{color:var(--prose);margin:0}.cheat-grid p{margin-top:.5rem}.cheat-grid code{font-size:.92em}.cheat-grid table{border-collapse:collapse;font:.8125rem/1.6 var(--mono);margin-top:.625rem}.cheat-grid th{font:500 .75rem var(--display);color:var(--muted);text-align:left;padding-right:1.125rem}.cheat-grid td{white-space:nowrap;padding-right:1.125rem}.cheat-grid :is(.suffix,.ctype) td{color:var(--muted)}.cheat-grid .suffix td{padding-top:.25rem}.cheat-grid pre{background:var(--raised);border-radius:.75rem;margin:0;padding:.625rem .75rem;font-size:.78rem;line-height:1.6;overflow-x:auto}.calendar-note{color:var(--muted);margin:-.5rem 0 1.25rem}.calendar-nav{justify-content:space-between;align-items:center;margin:0 -.5rem .25rem;display:flex}.calendar-nav .icon-button:disabled{opacity:.25;cursor:default}.calendar-month{margin:0;font-weight:650}.calendar-grid{border-spacing:clamp(.25rem,1.2vw,.4375rem);table-layout:fixed;width:100%}.calendar-grid th{color:var(--muted);padding:0 0 .125rem;font-size:.75rem;font-weight:600}.calendar-grid abbr{text-decoration:none}.calendar-grid td{padding:0}.day{aspect-ratio:1;font-variant-numeric:tabular-nums;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:.375rem .4375rem;display:flex}.day span{font-size:.75rem;font-weight:600;line-height:1}.day b{letter-spacing:-.04em;align-self:flex-end;font-size:clamp(1rem,4.5vw,1.375rem);font-weight:750;line-height:.9}span.day{opacity:.35}a.day{background:var(--raised);color:var(--ink);transition:scale .3s var(--spring)}@media (hover:hover){a.day:hover{scale:1.06}}a.day:active{scale:.95}a.day.played{background:var(--lightningcss-light,var(--field))var(--lightningcss-dark,color-mix(in oklab, var(--field) 90%, #000));color:#121211}a.day.today{box-shadow:inset 0 0 0 2px var(--ink)}a.day.missed b:after{content:"";aspect-ratio:1;background:var(--muted);border-radius:50%;width:.375rem;display:block}.board-head{z-index:1;background:var(--surface);padding-bottom:1rem;position:sticky;top:0}.board-meta{color:var(--muted);margin:-.625rem 0 0;font-weight:500}.board-note{color:var(--muted);margin:0 0 1rem}.standings{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.standings td{vertical-align:middle;padding:.5rem .375rem}.standings tr+tr td{border-top:1px solid var(--line)}.standings [data-you] td{background:var(--raised)}.standings [data-you] td:first-child{border-radius:.75rem 0 0 .75rem}.standings [data-you] td:last-child{border-radius:0 .75rem .75rem 0}.standings [data-you] td,.standings [data-you]+tr td{border-top-color:#0000}.standings .place{width:2.75rem;color:var(--muted);padding-left:.625rem;font-weight:600}.standings .who{overflow-wrap:anywhere;font-weight:600}.standings .who small{color:var(--muted);margin-left:.25rem;font-size:.8125rem;font-weight:500}.standings .chips{white-space:nowrap;text-align:right}.standings .chips b{--field-shown:var(--lightningcss-light,var(--field))var(--lightningcss-dark,color-mix(in oklab, var(--field) 90%, #000));background:var(--field-shown);width:1.625rem;height:1.625rem;color:var(--card-ink);border-radius:.5rem;place-items:center;margin-left:.1875rem;font-size:.8125rem;font-weight:700;display:inline-grid}.standings .total{text-align:right;letter-spacing:-.02em;width:2.5rem;font-size:1.125rem;font-weight:750}.standings .took{text-align:right;width:4rem;color:var(--muted);padding-right:.625rem}.standings .gap td{text-align:center;letter-spacing:.3em;color:var(--muted);padding-block:.125rem}.keyrow{z-index:10;padding:.375rem max(.375rem, env(safe-area-inset-left)) .375rem max(.375rem, env(safe-area-inset-right));background:color-mix(in oklab, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);border-top:1px solid var(--line);justify-content:space-between;gap:.25rem;display:flex;position:fixed;inset:auto 0 0}.keyrow button{background:var(--raised);height:2.5rem;font:600 1.0625rem var(--mono);touch-action:manipulation;border:0;border-radius:.5rem;flex:1;padding:0}.keyrow button:active{background:var(--ink);color:var(--surface)}.toast{inset:max(1.25rem, env(safe-area-inset-top)) auto auto 50%;border-radius:var(--round);background:var(--ink);color:var(--bg);opacity:0;transition:opacity .25s, translate .4s var(--spring), display .4s allow-discrete, overlay .4s allow-discrete;border:0;margin:0;padding:.625rem 1.125rem;font-size:.9375rem;font-weight:500;position:fixed;translate:-50% -.75rem}.toast:popover-open{opacity:1;translate:-50%}@starting-style{.toast:popover-open{opacity:0;translate:-50% -.75rem}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(theme-toggle){animation:spin-out calc(var(--theme-switch) * .55) var(--ease) both}::view-transition-new(theme-toggle){animation:spin-in var(--theme-switch) var(--spring) both}@keyframes spin-out{to{opacity:0;rotate:90deg;scale:.4}}@keyframes spin-in{0%{opacity:0;rotate:-120deg;scale:.4}}@property --fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes pane-fade{0%,96%{--fade:2rem}to{--fade:0px}}@media (width>760px) and (height>=480px){.face{max-height:calc(100dvh - 2 * var(--bar))}.face .panes{grid-template-rows:minmax(0,1fr);min-height:0}.asm,.c{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;-webkit-mask-image:linear-gradient(#000 calc(100% - var(--fade)), #0000);mask-image:linear-gradient(#000 calc(100% - var(--fade)), #0000);animation:linear both pane-fade;animation-timeline:scroll(self);overflow-y:auto}.side{min-height:0}.c{flex:1}.slot input{scroll-margin-block:.5rem 2.5rem}}@media (width>760px) and (480px<=height<=768px){.face{min-height:min(45rem, calc(100dvh - 2 * var(--bar)));padding:2.25rem}.home{min-height:min(52.5rem, calc(100dvh - 2 * var(--bar)))}.big b{font-size:clamp(4rem,7vw,5.25rem)}.panes{margin-top:.875rem}.pane{padding-top:.875rem}.pane figcaption{margin-bottom:.5rem}pre{line-height:1.55}.slot input{height:1.4em}.card-foot{padding-top:1rem}}@media (width<=760px){:is(.panes,.panes:has(.table)){grid-template-columns:minmax(0,1fr)}.pane+.pane{border-left:0;border-top:1.5px solid var(--card-line);padding-left:0}.pane:first-child{padding-bottom:1.25rem;padding-right:0}.face{min-height:calc(100dvh - 6.875rem)}.big b{font-size:3.75rem}.big span{white-space:nowrap;font-size:.875rem}pre{font-size:.9375rem}.c pre{padding-right:1.25rem;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.25rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.25rem),#0000)}.card-foot{--size:4.5rem;gap:.75rem}.step{grid-template-columns:minmax(0,1fr)}.step-text{grid-area:2/1}.choices{--choice:5.25rem;row-gap:1.75rem}.board-button{width:3.5rem;height:3.5rem}.board-button svg{width:2rem;height:2rem}.chip,.bars{height:2rem}.chip{padding:0 .75rem;font-size:.875rem}.facts{column-gap:1.25rem}.facts dt{font-size:.875rem}}@media (pointer:coarse){.slot input{scroll-margin-block:1.5rem 5.25rem;font-size:max(16px,1em)}}body:has(>.keyrow:not([hidden])) #view{padding-bottom:calc(3.3125rem + max(1.75rem, env(safe-area-inset-bottom)))}@media (forced-colors:active){.slot[data-state=ok] input{forced-color-adjust:none;color:canvas;background:canvastext}.level-switch label:has(:checked){forced-color-adjust:none;color:selecteditemtext;background:selecteditem}.round-button,.sheet,.toast{border:1px solid canvastext}}