/* Skyskrabere: kanttal rundt om gitteret og huse, der vokser med højden. Resten kommer fra gitterspil.css */
:root { --bord: #2C3E50; --bjaelke: #18232E; --knap: #3A5168; --blaek: #1D4F80; --hus: rgba(29,79,128,.2); }
html.kabale-mork { --bord: #19242F; --bjaelke: #0D141B; --knap: #263848; }
#braet { display: grid; grid-template-columns: repeat(var(--m), minmax(0, 1fr)); grid-template-rows: repeat(var(--m), minmax(0, 1fr)); gap: 4px; }
.celle { background-image: linear-gradient(to top, var(--hus) calc(var(--hoejde, 0) * 88%), transparent 0); }
.celle.givet { background-image: linear-gradient(to top, rgba(30,36,33,.16) calc(var(--hoejde, 0) * 88%), transparent 0); }
.kant { display: flex; align-items: center; justify-content: center; font: 600 max(14px, calc(var(--cs, 50px) * .46))/1 Poppins, system-ui, sans-serif; color: var(--creme); border-radius: 50%; }
.kant.ok { color: #9FE3A8; }
.kant.ok::after { content: '✓'; font-size: .5em; margin-left: 2px; }
.kant.fejl { color: #FF8F7A; text-decoration: underline wavy; }
html.kabale-hk .kant { color: #fff; }