/* Binairo ("0 og 1"): to farver, to former og to tegn. Resten kommer fra gitterspil.css */
:root { --bord: #3B2E5A; --bjaelke: #231A38; --knap: #4C3D72; --nul: #DCEBFA; --en: #FBE3C4; --nul-blaek: #1F4E86; --en-blaek: #8A3B12; }
html.kabale-mork { --bord: #231B36; --bjaelke: #140F20; --knap: #33284D; --nul: #C3D6EA; --en: #E9CFAC; }
#braet { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); grid-template-rows: repeat(var(--n), minmax(0, 1fr)); gap: var(--gap, 4px); }
.celle { font-size: calc(var(--cs, 40px) * .58); }
.celle[data-v="1"] { background: var(--nul); color: var(--nul-blaek); border-radius: 50%; }
.celle[data-v="2"] { background: var(--en); color: var(--en-blaek); border-radius: 8px; }
.celle.givet[data-v="1"] { background: #B9D3EE; color: #10263F; }
.celle.givet[data-v="2"] { background: #F0C892; color: #4A1D05; }
.celle.givet::before { content: ''; position: absolute; left: 39%; right: 39%; bottom: 10%; height: 3px; border-radius: 2px; background: currentColor; opacity: .55; }
.celle.valgt { box-shadow: inset 0 0 0 3px var(--okker); }
#pad .talknap[data-val="1"] { background: var(--nul); color: var(--nul-blaek); border-radius: 26px; }
#pad .talknap[data-val="2"] { background: var(--en); color: var(--en-blaek); }