.match{display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,5),1fr);grid-template-columns:1fr 1fr;gap:20px 24px;width:calc(100% + 24px);margin-inline:-12px;max-width:420px;--match-sheen:rgba(63,220,124,.38)}@media (prefers-color-scheme:light){.match{--match-sheen:rgba(19,122,66,.60)}}html[data-theme="dark"] .match{--match-sheen:rgba(63,220,124,.38)}html[data-theme="light"] .match{--match-sheen:rgba(19,122,66,.60)}.match[data-pairs="6"]{gap:12px 24px}.match[data-pairs="6"] .match-he,.match[data-pairs="6"] .match-en{min-height:44px;padding:6px 14px}.match[data-pairs="5"][data-long]{gap:12px 24px}.match[data-pairs="5"][data-long] .match-he,.match[data-pairs="5"][data-long] .match-en{min-height:44px;padding:6px 14px}.match[data-pairs="6"][data-long]{gap:8px 24px}.match[data-pairs="6"][data-long] .match-he,.match[data-pairs="6"][data-long] .match-en{min-height:44px;padding:4px 14px}.match{--match-slab-depth:3px;--match-slab-edge:color-mix(in srgb,var(--ground) 78%,#000)}.match-he,.match-en{font-family:var(--serif);font-size:var(--fs-option);color:var(--ink);background:var(--raise);border:1px solid var(--line);border-radius:12px;padding:16px 14px;cursor:pointer;box-shadow:var(--shadow),0 var(--match-slab-depth) 0 var(--match-slab-edge);--rest-shadow:var(--shadow);min-height:60px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 200ms var(--ease-spring),box-shadow 200ms var(--ease-out)}.match-he{font-family:var(--sans-he);font-size:calc(var(--fs-option-he) * var(--milim-text-scale));font-weight:600}.match-he:not(.matched):not(.wrong):active,.match-en:not(.matched):not(.wrong):active{transform:translateY(var(--match-slab-depth));box-shadow:0 0 0 0 transparent}.match-he:active,.match-en:active{transition:transform 60ms ease-out,box-shadow 60ms ease-out}.match-he:focus-visible,.match-en:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-he.picked,.match-en.picked{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok),var(--shadow)}.match-he.matched,.match-en.matched{background:var(--ok-soft);border-color:var(--ok-soft);cursor:default;box-shadow:0 0 0 1px var(--ok-halo),var(--shadow);animation:matchSheen .54s ease-out 1}.match-he.wrong,.match-en.wrong{border-color:var(--no);background:var(--no-soft);color:var(--ink)}@media (hover:hover){.match-he:hover,.match-en:hover{border-color:var(--accent)}.match-he.matched:hover,.match-en.matched:hover{border-color:var(--ok-soft)}}@keyframes matchSheen{from{background-image:linear-gradient(105deg,transparent 34%,var(--match-sheen) 50%,transparent 66%);background-repeat:no-repeat;background-size:240% 100%;background-position:100% 0}to{background-image:linear-gradient(105deg,transparent 34%,var(--match-sheen) 50%,transparent 66%);background-repeat:no-repeat;background-size:240% 100%;background-position:0% 0}}@media (prefers-reduced-motion:reduce){.match-he.matched,.match-en.matched{animation:none}}