/* Futoshiki: tegnene mellem felterne. Resten kommer fra gitterspil.css */
:root { --bord: #23405E; --bjaelke: #142638; --knap: #2E5277; --blaek: #1F5F99; }
html.kabale-mork { --bord: #13263A; --bjaelke: #0A1520; --knap: #1E3A57; }
#braet { display: grid; grid-template-columns: var(--spor); grid-template-rows: var(--spor); }
.tegn { display: flex; align-items: center; justify-content: center; pointer-events: none; }
.tegn svg { width: 100%; height: auto; max-width: 30px; overflow: visible; background: none; }
.tegn path { fill: none; stroke: var(--creme); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
.tegn.lodret svg { max-width: none; width: auto; height: 100%; max-height: 30px; }
.tegn.brudt path { stroke: #FF8F7A; stroke-width: 4; }
.tegn.brudt { animation: tegnryst 300ms; }
@keyframes tegnryst { 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } }
html.kabale-hk .tegn path { stroke: #fff; stroke-width: 4; }
@media (prefers-reduced-motion: reduce) { .tegn.brudt { animation: none; } }