/* Fælles udseende for de selvstændige kabaler (se kabale-kort.js). Farver og skrift kommer fra temaet i Solitaire.css */
html,body{height:100%;margin:0;overflow:hidden}
body{display:flex;flex-direction:column}
#baize{display:block;flex:1 1 auto;min-height:0;width:100%;height:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.plads{fill:var(--plads);stroke:var(--kant);stroke-width:1}
.plads.aaben{stroke-dasharray:6 5;stroke-width:1.5}
.plads.doed{stroke:#7a9a7a;opacity:.55}
.plads.mulig{stroke:gold;stroke-width:4;stroke-dasharray:none}
.etiket{font-family:Poppins,system-ui,sans-serif;font-size:17px;font-weight:600;fill:var(--creme);opacity:.82;pointer-events:none}
g[data-kort]{cursor:pointer}
g.valgt rect{stroke:gold;stroke-width:5}
g.mulig rect{stroke:gold;stroke-width:3}
g.laast{opacity:.93}
#kk-bar{flex:none;display:flex;gap:8px;flex-wrap:wrap;padding:6px 8px;background:var(--bjaelke)}
#kk-bar button{font:600 15px/1.2 Poppins,system-ui,sans-serif;min-height:44px;padding:0 16px;border:1px solid rgba(252,247,238,.22);border-radius:8px;background:var(--knap);color:var(--creme);cursor:pointer}
#kk-bar button:disabled{opacity:.45;cursor:default}
#kk-besked{position:fixed;left:50%;bottom:4%;transform:translateX(-50%);background:var(--bjaelke);color:var(--creme);box-shadow:0 4px 16px rgba(0,0,0,.35);
  font:500 17px/1.4 Poppins,system-ui,sans-serif;padding:12px 18px;border-radius:10px;text-align:center;display:none;max-width:90vw;z-index:3;
  max-height:calc(96dvh - 48px);overflow-y:auto;overscroll-behavior:contain}
#kk-besked button{margin-left:12px;font:600 15px/1.2 Poppins,system-ui,sans-serif;min-height:44px;padding:0 16px;border-radius:8px;border:0;background:var(--creme);color:var(--bjaelke);cursor:pointer}