/* ソリティア: 卓・札・札の裏は cards.js（C.layout / C.cardEl）のまま。ここは置き場の大きさと出し入れだけ。ホーム・帯・結果は shell、ボタン・枠・見出しは /ui.css */

/* トランプ・カジノのシリーズ共通の「明るく落ち着いた地」（2026-10-23 持ち主: カードゲームは黒っぽい地ではない方がいい）。
   地 #E9E8E3・墨色の文字 #1E2B27・薄い文字 #5C6660・えんじ #8E3B2E（色は main.js の THEME が --ui-* に入れる）。
   主なボタンはえんじに白い字、2 つ目以降のボタンは細い線（線と文字 #1E2B27、地は透明）。卓と札の裏は cards.js の共通のまま。
   角丸 6px まで・影なし・グラデーションなし */
.sh-info h1{font-weight:800}
.shell-stage{--ui-shade:rgba(233,232,227,.97);--ui-chip:rgba(142,59,46,.14)}
.shell-stage .ui-btn{background:var(--ui-red);color:var(--ui-red-ink);border:2px solid var(--ui-red);border-radius:6px;box-shadow:none}
.shell-stage .ui-btn.sub{background:transparent;color:var(--ui-ink);border:1px solid var(--ui-ink)}
.shell-stage .ui-btn.sub:hover{background:rgba(30,43,39,.06)}
.shell-stage .ui-btn.sub[aria-pressed="true"],.sh-tabs button[aria-selected="true"]{background:var(--ui-red);color:var(--ui-red-ink);border-color:var(--ui-red)}
/* 押せないボタン（戻せる手が無いときの［戻す］）は薄くして、押せないと分かるように */
.shell-stage .ui-btn:disabled{opacity:.38;cursor:default}
/* 遊ぶ画面の上の帯・一言の帯は地と同じ組（地 #E9E8E3・文字 #1E2B27） */
.sh-bar{background:var(--ui-card);border-bottom:1px solid #CFCDC6}
.sh-bar .sh-info2{color:var(--ui-ink)}
.sh-demo{color:var(--ui-sub)}
.sol-count{margin:0;font-size:16px;color:var(--ui-sub)}
.cd-layout .cd-say{background:var(--ui-card);color:var(--ui-ink)}
.cd-layout .cd-say.me{background:var(--ui-red);color:var(--ui-red-ink)}
/* 小さなウィンドウ: 線で区切る（影なし） */
.shell-stage .sh-box{box-shadow:none;border:1px solid #C9C7C0}

/* 卓の出し入れ（L.el.hidden）と、手札の置き場（ソリティアには手札が無いので隠す） */
.cd-layout.cd-table[hidden],.cd-layout > .cd-hand[hidden]{display:none}
/* 席が多いとき（CPU 7 人）は 2 段に折り返す */
.cd-seats.sol-seats{flex-wrap:wrap;row-gap:8px}

/* ホームの絵: CPU どうしのデモ（触れない）。本番と同じ C.layout を絵の箱いっぱいに */
.sh-art .cd-layout.sol-demo{left:0;right:0;top:0;bottom:0;border-radius:0;padding:10px 12px;pointer-events:none}

/* 遊び方の図（shell.guide の .sh-pic の中。260×160）。C.layout を 416×256 で作って 0.625 倍にする。場の中は 260×160 の座標の小さな盤 */
.sh-pic .cd-layout.sol-gl{left:50%;top:50%;right:auto;bottom:auto;width:416px;height:256px;transform:translate(-50%,-50%) scale(.625);padding:8px 10px;gap:6px;border-radius:0;pointer-events:none}
.sol-g{position:relative;flex:none;width:260px;height:160px;transform:scale(1.15);pointer-events:none}
.sol-g.sm{transform:scale(.78)}
.sol-g > .cd,.sol-g > .kl-slot{position:absolute;transition:none;cursor:default}
.sol-g-top{position:absolute;left:50%;top:50%;width:260px;height:160px;transform:translate(-50%,-50%);pointer-events:none}
.sol-g-mk{position:absolute;left:0;top:0;overflow:visible}
.sol-g-btn{position:absolute;min-height:0;min-width:0;padding:6px 16px;font-size:18px;line-height:1.3;white-space:nowrap}
.sol-g-clock{position:absolute;left:0;right:0;top:22px;text-align:center;font-size:48px;font-weight:700;font-variant-numeric:tabular-nums;color:inherit}

/* 設定（shell.panel の中） */
.sol-opts{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px}
.sol-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:460px}
.sol-seg{display:flex;gap:8px;flex-wrap:wrap}

/* 結果（shell.result）に足す 1 行。長いときは折り返す */
.sol-rsub{margin:0 24px;font-size:20px;color:var(--ui-sub);text-align:center}

/* 記録（shell.panel の中） */
.sol-rec{--mute:var(--ui-sub);color:var(--ui-ink);padding-top:6px}
.sol-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px 18px;margin:0 0 18px}
.sol-stats div{border-bottom:1px solid rgba(30,43,39,.18);padding:4px 0}
.sol-stats dt{font-size:14px;color:var(--mute)}
.sol-stats dd{margin:0;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}