/* Killer sudoku: bygger på sudoku.css (petrol-bordet, arket, talpanelet). Her kun burene og summerne */
:root { --bur: rgba(30,36,33,.62); }
.felt > .indhold { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 1; }
/* Burets ramme ligger lidt inde i feltet. Hvor nabofeltet er i samme bur, går rammen helt ud til kanten uden streg */
.felt > .bur {
  position: absolute; top: 9%; bottom: 9%; left: 9%; right: 9%; pointer-events: none;
  border: max(1px, calc(var(--celle) * .025)) dashed var(--bur); border-radius: 2px;
}
.felt > .bur.o { top: -1px; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.felt > .bur.n { bottom: -1px; border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.felt > .bur.v { left: -1px; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.felt > .bur.h { right: -1px; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
/* Det valgte felts bur: rød ramme */
.felt.i-bur > .bur { border-color: var(--roed); border-style: solid; }
/* Summen: lille tal i burets første felt, med arkets farve bag, så stregen ikke skærer det */
.felt > .sum {
  position: absolute; left: 4%; top: 3%; z-index: 2; pointer-events: none; padding: 0 1px; border-radius: 2px;
  font: 600 max(12px, calc(var(--celle) * .25))/1.05 Poppins, system-ui, sans-serif; color: var(--kul); background: inherit;
}
.felt > .sum:empty { display: none; }
/* Tallene står lavere og lidt mindre end i sudoku, så summen (mindst 12 px) har plads; noterne holder sig fri af summen */
.felt > .indhold { padding-top: 22%; box-sizing: border-box; font-size: calc(var(--celle) * .52); }
.felt .noter { padding: 14% 6% 2%; font-size: calc(var(--celle) * .21); }
/* Tip-prikken flyttes ned i hjørnet, så den ikke dækker summen */
.felt.tip::before { top: auto; bottom: 12%; }
html.kabale-mork { --bur: rgba(30,36,33,.7); }
:root { --linje-tynd: rgba(30,36,33,.16); }
/* Hjælp: burets kombinationer som store, læselige rækker; dem, der ikke passer, streges ud (tekst og streg, ikke kun farve) */
.ks-kombi { list-style: none; margin: 4px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 6px; }
.ks-kombi li { padding: 10px 12px; border-radius: 10px; background: rgba(252,247,238,.1); font: 600 18px/1.2 Poppins, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
.ks-kombi li.ude { opacity: .6; text-decoration: line-through; font-weight: 400; }