/* ============================================================
   cozy-table.css — Veiðimanns-stíll filtborð fyrir spilaleiki.
   Vísað EINGÖNGU frá spilaleikjasíðum (eigin ?v) svo engin síðu-víð bumpun.
   Snertir hvorki spil.js né style.css; byggir ofan á .ce-/.bj-/.war- vélina.
   ============================================================ */

/* --- Grunn-borðið (hlýtt filt + vignette) --- */
.cozy-table{
  position:relative;overflow:hidden;
  background:transparent;
  padding:22px 20px 20px;
}
.cozy-table > *{position:relative;z-index:1}

/* Dauf sporöskjulaga borðlína */
.ct-oval{
  position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
  width:min(540px,82%);height:min(300px,60%);
  border:2px dashed rgba(255,255,255,.12);border-radius:50%;
  pointer-events:none;z-index:0;
}

/* Titill leiksins ofan á borðinu */
.ct-title{
  font-size:clamp(20px,4.4vw,27px);font-weight:800;color:#fff;text-align:center;
  margin:0 0 10px;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.3px;
}

/* --- Léttur kósý-frágangur fyrir einspilun (kaplar): hlýrra filt + titill,
       EKKI overflow/sporaskja svo há borð klippist ekki --- */
.cozy-surface{
  background:transparent;
  box-shadow:none;
}
.cozy-surface .ct-title{margin-bottom:14px}

/* --- Fullur kósý-rammi fyrir arcade-leiki sem hafa ekkert filt sjálfir --- */
.cozy-frame{
  background:transparent;
  border:none;border-radius:0;
  box-shadow:none;
  padding:20px 18px;
}
.cozy-frame .ct-title{margin-bottom:14px}

/* Merki leikmanns neðst (Þú · N spil) */
.ct-you{
  display:inline-flex;align-items:center;gap:7px;
  font-size:14px;font-weight:600;opacity:.9;margin-top:8px;
}
.ct-you .ce-av,.ct-you .bj-av,.ct-you .war-av,.ct-you .gf-av{width:26px;height:26px;font-size:13px}

/* ---- OLSEN OLSEN (.ce-) ---- */
.ce-board.cozy-table{max-width:620px}
.cozy-table .ce-cpu-area,.cozy-table .ce-player-area{background:transparent;box-shadow:none;padding:2px 0}
.cozy-table .ce-cpu-area.ce-active,.cozy-table .ce-player-area.ce-active{background:transparent;box-shadow:none}
.cozy-table .ce-label{opacity:.92}
.cozy-table .ce-status{
  font-size:clamp(17px,3.6vw,21px);font-weight:800;color:var(--gold,#f5c542);
  min-height:26px;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:12px 0;
}
.cozy-table .ce-deck-info{opacity:.84}

/* ---- BLACKJACK (.bj-) ---- */
.blackjack-board.cozy-table{max-width:560px;margin:0 auto}
.cozy-table .bj-area{margin:16px 0}
.cozy-table .bj-label{opacity:.9;margin-bottom:10px}
.cozy-table .bj-status{text-shadow:0 1px 2px rgba(0,0,0,.3)}
.cozy-table .bj-stats{
  gap:10px;margin-top:18px;opacity:1;
}
.cozy-table .bj-stats > div{
  background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);
  border-radius:999px;padding:5px 14px;font-weight:600;opacity:.92;
}
.cozy-table .bj-stats strong{color:var(--gold,#f5c542)}

/* ---- STRÍÐ (.war-) ---- */
.war-board.cozy-table{max-width:600px;margin:0 auto}
.cozy-table .war-status{text-shadow:0 1px 2px rgba(0,0,0,.3)}
.cozy-table .war-deck-info{opacity:.84}
.cozy-table .war-vs{opacity:.7;letter-spacing:1px}

/* ---- Stærri spil á borðspilunum (nýta flötinn eins og Veiðimaður) ---- */
.ce-board.cozy-table .card{width:84px;height:118px}
.blackjack-board.cozy-table .card{width:82px;height:115px}
.war-board.cozy-table .card{width:92px;height:129px}
@media (max-width:560px){
  .ce-board.cozy-table .card{width:58px;height:81px}
  .blackjack-board.cozy-table .card{width:60px;height:84px}
  .war-board.cozy-table .card{width:66px;height:92px}
}

/* ---- Dálka-kaplar (Kapall, Klondike 3-spila, FreeCell, Spider): spilin fylla dálkinn ----
   Dálkarnir eru 1fr (skala með skjá), svo spilin verða stærri á stórum skjá og
   skala niður á litlum — aldrei yfirflæði. Stöflun (top í px) helst. Fanið í
   draw-3 helst líka (left-hliðranir í px). */
.solitaire-board .tableau-col .card,  .solitaire-board .tableau-col .pile,
.solitaire-board .top-row .pile,      .solitaire-board .top-row .card,
.freecell-board .tableau-col .card,   .freecell-board .tableau-col .pile,
.freecell-board .freecell-top .pile,  .freecell-board .freecell-top .card,
.spider-board .tableau-col .card,     .spider-board .tableau-col .pile,
.spider-board .spider-top .pile,      .spider-board .spider-top .card{width:100%;height:auto;aspect-ratio:7/10}