@layer pages{body:has(.game-well){overflow-anchor:none}.play-modes{display:grid;gap:var(--space-3)}.mode{display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-3);align-content:start;padding:var(--space-4) var(--space-5) var(--space-5);border:var(--rule-w) solid var(--rule);border-radius:var(--radius-lg)}.mode-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.ready .mode-label{color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ready .mode-daily:not([data-done]) .mode-head .mode-label,.ready .play-modes:has(.mode-daily[data-done]) .mode-solo .mode-label{color:var(--red-ink)}.ready .mode-shift{flex-basis:100%;color:var(--red-ink);font-size:var(--step--1);font-weight:650}.ready .mode-line{color:var(--ink-1)}.mode-btn{inline-size:100%;justify-content:center;gap:var(--space-2)}.mode-btn:not(.btn-primary) .mode-arrow{display:none}.mode-daily[data-done]{grid-template-rows:auto;padding:var(--space-4);border-color:transparent;background:color-mix(in oklab,var(--band-1),var(--well) 45%)}.mode-done{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check head next" "check best next";align-items:center;column-gap:var(--space-3)}.mode-check{display:grid;grid-area:check;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:50%;background:var(--right);color:var(--well)}.mode-check svg{inline-size:55%;block-size:55%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mode-done-head{grid-area:head}.mode-done-head .mode-label{display:none}.ready .mode-done-title{color:var(--ink-1);font-weight:750}.mode-facts{display:contents}.mode-fact{display:flex;align-items:baseline;gap:var(--space-1)}.mode-fact-best{grid-area:best}.mode-fact-next{grid-area:next;flex-direction:column;align-items:end;gap:0}.mode-fact dt{color:var(--ink-3);font-size:var(--step--1)}.mode-fact dd{color:var(--ink-3);font-family:var(--font-numbers);font-size:var(--step--1);font-variant-numeric:tabular-nums slashed-zero}.mode-fact dd b{color:var(--ink-1);font-weight:800}.mode-fact-next dd{color:var(--ink-1);font-size:var(--step-1);font-weight:700;letter-spacing:.04em}.mode-wide{display:none}@container well (width >= 40rem){.play-modes{grid-template-columns:1fr 1fr;gap:var(--space-4)}.mode-wide{display:inline}.mode-narrow{display:none}.mode-daily[data-done]{padding:var(--space-5)}.mode-done{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"check head" "facts facts";row-gap:var(--space-5)}.mode-check{inline-size:3rem;block-size:3rem}.mode-done-head{display:grid}.mode-done-head .mode-label{display:block}.ready .mode-done-title{font-size:var(--step-1)}.mode-facts{display:grid;grid-area:facts;grid-template-columns:1fr 1fr;border-radius:var(--radius);background:var(--well)}.mode-fact,.mode-fact-next{grid-area:auto;flex-direction:row;align-items:baseline;justify-content:space-between;padding:var(--space-3) var(--space-4)}.mode-fact+.mode-fact{border-inline-start:var(--rule-w) solid var(--rule)}.mode-fact dt{white-space:nowrap}.mode-fact dd,.mode-fact-next dd{font-size:var(--step-0)}}.relax{display:flex;align-items:center;gap:var(--space-3);justify-self:start;min-block-size:var(--touch-min);cursor:pointer}.relax-switch{flex:none;inline-size:3rem;block-size:1.75rem;margin:0;border-radius:var(--pill);appearance:none;background:radial-gradient(circle closest-side,var(--well) 82%,transparent 88%) .125rem 50% / 1.5rem 1.5rem no-repeat,color-mix(in oklab,var(--red-soft),var(--line-strong) 30%);cursor:pointer;transition:background-position var(--dur-2) var(--ease-out)}.relax-switch:checked{background:radial-gradient(circle closest-side,var(--well) 82%,transparent 88%) calc(100% - .125rem) 50% / 1.5rem 1.5rem no-repeat,var(--red)}@media(prefers-reduced-motion:reduce){.relax-switch{transition:none}}@media(forced-colors:active){.relax-switch{border:var(--rule-w) solid CanvasText}}.relax-text{display:grid}.ready .relax-name{color:var(--ink-1);font-weight:700}.ready .relax-hint{color:var(--ink-3);font-size:var(--step--1)}.choice-line{margin:0;color:var(--ink-1);font-size:var(--step-2);font-weight:650;line-height:1.3;letter-spacing:var(--track-1)}.choice-line strong,.choice-prompt strong{color:var(--ink-1);font-weight:800;text-decoration:underline var(--pen) .1em;text-underline-offset:.16em;text-decoration-skip-ink:none}.choice-ask{color:var(--ink-3);font-size:var(--step--1);font-weight:650}.choice-ask:not([hidden])+.options{margin-block-start:calc(-1 * var(--space-3))}.reveal-crowd{color:var(--ink-3);font-size:var(--step--1)}.choice-game[data-look=desk]{position:relative}[data-look=desk] .desk-pin{display:block;position:absolute;inset-block-start:calc(-1 * var(--space-5) - 1.4rem);inset-inline-start:50%;inline-size:1.75rem;translate:-50% 0;filter:drop-shadow(0 .25rem .2rem color-mix(in oklab,var(--deep) 30%,transparent))}.desk-pin-needle{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-linecap:round}.desk-pin-head{fill:var(--red);stroke:var(--red-deep);stroke-width:1.5;stroke-linejoin:round}.desk-pin-shine{fill:color-mix(in oklab,var(--well) 70%,transparent)}[data-look=desk] :is(.game-tally,.verdict){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-look=desk] .game-head{display:block}[data-look=desk] .desk-tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3)}.desk-round,.desk-score{display:flex;align-items:center;gap:var(--space-3);color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.desk-dots{display:inline-flex;gap:var(--space-1)}.desk-dot{inline-size:.75rem;block-size:.75rem;border:var(--stroke) dashed var(--line-strong);border-radius:50%}.desk-dot[data-state=done]{border-style:solid;border-color:var(--ink-1);background:var(--ink-1)}.desk-dot[data-state=now]{border-style:solid;border-color:var(--red)}.desk-dots:has(>:nth-child(7)){gap:.2rem}.desk-dots:has(>:nth-child(7))>.desk-dot{inline-size:.6rem;block-size:.6rem}[data-look=desk] .desk-score{margin-inline-start:auto}.desk-n{color:var(--ink-3);font-size:var(--step--1);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.desk-n b{color:var(--ink-1)}.desk-gain{color:var(--right);font-family:var(--font-hand);font-size:var(--step-1);font-weight:700;letter-spacing:0;text-transform:none}[data-look=desk] .desk-run{display:inline;color:var(--pen);font-family:var(--font-hand);font-size:var(--step-0);font-weight:700;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap}.desk-tiles{display:inline-flex;gap:.15rem}.desk-tile{display:grid;place-items:center;inline-size:1.4rem;block-size:1.9rem;border-radius:.3rem;background:var(--ink-1);color:var(--well);font-family:var(--font-numbers);font-size:var(--step-0);font-weight:800;font-variant-numeric:tabular-nums slashed-zero;letter-spacing:0}[data-look=desk] .meter{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cup head badge" "cup track badge";align-items:center;gap:var(--space-1) var(--space-3)}[data-look=desk] .meter-cup{display:block;grid-area:cup;inline-size:2rem;color:var(--ink-1)}.meter-cup-body{fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.meter-cup-steam{fill:none;stroke:var(--line-strong);stroke-width:1.5;stroke-linecap:round}.meter-cup-coffee{fill:var(--coffee);transform:scaleY(var(--fill, 0));transform-box:fill-box;transform-origin:bottom;transition:transform var(--dur-4) linear}[data-look=desk] .meter:not([data-state=hot]) .meter-cup-steam{visibility:hidden}[data-look=desk] .meter-head{grid-area:head;align-items:end}[data-look=desk] .meter-head>span:first-child{font-size:var(--step--2);font-weight:700;letter-spacing:.16em;text-transform:uppercase}[data-look=desk] .meter-head [data-out=bonus]{display:none}[data-look=desk] .meter-note{display:block;color:var(--ink-2);font-family:var(--font-hand);font-size:var(--step-0);font-weight:700;line-height:1}[data-look=desk] .meter[data-state=banked] .meter-note{color:var(--right)}[data-look=desk] .meter-track{grid-area:track;block-size:1rem;border:var(--stroke) solid var(--ink-1);background:var(--red-soft);box-shadow:none}[data-look=desk] .meter-fill,[data-look=desk] .meter[data-low] .meter-fill{background:linear-gradient(to bottom,var(--coffee),var(--coffee-2))}[data-look=desk] .meter-badge{display:grid;grid-area:badge;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:var(--stroke) solid var(--ink-1);border-radius:50%;background:var(--note);color:var(--ink-1);font-size:var(--step--1);font-weight:800;font-variant-numeric:tabular-nums}[data-look=desk] .meter[data-state=cold] .meter-badge{background:var(--red-soft);color:var(--ink-3)}[data-look=desk] .meter[data-state=banked] .meter-badge{background:var(--right);color:var(--well)}[data-look=desk] .quote-card{position:relative;isolation:isolate;display:grid;gap:var(--space-2);padding:var(--space-5)}[data-look=desk] .quote-card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--review-paper);box-shadow:var(--paper-shadow);rotate:-.6deg}[data-look=desk] .quote-card-label{display:block;color:var(--red-ink);font-size:var(--step--2);font-weight:700;letter-spacing:.2em;text-transform:uppercase}[data-look=desk] .choice-line{font-size:var(--step-3);font-weight:800;line-height:1.25;quotes:"\201c" "\201d"}[data-look=desk] .choice-line p:before{content:open-quote}[data-look=desk] .choice-line p:after{content:close-quote}[data-look=desk] .choice-line strong{padding-inline:.12em;border-radius:.2em;background:var(--note);text-decoration:none;box-decoration-break:clone}[data-look=desk] .option{position:relative;background:var(--well)}[data-look=desk] .option .mark{display:none}[data-look=desk] .option-key{display:grid;flex:none;place-items:center;inline-size:1.75rem;block-size:1.75rem;border:var(--stroke) solid var(--ink-1);border-radius:.3rem;font-size:var(--step--1);font-weight:800}[data-look=desk] .option [data-out=option]{flex:1}[data-look=desk] .option-note{display:block;flex:none;font-family:var(--font-hand);font-size:var(--step-1);font-weight:700;line-height:1}[data-look=desk] .options:has([data-verdict])>li:not(:has([data-verdict])){display:block}[data-look=desk] .options:has([data-verdict]) .option:not([data-verdict]){border-color:var(--rule);background:none;box-shadow:none;color:var(--ink-3)}[data-look=desk] .options:has([data-verdict]) .option:not([data-verdict]) .option-key{border-color:var(--line-strong)}[data-look=desk] .option[data-verdict] .option-key{position:relative;font-size:0}[data-look=desk] .option[data-verdict] .option-key:before{content:"";position:absolute;inset:12%;background:currentColor;mask:center / contain no-repeat}[data-look=desk] .option[data-verdict=right]{border-color:var(--rule);background:var(--well)}[data-look=desk] .option[data-verdict=right] :is(.option-key,.option-note){border-color:var(--right);color:var(--right)}[data-look=desk] .option[data-verdict=right] .option-key:before{mask-image:url("/css/pen-tick-IZV7BVQG.svg")}[data-look=desk] .option[data-verdict=right]:after{content:"";position:absolute;inset:-.55rem -.85rem;background:var(--right);mask:url("/css/pen-circle-WKNVOLYC.svg") center / 100% 100% no-repeat;pointer-events:none}[data-look=desk] .option[data-verdict=wrong] :is(.option-key,.option-note,[data-out=option]){border-color:var(--wrong);color:var(--wrong)}[data-look=desk] .option[data-verdict=wrong] .option-key:before{mask-image:url("/css/pen-cross-EXJYPOZM.svg")}[data-look=desk] .option[data-verdict=wrong] [data-out=option]{text-decoration:line-through var(--wrong) .1em}@media(forced-colors:active){[data-look=desk] .option[data-verdict] .option-key{font-size:var(--step--1)}[data-look=desk] .option[data-verdict] .option-key:before{content:none}}[data-look=desk] .options-pair .option{justify-content:center}[data-look=desk] .options-pair :is(.option-key,.option-note){display:none}[data-look=desk] .options-pair .option [data-out=option]{flex:none;padding:.32em .6em .26em;border:min(.12em,.3rem) solid currentColor;border-radius:.14em;font-size:var(--step-1);font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;mask:url("/css/ink-wear-YETHLQZF.webp") 38% 12% / 14em 7em repeat}.truth-stamp{position:absolute;inset-block-end:var(--space-4);inset-inline-end:var(--space-4);z-index:1;font-size:var(--step-2);pointer-events:none;mix-blend-mode:multiply}[data-look=desk] .reveal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding-block-start:var(--space-5);border-block-start:var(--rule-w) dashed var(--line-strong)}[data-look=desk] .reveal>*+*{margin-block-start:0}[data-look=desk] .reveal-stamp{display:inline-grid;justify-items:center;gap:var(--space-1);color:var(--wrong);font-size:var(--step-2)}[data-look=desk] .reveal-stamp[data-right]{color:var(--right)}.reveal-stamp-math{padding-block-start:.25em;border-block-start:var(--rule-w) solid currentColor;font-family:var(--font-numbers);font-size:var(--step--2);letter-spacing:.04em;text-transform:none}[data-look=desk] .reveal-fact{padding:var(--space-4) var(--space-5);background:var(--note);box-shadow:0 .75rem 1rem -.75rem color-mix(in oklab,var(--deep) 40%,transparent);rotate:-.6deg}[data-look=desk] .reveal-fact-label{display:block;color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.16em;text-transform:uppercase}[data-look=desk] .reveal-fact [data-out=about]{color:var(--ink-1);font-family:var(--font-hand);font-size:var(--step-1);font-weight:600;line-height:1.25}[data-look=desk] .reveal .controls{position:sticky;inset-block-end:var(--space-3);margin:0}[data-look=desk] .next-arrow{display:inline}[data-look=desk] [data-act=next]{gap:var(--space-2)}@container well (width < 40rem){[data-look=desk]{gap:var(--space-4)}[data-look=desk] .desk-mode{display:none}[data-look=desk] .desk-tally:is(:has(.desk-run),:has(.desk-dot:nth-child(7))):not(:has(.desk-run):has(.desk-dot:nth-child(7))) .desk-score-label{display:none}[data-look=desk] .desk-tally:is(:has(.desk-run),:has(.desk-dot:nth-child(7))):not(:has(.desk-run):has(.desk-dot:nth-child(7))) .desk-score{position:relative}[data-look=desk] .desk-tally:is(:has(.desk-run),:has(.desk-dot:nth-child(7))):not(:has(.desk-run):has(.desk-dot:nth-child(7))) .desk-gain{position:absolute;inset-block-end:100%;inset-inline-end:0;line-height:1}[data-look=desk] .desk-tally:has(.desk-run):has(.desk-dot:nth-child(7)) .desk-score{flex-basis:100%;justify-content:end}[data-look=desk] .meter-cup{inline-size:1.75rem}[data-look=desk] .meter-badge{inline-size:2.25rem;block-size:2.25rem;font-size:var(--step--2)}[data-look=desk] .quote-card{gap:var(--space-1);padding:var(--space-4)}[data-look=desk] .choice-line{font-size:var(--step-1)}[data-look=desk] [data-ask=wide]~.choice-ask{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-look=desk] .options{gap:var(--space-2);margin-block-start:0}[data-look=desk] .option{min-block-size:var(--touch-min);padding-block:var(--space-2);line-height:1.3}[data-look=desk] .reveal{grid-template-columns:minmax(0,1fr);grid-template-areas:"fact" "next"}[data-look=desk] .reveal-fact{grid-area:fact;padding-inline-end:var(--space-6)}[data-look=desk] .reveal-stamp{position:relative;z-index:1;grid-area:fact;align-self:start;justify-self:end;margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-2)) 0 0;font-size:var(--step-0)}[data-look=desk] .reveal .controls{position:sticky;inset-block-end:0;grid-area:next;padding-block:var(--space-2) max(var(--space-2),env(safe-area-inset-bottom));background:var(--paper)}[data-look=desk] .reveal .controls:before{content:"";position:absolute;inset-block-end:100%;inset-inline:0;block-size:var(--space-4);background:linear-gradient(to top,var(--paper),transparent);pointer-events:none}[data-look=desk] .reveal .controls .btn{inline-size:100%;justify-content:center}}.result-recipe{color:var(--ink-2);font-size:var(--step--1)}}@layer pages{.rules-game{--sheet: var(--paper);gap:var(--space-4);inline-size:100%;max-inline-size:calc(var(--measure) + 2 * var(--space-5));margin-inline:auto}.rules-game .game-head{flex-wrap:nowrap}.rules-mode{font-size:var(--step--2);font-weight:700;letter-spacing:.16em;text-transform:uppercase}.rules-cup{display:contents}@container well (width < 30rem){.rules-mode{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.rules-wizard{position:relative;display:grid;gap:var(--space-4);padding:var(--space-5) var(--space-4) var(--space-5);border-radius:var(--radius-paper);background:var(--sheet);box-shadow:var(--paper-shadow)}.rules-head{display:grid;gap:var(--space-1)}.rules-org{display:flex;align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--step--2);font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rules-org:before{content:"";inline-size:.7em;block-size:.7em;background:var(--ink-1);rotate:45deg}.rules-title{color:var(--ink-1);font-size:var(--step-1);font-weight:800;line-height:1.15;letter-spacing:var(--track-2)}.rules-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-block-start:var(--space-2)}.rules-meta>div{flex:1 1 auto;padding-block-end:var(--space-1);border-block-end:var(--rule-w) solid var(--line-strong)}.rules-meta dt{color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rules-meta dd{color:var(--ink-1);font-size:var(--step--1);font-weight:650}.rules-progress{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);border:var(--rule-w) solid var(--ink-1)}.rules-office{color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rules-step{color:var(--ink-1);font-size:var(--step--1);font-weight:700;font-variant-numeric:tabular-nums}.rules-dots{display:flex;flex-wrap:wrap;flex-basis:100%;gap:var(--space-2);list-style:none}.rules-dots li{position:relative;inline-size:.875rem;block-size:.875rem;border:var(--rule-w) dashed var(--line-strong)}.rules-dots li:is([data-state=done],[data-state=on],[data-pass]){border-style:solid;border-color:var(--ink-2)}.rules-dots li[data-state=on]{border:var(--stroke) solid var(--ink-1)}.rules-dots li[data-pass]:after{content:"";position:absolute;inset:-40% -40% -10% -10%;background:currentColor;mask:center / contain no-repeat}.rules-dots li[data-pass=true]{color:var(--right)}.rules-dots li[data-pass=false]{color:var(--wrong)}.rules-dots li[data-pass=true]:after{mask-image:url("/css/pen-tick-IZV7BVQG.svg")}.rules-dots li[data-pass=false]:after{mask-image:url("/css/pen-cross-EXJYPOZM.svg")}@container well (width < 30rem){.rules-wizard{gap:var(--space-3)}.rules-meta{gap:0 var(--space-3);margin-block-start:var(--space-1);padding-block:var(--space-1);border-block:var(--rule-w) solid var(--line-strong)}.rules-meta>div{display:flex;flex:0 1 auto;align-items:baseline;gap:.4em;padding:0;border:0}.rules-progress{padding-block:var(--space-1) var(--space-2)}.rules-dots{gap:var(--space-1)}.rules-dots li{inline-size:.7rem;block-size:.7rem}}.rules-notes{display:contents}.rules-rule{display:flex;gap:var(--space-3);align-items:start;color:var(--pen);font-family:var(--font-hand);font-size:var(--step-3);font-weight:700;line-height:1.1;text-wrap:pretty}.rules-rule .rules-mark{inline-size:var(--mark);block-size:var(--mark);margin-block-start:.1em}.rules-earlier{display:grid;gap:var(--space-1);list-style:none}.rules-earlier-rule{display:flex;gap:var(--space-2);align-items:start;color:var(--ink-3);font-family:var(--font-hand);font-size:var(--step-1);font-weight:600;line-height:1.15}.rules-earlier-rule[data-state=fail]{color:var(--pen)}.rules-earlier-rule .rules-mark{inline-size:var(--mark-sm);block-size:var(--mark-sm)}.rules-mark{flex:none;position:relative;inline-size:var(--icon);block-size:var(--icon)}:is(.rules-earlier-rule,.rules-rule):is([data-state=pass],[data-state=fail]) .rules-mark:before{content:"";position:absolute;inset:-12%;background:currentColor;mask:center / contain no-repeat}:is(.rules-earlier-rule,.rules-rule)[data-state=pass] .rules-mark{color:var(--right)}:is(.rules-earlier-rule,.rules-rule)[data-state=fail] .rules-mark{color:var(--wrong)}:is(.rules-earlier-rule,.rules-rule)[data-state=pass] .rules-mark:before{mask-image:url("/css/pen-tick-IZV7BVQG.svg")}:is(.rules-earlier-rule,.rules-rule)[data-state=fail] .rules-mark:before{mask-image:url("/css/pen-cross-EXJYPOZM.svg")}.rules-form{display:grid;gap:var(--space-4)}.rules-field{display:grid;gap:var(--space-2);align-content:start}.rules-field>legend{margin-block-end:var(--space-1);color:var(--ink-3);font-size:var(--step--1);font-weight:600}.rules-form .field input{inline-size:100%;min-inline-size:0;border:0;border-block-end:var(--stroke) solid var(--ink-1);border-radius:0;background:color-mix(in oklab,var(--band-1) 70%,transparent);font-size:var(--step-1);box-shadow:none}.rules-form .field input:hover{border-color:var(--ink-1);background:var(--band-1)}.rules-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:var(--space-1) var(--space-4)}.rules-chips-num{grid-template-columns:repeat(6,minmax(0,1fr))}.rules-chip{--box: 1.25rem;--at: var(--space-2);position:relative;display:block;align-content:center;min-block-size:var(--touch-min);padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--at) + var(--box) + var(--space-3));border:0;border-radius:.25rem;background:transparent;color:var(--ink-1);font-weight:600;line-height:1.3;text-align:start;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-2) var(--ease-out)}.rules-chip:before{content:"";position:absolute;inset-inline-start:var(--at);inset-block-start:50%;inline-size:var(--box);block-size:var(--box);translate:0 -50%;border:var(--rule-w) solid var(--line-strong);border-radius:.2rem;background:var(--face);box-shadow:var(--raise);transition:translate var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.rules-chip:has(input[type=radio]):before{border-radius:50%}.rules-chips-num .rules-chip{--at: var(--space-1);padding-inline:calc(var(--at) + var(--box) + var(--space-1)) var(--space-1);font-variant-numeric:tabular-nums}.rules-chip input{position:absolute;inset:0;margin:0;opacity:.001;cursor:pointer}.rules-chip:hover{background:color-mix(in oklab,var(--band-1) 70%,transparent)}.rules-chip:hover:before{translate:0 calc(-50% - var(--rise));box-shadow:var(--raise-hover)}.rules-chip:active:before{translate:0 -50%;box-shadow:var(--sink)}.rules-chip:is(:has(input:checked),[aria-pressed=true]){background:color-mix(in oklab,var(--note) 75%,var(--sheet))}.rules-chip:is(:has(input:checked),[aria-pressed=true]):after{content:"";position:absolute;inset-inline-start:calc(var(--at) - .1 * var(--box));inset-block-start:50%;inline-size:calc(1.3 * var(--box));block-size:calc(1.3 * var(--box));translate:0 -62%;background:var(--ink-1);mask:url("/css/pen-tick-IZV7BVQG.svg") center / contain no-repeat;pointer-events:none}.rules-chip:has(input[type=radio]:checked):after{inset-inline-start:calc(var(--at) + .25 * var(--box));inline-size:calc(.5 * var(--box));block-size:calc(.5 * var(--box));translate:0 -50%;border-radius:50%;mask:none}.rules-chip:has(input:focus-visible){outline:var(--focus-w) solid var(--ink-1);outline-offset:var(--focus-offset)}.rules-note{min-block-size:1lh;font-family:var(--font-hand);font-size:var(--step-1);font-weight:700;line-height:1.1;rotate:-1.5deg;transform-origin:left center}@container well (width < 30rem){.rules-note{min-block-size:2lh}}.rules-lines-field{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"hint hint" "chips chips" "cap count" "draft draft" "note note";gap:var(--space-2) var(--space-3)}.rules-hint{grid-area:hint;color:var(--ink-2);font-size:var(--step--1)}@container well (width < 30rem){.rules-hint{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.rules-lines-field>.rules-chips{grid-area:chips}.rules-cap{grid-area:cap;align-self:end;color:var(--ink-3);font-size:var(--step--2);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rules-count{grid-area:count;align-self:end;color:var(--ink-3);font-size:var(--step--1);font-variant-numeric:tabular-nums}.rules-draft{grid-area:draft;min-block-size:3lh;padding-inline:var(--space-1);background:linear-gradient(transparent calc(1lh - var(--rule-w)),var(--rule) 0) 0 0 / 100% 1lh;color:var(--ink-1);line-height:1.75}.rules-draft:empty:before{content:attr(data-empty);color:var(--ink-3)}.rules-lines-field>.rules-note{grid-area:note}.rules-nav{margin-block-start:var(--space-2)}@media(prefers-reduced-motion:no-preference){.rules-step-in :is(.rules-rule,.rules-earlier,.rules-form){animation:rules-step-in .28s var(--ease-out) both}.rules-step-in .rules-form{animation-delay:60ms}.rules-note-new{animation:rules-write .48s var(--ease-out) both}.rules-rule[data-state=pass] .rules-mark:before{animation:rules-write .3s var(--ease-out) both}}@keyframes rules-step-in{0%{opacity:0;translate:0 var(--space-2)}}@keyframes rules-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(forced-colors:active){.rules-wizard{outline:var(--rule-w) solid CanvasText}.rules-chip:before,.rules-dots li{border-color:CanvasText}.rules-chip:is(:has(input:checked),[aria-pressed=true]){forced-color-adjust:none;background:Highlight;color:HighlightText}.rules-chip:is(:has(input:checked),[aria-pressed=true]):after{background:HighlightText}.rules-org:before{forced-color-adjust:none;background:CanvasText}:is(.rules-earlier-rule,.rules-rule)[data-state] .rules-mark:before,.rules-dots li[data-pass]:after{inset:auto;background:none;mask:none;font-family:var(--font-body);font-weight:800;line-height:1}:is(.rules-earlier-rule,.rules-rule)[data-state] .rules-mark:before{font-size:var(--step-1)}:is(.rules-earlier-rule,.rules-rule)[data-state=pass] .rules-mark:before,.rules-dots li[data-pass=true]:after{content:"\2713"}:is(.rules-earlier-rule,.rules-rule)[data-state=fail] .rules-mark:before,.rules-dots li[data-pass=false]:after{content:"\d7"}}}@layer pages{html:has(.selfreview){scroll-behavior:auto}.selfreview .rules-game{--sheet: var(--review-paper)}.selfreview .rules-rule{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-1));z-index:1;isolation:isolate;padding:var(--space-3) var(--space-4);color:var(--ink-1);font-size:var(--step-2)}.selfreview .rules-rule:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--note);box-shadow:0 .75rem 1rem -.75rem color-mix(in oklab,var(--deep) 40%,transparent);rotate:-.8deg}.selfreview .rules-earlier{order:1;gap:var(--space-3)}.selfreview .rules-earlier-rule{padding:var(--space-2) var(--space-3);background:color-mix(in oklab,var(--note) 55%,var(--well));color:var(--ink-1);font-size:var(--step-0);box-shadow:0 .5rem .75rem -.6rem color-mix(in oklab,var(--deep) 40%,transparent)}html:has(.selfreview [data-part=play]:not([hidden])){scroll-padding-block-start:calc(var(--header-h) + var(--selfreview-pin, 6rem) + var(--space-3))}.selfreview .rules-chips{display:block;columns:16rem 2;column-gap:var(--space-5)}.selfreview .rules-chip{inline-size:100%;padding-block:var(--space-1);break-inside:avoid;border-block-end:var(--rule-w) solid var(--rule);border-radius:0;font-size:var(--step--1)}.selfreview-tags{margin-inline-start:.4em;font-family:var(--font-hand);font-size:var(--step-0);font-weight:700;line-height:1}.selfreview>:is([data-part=play],[data-r=result]){margin-block-start:var(--selfreview-lift, 0px)}@container well (width >= 48rem){.selfreview .rules-game{max-inline-size:none}.selfreview .rules-wizard{grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);grid-template-rows:auto auto auto 1fr;column-gap:var(--space-6);padding-inline:var(--space-5)}.selfreview .rules-head,.selfreview .rules-progress,.selfreview .rules-form,.selfreview .status{grid-column:1}.selfreview .rules-notes{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-3));display:grid;grid-column:2;grid-row:1 / -1;align-self:start;gap:var(--space-4)}.selfreview .rules-rule{position:relative;inset-block-start:auto}}.selfreview-filed{inline-size:100%;max-inline-size:var(--measure)}.selfreview-filed-body{color:var(--ink-1)}.selfreview-filed-note{font-size:var(--step-0);rotate:-1.5deg;transform-origin:left center}@media(forced-colors:active){.selfreview :is(.rules-rule,.rules-earlier-rule){outline:var(--rule-w) solid CanvasText}.selfreview .rules-chip[aria-pressed=true] .selfreview-tags{color:HighlightText}}}