.mem{min-block-size:100%;padding:var(--s-3) var(--pad) var(--pad);-webkit-user-select:none;user-select:none;touch-action:manipulation;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.mem__bar{justify-content:space-between;align-items:center;gap:var(--s-4);min-block-size:var(--tap);display:flex}.mem__count{font-size:var(--fs-lead);font-weight:700}.mem__mid{align-content:center;gap:var(--s-5);text-align:center;padding-block:var(--s-4);min-inline-size:0}.mem__foot,.mem__mid{justify-items:center;display:grid}.mem__foot{align-content:end;min-block-size:1.5rem}.mem-say{font:700 var(--fs-claim)/var(--lh-claim) var(--font-text);text-wrap:balance;max-inline-size:22em}.mem-small{font-size:var(--fs-lead);color:var(--on-stage-2);text-wrap:balance;max-inline-size:26em;font-weight:600}.mem-word{font:800 var(--fs-claim)/1.1 var(--font-text);text-wrap:balance}.mem-big{font:800 var(--fs-readout)/1 var(--font-readout);font-variant-numeric:tabular-nums lining-nums;min-block-size:1em}.mem-shape{fill:none;stroke:currentColor;stroke-width:9px;block-size:5rem;inline-size:5rem}.mem-turn{justify-items:center;gap:var(--s-4);display:grid}.mem-turn .btn{min-inline-size:min(100%,16rem);margin-block-start:var(--s-2)}.mem-form{gap:var(--s-4);justify-items:center;inline-size:100%;max-inline-size:22rem;display:grid}.mem-field{inline-size:100%;min-block-size:var(--tap-big,3.5rem);padding:0 var(--s-4);text-align:center;letter-spacing:.12em;color:#20242a;border:var(--w-line) solid #fff;border-radius:var(--r-press);font:700 2rem/1.2 var(--font-readout);font-variant-numeric:tabular-nums lining-nums;-webkit-user-select:text;user-select:text;background:#fff}.mem-field:focus-visible{outline-offset:3px}.mem-form .btn{inline-size:100%}.mem-cell{cursor:pointer;inline-size:var(--cell,3.5rem);block-size:var(--cell,3.5rem);min-block-size:3rem;min-inline-size:3rem;color:var(--on-stage);border:var(--w-line) solid var(--on-stage-2);border-radius:var(--r-press);font:800 1.5rem/1 var(--font-text);font-variant-numeric:tabular-nums lining-nums;background:0 0;place-items:center;padding:0;display:grid;position:relative}.mem-cell:disabled{cursor:default;opacity:1}.mem-cell.is-lit{color:var(--blueprint-deep);outline:4px solid var(--on-stage-2);outline-offset:2px;background:#fff;border-color:#fff}.mem-cell.is-marked{background:#ffffff2e;border-width:4px;border-color:#fff}.mem-cell.is-marked:after{content:"";background:currentColor;border-radius:.25rem;block-size:40%;inline-size:40%}.mem-cell.is-tapped{background:#ffffff2e;border-width:4px;border-color:#fff}.mem-cell.is-gone{visibility:hidden}.mem-cell.is-blank{color:#0000;background:#fff;border-color:#fff}.mem-cell:not(:disabled):hover{border-color:#fff}.mem-cell:focus-visible{outline-offset:3px;outline:3px solid #fff}.mem-empty{inline-size:var(--cell,3.5rem);block-size:var(--cell,3.5rem)}.mem-grid{--gap:.5rem;--cell:max(3rem, min(4.5rem, calc((100cqi - var(--pad)*2 - (var(--cols) - 1)*var(--gap))/var(--cols)), calc((100dvh - 15rem - (var(--rows) - 1)*var(--gap))/var(--rows))));grid-template-columns:repeat(var(--cols),var(--cell));gap:var(--gap);justify-content:center;display:grid}.mem-board{aspect-ratio:1;inline-size:min(100%,26rem);position:relative}.mem-board .mem-cell{block-size:16%;min-block-size:3rem;inline-size:16%;min-inline-size:3rem;position:absolute}
