.ep{--ep-dim:color-mix(in srgb, var(--paper) 64%, transparent);--ep-line:color-mix(in srgb, var(--paper) 34%, transparent);--ep-faint:color-mix(in srgb, var(--paper) 14%, transparent);--ep-rule:color-mix(in srgb, var(--paper) 20%, transparent);--ep-ghost:#11111129;--ep-mark:var(--ink);--ep-tone-0:var(--red);--ep-tone-1:var(--blue);--ep-tone-2:var(--yellow);--ep-tone-3:var(--dim);--ep-tone-4:var(--paper-2);--ep-on-0:var(--paper);--ep-on-1:var(--paper);--ep-on-2:var(--ink);--ep-on-3:var(--paper);--ep-on-4:var(--ink);--ep-pad:24px;--ep-cell:44px;--ep-box:44px;border:2px solid var(--ep-rule);background:var(--charcoal);max-width:1320px;color:var(--paper);font-family:var(--font-display);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"caption examples""ledger entry""stage stage""err err";margin-inline:auto;display:grid;container-type:inline-size}.ep :focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.ep-caption{height:calc(2.8em + 34px);padding:15px var(--ep-pad);border-bottom:2px solid var(--ep-rule);font:500 clamp(16px, 1.4vw, 19px) / 1.4 var(--font-display);letter-spacing:-.01em;grid-area:caption;margin:0;overflow:hidden}.ep-examples{padding:15px var(--ep-pad);border-bottom:2px solid var(--ep-rule);grid-area:examples;align-items:center;gap:6px;display:flex}.ep-examples__label,.ep-ledger__head,.ep-panel__title{font:400 11px / 1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ep-dim)}.ep-examples__label{margin-right:4px}.ep-chip,.ep-button{border:1px solid var(--ep-line);color:var(--ep-dim);font:400 11px / 1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);background:0 0;padding:5px 10px}.ep-chip:hover,.ep-button:hover:not(:disabled){color:var(--paper)}.ep-chip[data-on=true],.ep-button--solid{border-color:var(--paper);background:var(--paper);color:var(--ink)}.ep-button--solid:hover:not(:disabled){color:var(--ink)}.ep-button{height:var(--ep-box);padding:0 12px}.ep-button:disabled{opacity:.4;cursor:default}.ep-ledger{grid-area:ledger;grid-template-columns:auto repeat(12, var(--ep-cell));grid-template-rows:var(--ep-box) 18px;min-width:0;padding:14px var(--ep-pad);border-bottom:2px solid var(--ep-rule);scrollbar-width:none;grid-auto-flow:column;align-items:center;gap:4px 5px;display:grid;position:relative;overflow-x:auto}.ep-ledger__head{white-space:nowrap;grid-column:1;padding-right:10px}.ep-ledger__head--guess{grid-row:2;font-size:10px}.ep-ledger__cell{grid-row:1/span 2;grid-template-rows:subgrid;row-gap:4px;min-width:0;display:grid}.ep-ledger__value{height:var(--ep-box);border:2px solid var(--ep-line);font:500 15px / 1 var(--font-mono);white-space:nowrap;place-items:center;display:grid}.ep-ledger__cell[data-state=next] .ep-ledger__value{border-style:dashed;border-color:var(--paper);color:var(--red)}.ep-ledger__cell[data-state=empty] .ep-ledger__value{border-style:dashed;border-width:1px;border-color:var(--ep-faint)}.ep-ledger__guess{font:400 11px / 18px var(--font-mono);text-align:center;white-space:nowrap;color:var(--red);overflow:hidden}.ep-ledger__guess[data-hit=true],.ep-ledger__cell[data-state=next] .ep-ledger__guess{color:var(--ep-dim)}.ep-entry{padding:14px var(--ep-pad);border-bottom:2px solid var(--ep-rule);border-left:2px solid var(--ep-rule);grid-area:entry;align-items:flex-start;gap:6px;display:flex}.ep-ledger__input{visibility:hidden;color:var(--paper);font:500 15px / 1 var(--font-mono);text-align:center;caret-color:var(--yellow);transition:transform .16s var(--ease-out);background:0 0;border:0;padding:0 2px;position:absolute}.ep-ledger__input[data-ready=true]{visibility:visible}.ep-ledger__input:focus{outline:none}.ep-ledger[data-typing=true] .ep-ledger__cell[data-state=next] .ep-ledger__value{color:#0000}.ep-ledger:focus-within .ep-ledger__cell[data-state=next] .ep-ledger__value{border-style:solid;border-color:var(--yellow)}.ep-button--solid:disabled{border-color:var(--ep-line);color:var(--ep-dim);background:0 0}.ep-stage{--ep-size:max(260px, min(calc(100svh - 312px), calc((100cqi - 3 * var(--ep-pad)) / 2), 600px));grid-area:stage;grid-template-columns:repeat(2, var(--ep-size));justify-content:center;column-gap:var(--ep-pad);padding:14px var(--ep-pad) 16px;grid-template-areas:"map fit""map-foot fit-foot";row-gap:10px;display:grid}.ep-panel{gap:8px;min-width:0;display:grid}.ep-panel[data-slot="0"]{grid-area:map}.ep-panel[data-slot="1"]{grid-area:fit}.ep-panel__head{justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.ep-panel__note{font:400 11px / 1.3 var(--font-mono);color:var(--ep-dim);white-space:nowrap}.ep-panel__square{position:relative}.ep-panel__tag{display:none}.ep-square{aspect-ratio:1;background:var(--paper);width:100%;position:relative}.ep-square__canvas,.ep-square__veil,.ep-square__mark{width:100%;height:100%;position:absolute;inset:0}.ep-square__canvas{cursor:crosshair;touch-action:manipulation}.ep-square__veil,.ep-square__mark{pointer-events:none}.ep-square__veil{opacity:0;transition:opacity .26s var(--ease-out)}.ep-foot{align-content:start;gap:6px;min-width:0;display:grid}.ep-foot--map{grid-area:map-foot}.ep-foot--fit{grid-area:fit-foot}.ep-readout{min-height:2.9em;font:400 13px / 1.45 var(--font-display);align-content:start;margin:0;display:grid}.ep-readout__rule{font:500 13px / 1.45 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ep-readout__meta,.ep-readout__hint{color:var(--ep-dim)}.ep-readout__meta{font:400 11px / 1.45 var(--font-mono)}.ep-bet,.ep-key{font:400 12px / 1.45 var(--font-mono);flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;display:flex}.ep-bet__item,.ep-key__item{align-items:center;gap:6px;display:inline-flex}.ep-bet__item{min-width:13ch}.ep-bet__value{min-width:3ch;font-weight:500}.ep-bet__share,.ep-key{color:var(--ep-dim)}.ep-bet__swatch{background:var(--ep-swatch);flex:none;width:10px;height:10px}.ep [data-tone="0"]{--ep-swatch:var(--ep-tone-0)}.ep [data-tone="1"]{--ep-swatch:var(--ep-tone-1)}.ep [data-tone="2"]{--ep-swatch:var(--ep-tone-2)}.ep [data-tone="3"]{--ep-swatch:var(--ep-tone-3)}.ep [data-tone="4"]{--ep-swatch:var(--ep-tone-4)}.ep [data-tone=blank]{--ep-swatch:var(--paper)}.ep-counts{min-height:2.9em;font:400 11px / 1.45 var(--font-mono);color:var(--ep-dim);flex-wrap:wrap;gap:2px 14px;margin:0;display:flex}.ep-error{padding:12px var(--ep-pad);border-top:2px solid var(--ep-rule);color:var(--yellow);grid-area:err;margin:0}
@media (max-width:1100px){.ep{grid-template-columns:minmax(0,1fr);grid-template-areas:"caption""examples""ledger""entry""stage""err"}.ep-examples{scrollbar-width:none;overflow-x:auto}.ep-entry{border-left:0}.ep-ledger{margin-inline:var(--ep-pad);padding-inline:0;border-bottom:0;padding-bottom:6px}}@media (max-width:640px){.ep{--ep-pad:12px;--ep-cell:38px;--ep-box:40px;border-width:0;grid-template-areas:"caption""ledger""entry""examples""stage""err"}.ep-caption{height:calc(4.05em + 24px);padding:10px var(--ep-pad);font-size:15px;line-height:1.35}.ep-ledger{grid-template-columns:repeat(12, var(--ep-cell));padding-top:10px;padding-bottom:8px}.ep-ledger__head{display:none}.ep-entry{padding:0 var(--ep-pad) 8px;border-bottom:0}.ep-entry .ep-button{flex:1}.ep-examples{padding:0 var(--ep-pad) 10px}.ep-stage{--ep-size:min(100%, calc(100svh - 400px));padding:10px var(--ep-pad) 14px;grid-template-columns:minmax(0,1fr);grid-template-areas:"sq""map-foot""fit-foot";justify-content:stretch}.ep-panel[data-slot]{grid-area:sq}.ep-panel[data-role=big] .ep-panel__square{width:var(--ep-size);justify-self:center}.ep-panel[data-role=inset]{z-index:2;width:32%;margin-right:calc((100% - var(--ep-size)) / 2 + 8px);place-self:end;margin-bottom:8px}.ep-panel[data-role=inset] .ep-panel__head{display:none}.ep-panel[data-role=inset] .ep-panel__square{border:2px solid var(--charcoal);outline:1px solid var(--ep-line);cursor:pointer}.ep-panel[data-role=inset] .ep-square__canvas{pointer-events:none}.ep-panel[data-role=inset] .ep-panel__tag{background:var(--charcoal);font:400 9px / 1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);padding:3px 6px;display:block;position:absolute;top:0;left:0}.ep-key{display:none}.ep-bet{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ep-bet__item{white-space:nowrap;min-width:0;overflow:hidden}.ep-bet__item[data-tone="3"],.ep-counts__far{display:none}.ep-counts{white-space:nowrap;flex-wrap:nowrap;gap:12px;min-height:1.45em;overflow:hidden}.ep-counts__long{display:none}}
.ep-notes h3{font:600 18px / 1.3 var(--font-display);margin:28px 0 8px}.ep-notes h3:first-child{margin-top:0}.ep-notes p{max-width:68ch;margin:0}.ep-notes p+p{margin-top:12px}.ep-notes__costs{border-collapse:collapse;width:100%;max-width:68ch;font:400 14px / 1.4 var(--font-mono);margin:12px 0}.ep-notes__costs td{border-bottom:1px solid var(--rule);padding:6px 0}.ep-notes__costs td+td{text-align:right;white-space:nowrap;padding-left:16px}.ep-sources{gap:10px;max-width:68ch;margin:0;padding-left:1.2em;font-size:14px;line-height:1.5;display:grid}.ep-out{color:inherit;text-underline-offset:3px;text-decoration:underline}.ep-out__arrow{width:.72em;height:.72em;margin-left:.28em}