.g-rule{--mark-col:1.75rem;max-width:var(--measure);padding-left:max(0px, calc(var(--safe-l) - var(--sp-4)));padding-right:max(0px, calc(var(--safe-r) - var(--sp-4)))}.g-rule [hidden]{display:none!important}.g-rule .frame{font-family:var(--font-serif);font-size:var(--step-0);color:var(--ink-soft);text-wrap:balance;margin:0 0 var(--sp-3);max-width:32ch;line-height:1.3}.g-rule [data-screen=play]{flex-direction:column;min-height:0;display:flex}.g-rule .pane,.g-rule .testing{flex:none;min-width:0}.g-rule .testing,.g-rule .evidence{flex-direction:column;display:flex}.g-rule .eyebrow{align-items:center;gap:var(--sp-2);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border-top:1px solid var(--rule);padding-top:var(--sp-1);margin-bottom:var(--sp-1);font-size:.5625rem;font-weight:650;display:flex}.g-rule .eyebrow.spaced{margin-top:var(--sp-3)}.g-rule .naming .eyebrow.spaced{margin-top:var(--sp-1)}.g-rule .eyebrow .spacer{flex:1}.g-rule .row{grid-template-columns:var(--mark-col) minmax(0, 1fr);align-items:center;column-gap:var(--sp-2);scroll-margin-block:var(--sp-2);padding:.1rem 0;display:grid}.g-rule .mark{font-family:var(--font-mono);text-align:right;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:700;line-height:1}.g-rule .mark.yes{color:var(--good)}.g-rule .mark.no{color:var(--bad)}.g-rule .row.given .mark{opacity:.66;font-size:.8125rem}.g-rule .triple{font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;gap:.4em;font-size:clamp(1.5rem,7.2vw,2.4rem);font-weight:600;line-height:1.08;display:flex}.g-rule .row.given .triple{opacity:.8;font-size:clamp(1.25rem,6vw,1.9rem)}.g-rule .log{min-height:2.6rem;max-height:min(var(--board-h), 6.4rem);overscroll-behavior:contain;scroll-padding-block:var(--sp-1);-webkit-overflow-scrolling:touch;overflow-y:auto}.g-rule .log:empty:before{content:"Type any three numbers and find out. Fewer tests, better grade.";padding-top:var(--sp-1);font-family:var(--font-sans);font-size:var(--step--1);letter-spacing:normal;text-transform:none;color:var(--ink-faint);display:block}.g-rule .log .row{border-top:1px solid var(--rule)}.g-rule .log .row:first-child{border-top:none}.g-rule .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.g-rule .strip{gap:3px;display:flex}.g-rule .strip i{background:var(--bar);width:8px;height:8px;display:block}.g-rule .strip i.yes{background:var(--good)}.g-rule .strip i.no{background:var(--bad)}.g-rule .bench{align-items:flex-end;gap:var(--sp-2);margin:var(--sp-2) 0 0;scroll-margin-block-end:7rem;display:flex}.g-rule .digits{gap:.4em;display:flex}.g-rule .digits input{font-family:var(--font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:center;width:max(2.9ch,44px);min-height:48px;color:var(--ink);background:var(--paper-sunk);border:none;border-bottom:2px solid var(--rule-strong);border-radius:var(--radius) var(--radius) 0 0;appearance:none;padding:0 0 .1rem;font-size:clamp(1.5rem,7.2vw,2.4rem);font-weight:600;line-height:1.1}.g-rule .digits input:focus{border-bottom-color:var(--ink);outline:none}.g-rule .digits input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.g-rule .digits input:disabled{opacity:.4}.g-rule button{font-family:var(--font-sans);color:var(--ink);cursor:pointer;background:0 0;border-radius:0}.g-rule .btn-test{min-height:44px;padding:0 var(--sp-4);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:var(--paper);margin-left:auto;font-size:.75rem;font-weight:650}.g-rule .btn-test:disabled{border-color:var(--rule);color:var(--ink-faint);cursor:default;background:0 0}.g-rule .notice{font-size:var(--step--1);color:var(--bad);margin:var(--sp-1) 0 0;min-height:1.3em}.g-rule .notice.calm{color:var(--ink-faint)}.g-rule .btn-wide{width:100%;min-height:48px;margin-top:var(--sp-3);letter-spacing:.14em;text-transform:uppercase;border:2px solid var(--ink);background:0 0;padding:.7rem 1rem;font-size:.8125rem;font-weight:650;display:block}.g-rule .btn-wide.solid{background:var(--ink);color:var(--paper)}.g-rule .btn-wide:disabled{border-color:var(--rule);color:var(--ink-faint);cursor:default}.g-rule .btn-wide.solid:disabled{background:0 0}.g-rule .choice{grid-template-columns:var(--mark-col) minmax(0, 1fr);column-gap:var(--sp-2);text-align:left;border:none;border-top:1px solid var(--rule);width:100%;min-height:44px;padding:var(--sp-2) 0;align-items:baseline;display:grid}.g-rule .choice:last-of-type{border-bottom:1px solid var(--rule)}.g-rule .choice .key{font-family:var(--font-mono);text-align:right;color:var(--ink-faint);letter-spacing:.08em;font-size:.8125rem;font-weight:700}.g-rule .choice .claim{font-family:var(--font-serif);font-size:var(--step-0);text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.g-rule .choice[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.g-rule .choice[aria-pressed=true] .key{color:var(--accent)}.g-rule .choice[aria-pressed=true] .claim{font-style:italic}@media (hover:hover){.g-rule .choice:hover .claim{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}}.g-rule .call{margin:0 0 var(--sp-4)}.g-rule .verdict{font-family:var(--font-serif);font-size:var(--step-2);letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1}.g-rule .grade{margin:var(--sp-2) 0 0;font-size:var(--step--1);color:var(--ink-soft);line-height:1.4}.g-rule .grade b{color:var(--ink)}.g-rule .verdict.miss{font-style:italic}.g-rule .reveal{font-family:var(--font-serif);font-size:var(--step-1);margin:0 0 var(--sp-4);padding-left:var(--sp-3);border-left:2px solid var(--good);text-wrap:pretty;font-style:italic;line-height:1.3}.g-rule .reveal.theirs{border-left-color:var(--bad);margin-bottom:var(--sp-2)}.g-rule .cex{font-size:var(--step--1);color:var(--ink-soft);margin:0 0 var(--sp-4);padding-left:var(--sp-3);border-left:2px solid var(--rule)}.g-rule .cex b{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.06em}.g-rule .tally{font-family:var(--font-serif);font-size:var(--step-1);margin:0 0 var(--sp-2);text-wrap:pretty;line-height:1.3}.g-rule .tally .count{font-family:var(--font-mono);font-style:normal;font-weight:700}.g-rule .tally .count.no{color:var(--bad)}.g-rule .punch,.g-rule .crowd-line{font-size:var(--step--1);color:var(--ink-soft);margin:0 0 var(--sp-2)}@media (min-width:26rem){.g-rule{--mark-col:2.1rem}.g-rule .bench,.g-rule .notice{margin-left:calc(var(--mark-col) + var(--sp-2))}.g-rule .bench{max-width:22rem}}@media (min-width:48rem){.g-rule .frame{font-size:var(--step-1);margin-bottom:var(--sp-5);line-height:1.28}.g-rule .eyebrow{letter-spacing:.16em;margin-bottom:var(--sp-3);font-size:.625rem}.g-rule .eyebrow.spaced,.g-rule .naming .eyebrow.spaced{margin-top:var(--sp-5)}.g-rule .row{padding:.3rem 0}.g-rule .mark{font-size:1.25rem}.g-rule .row.given .mark{font-size:1rem}.g-rule .verdict{font-size:var(--step-3)}.g-rule .call{margin-bottom:var(--sp-5)}.g-rule .choice{padding:var(--sp-4) 0}.g-rule .choice .claim{font-size:var(--step-1)}.g-rule .btn-wide{margin-top:var(--sp-5)}}@media (orientation:landscape) and (max-height:30rem) and (min-width:34rem){.g-rule .frame{font-size:var(--step--1);margin-bottom:var(--sp-2);max-width:none}.g-rule [data-screen=play]{align-items:flex-start;gap:var(--sp-5);flex-direction:row;max-height:none}.g-rule .testing,.g-rule .naming{flex:50%}.g-rule .eyebrow.spaced{margin-top:var(--sp-2)}.g-rule .log{max-height:7rem}.g-rule .naming .eyebrow.spaced{margin-top:0}.g-rule .bench,.g-rule .notice{margin-left:0}.g-rule .btn-wide{margin-top:var(--sp-2)}}@keyframes g-rule-mark-in{0%{opacity:0;transform:scale(.55)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes g-rule-row-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes g-rule-jolt{0%,to{transform:translate(0)}30%{transform:translate(-4px)}65%{transform:translate(3px)}}@media (prefers-reduced-motion:no-preference){.g-rule .row.fresh .mark{animation:.17s cubic-bezier(.2,.9,.3,1.3) both g-rule-mark-in}.g-rule .row.fresh .triple{animation:.16s ease-out both g-rule-row-in}.g-rule .row.fresh.no .triple{animation:.21s ease-in-out both g-rule-jolt}}
