/* v226 fidelity pass (Lou, 3.11: "why does Solitaire not look like the others?") - the game screens matched to the
   canvas boards (design-handoff/prev: GameSheet, BotSetup, TableYaniv/TableDurak, Victory). Loaded after the deck
   files; test/ws/flow.js captures the whole way into each game for the side-by-sides. */

/* the solitaire setup page (app.js soloSetup): the BotSetup page, with the solitaire table about to be dealt on the felt */
.kd-ss-felt{display:flex;flex-direction:column;gap:12px;padding:12px 14px}
.kd-ss-row{display:flex;justify-content:space-between;align-items:flex-start;direction:ltr}
.kd-ss-found,.kd-ss-stock{display:flex;gap:6px}
.kd-ss-slot{width:30px;height:42px;border-radius:5px;border:1.5px dashed rgba(255,255,255,.35);display:grid;place-items:center;color:rgba(255,255,255,.55);box-sizing:border-box}
.kd-ss-slot svg{width:13px;height:13px}
.kd-ss-tab{display:flex;justify-content:space-between;direction:ltr;padding:0 2px}
.kd-ss-col{display:flex;flex-direction:column;align-items:center;width:30px}
.kd-ss-col>.pc+.pc,.kd-ss-col>.pc+.kd-ss-up{margin-top:-34px}
.kd-ss-up{position:relative}
.kd-ss-col>.pc.kd-ss-b+.kd-ss-up{margin-top:-34px}
.kd-ss-lv{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* the solitaire table (coordinator audit 3.11 + TableYaniv): the same table as every game - the rim is the rounded
   table frame of the other tables (not a dark rectangle), the dock keeps the "me" strip (avatar, name, the score line)
   and the main move is the red primary like every table's main action; undo / end stay the dashed secondary */
#table-root[data-game="solitaire"] .felt::before{top:2px!important;left:10px!important;right:10px!important;bottom:4px!important;border-radius:72px/56px!important}
#table-root[data-game="solitaire"] .board .sol{inset:14px 18px 14px}
#table-root.sol-mode .dock .me-row{display:flex!important}
#table-root[data-game="solitaire"] .dock .hand-actions>.btn.btn-navy.btn-navy.btn-navy{
  background:linear-gradient(180deg,#F04D4F,#E5383B)!important;box-shadow:0 4px 0 #B3232A,0 12px 22px -8px rgba(179,35,42,.5)!important;flex:1.5 1 0!important}
#table-root[data-game="solitaire"] .dock .hand-actions>.btn.btn-navy.btn-navy.btn-navy:disabled{opacity:.6}
#table-root.sol-mode .me-seat{display:flex!important}
/* the setup page's felt holds the solitaire layout at its own height (no seats to make room for) */
.kd-ss-felt{height:auto!important;min-height:0}

/* the first-game coaching card (tutorial.js) - in the canvas language: the cream panel of the boards, the suit eyebrow,
   the red primary and the outlined secondary; tutorial.js places it clear of the seats and of the part it talks about */
#table-root .tut-card.kd{left:14px;right:14px;max-width:380px;margin:0 auto;padding:14px 16px 14px;border:0;border-radius:18px;
  background:#FFFDF9;color:#2B2118;box-shadow:inset 0 0 0 1px rgba(70,50,25,.12),0 4px 0 #E2D6C2,0 18px 36px -10px rgba(0,0,0,.55)}
html.pv-night #table-root .tut-card.kd{background:#2A241E;color:#F4EBDD;box-shadow:inset 0 0 0 1px rgba(255,236,210,.1),0 4px 0 #120F0C,0 18px 36px -10px rgba(0,0,0,.6)}
#table-root .tut-card.kd .tut-head{margin-bottom:6px;color:var(--accent,#E5383B);font-size:12.5px;font-weight:800;letter-spacing:.3px}
#table-root .tut-card.kd .tut-eb{display:inline-flex;align-items:center;gap:6px}
#table-root .tut-card.kd .tut-eb svg{width:12px;height:12px}
#table-root .tut-card.kd .tut-n{color:var(--text3,#8A7D6B);font-weight:700}
#table-root .tut-card.kd .tut-txt{color:inherit;font-size:14.5px;line-height:1.45;font-weight:500}
#table-root .tut-card.kd .tut-btns{gap:10px;margin-top:12px}
#table-root .tut-card.kd .tut-btns .btn{flex:1 1 0;min-height:42px;width:auto;white-space:normal;line-height:1.1}
#table-root .tut-card.kd .tut-btns .btn.p{flex:1.3 1 0}

/* the end of the game (canvas Victory): a single-player game has one card on the podium - it stands in the middle
   (the two-card rule put it 14px from the edge, half off the screen) */
.kd-go-pod.two .kd-go-c.kd-go-1:only-child{left:50%;margin-left:-64px}
.kd .kd-ss-felt .kd-bs-me{position:relative;bottom:auto;right:auto;left:auto;align-self:flex-start;margin-top:2px}
/* the game picker of the sheet (canvas GameSheet): all eight decks in one row on a phone, as on the board - tighter
   gaps and the narrowest cell the names allow; a language whose names are longer still scrolls the row (v220) */
.kd .kd-gs-row{gap:2px;margin-inline:-12px;padding-inline:8px}
.kd .kd-gs-g{min-width:42px}
/* the game-over ranking (4+ players): "my" row is a table row - the topbar's ".kd .me" chip rule (inline-flex, 40px,
   a raised pill) turned it into a narrow pill with the name broken over two lines (Hearts, Durak, President at 4+) */
.kd .go-t tr.me{display:table-row;height:auto;padding:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:0;cursor:default}
/* the end of a two-player game: the pair stands in the middle (the 2nd card sat at the left edge with an empty third
   slot on the right, so the podium looked pushed aside) - the winner moves 48px right, the 2nd card leans on it */
.kd-go-pod.two:not(:has(.kd-go-c:nth-child(3))) .kd-go-c.kd-go-1:not(:only-child){margin-left:-16px}
.kd-go-pod.two:not(:has(.kd-go-c:nth-child(3))) .kd-go-c:nth-child(1):not(.kd-go-1){left:50%;margin-left:-112px}