/* 明るく落ち着いたカード部屋（トランプ・カジノのシリーズ共通の組）: 地 #E9E8E3・墨色の文字 #1E2B27・薄い文字 #5C6660・えんじのボタン #8E3B2E。卓と札は cards.js の共通のまま */
:root{--paper:#E9E8E3;--card:#DEDCD5;--ink:#1E2B27;--sub:#5C6660;--red:#8E3B2E;--gold:#8E3B2E;--line:#C9C6BD;--wood:#8E3B2E}
/* ひとりで遊ぶページの枠の中（main.js が .bt-house を付ける）と部屋の画面の土台（party.js）。ホームと同じ組 */
.bt-house,.bt-scr{--ui-red:#8E3B2E;--ui-red-ink:#FFFFFF;--ui-card:#E9E8E3;--ui-ink:#1E2B27;--ui-sub:#5C6660;--ui-shade:#E9E8E3;--ui-chip:#DEDCD5;--ui-paper:#E9E8E3;--ui-soft:#C9C6BD}
.shell-stage.bt-house{background:#E9E8E3}
.bt-scr{position:absolute;inset:0;color:var(--ink);background:var(--paper);font-family:"Shippori Mincho B1",serif;overflow:hidden;user-select:none;-webkit-user-select:none}

/* ボタン: 1 つ目はえんじの面、2 つ目以降（下の段・帯・出す）は墨色の細い線（地は透明）。影なし */
.bt-house .ui-btn,.bt-scr .ui-btn{background:#8E3B2E;color:#FFFFFF;border:1.5px solid #8E3B2E;border-radius:6px;box-shadow:none}
.bt-house .ui-btn.sub,.bt-scr .ui-btn.sub,.bt-house .sh-foot .ui-btn,.bt-house .sh-bar .ui-btn,.bt-house .sh-box header .ui-btn,.bt-house .sh-tabs button{background:transparent;color:#1E2B27;border:1.5px solid #1E2B27;box-shadow:none}
.bt-house .ui-btn.sub:hover,.bt-scr .ui-btn.sub:hover,.bt-house .sh-foot .ui-btn:hover,.bt-house .sh-bar .ui-btn:hover{background:#DEDCD5;color:#1E2B27}
.bt-house .sh-tabs button[aria-selected="true"]{background:#8E3B2E;color:#FFFFFF;border-color:#8E3B2E}
.bt-house .ui-btn:disabled,.bt-scr .ui-btn:disabled{opacity:.45}
.bt-house .ui-input,.bt-scr .ui-input{background:#FFFFFF;color:#1E2B27;border:1.5px solid #5C6660;border-radius:6px}
.bt-house .sh-win{background:rgba(30,43,39,.35)}
.bt-house .sh-box{box-shadow:none;border:1.5px solid #C9C6BD}
/* 帯は地と同じ組。下は細い線で区切る */
.bt-house .sh-bar{background:#E9E8E3;color:#1E2B27;border-bottom:1.5px solid #C9C6BD}
.bt-house .sh-bar .sh-info2{color:#5C6660}

/* 卓は cards.js（C.layout）。ここは場（円の札と真ん中の山）の並べ方だけ。札・卓の色はさわらない */
.bt-lay .cd-seats{flex-wrap:wrap}
.bt-lay .cd-field.can{cursor:pointer}
.bt-ring{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.bt-ring .bt-slot{position:absolute;pointer-events:auto;touch-action:manipulation}
.bt-ring.can .bt-slot{cursor:pointer}
.bt-ring.can .bt-slot:hover{outline:3px solid #FFFFFF;outline-offset:1px}
.bt-pile{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:auto auto;gap:6px 14px;justify-items:center;pointer-events:none}
.bt-ps{width:var(--cd-w);height:calc(var(--cd-w)*1.4);border:2px dashed rgba(244,241,234,.35);border-radius:6px;box-sizing:border-box;display:flex}
.bt-ps .cd{margin:-2px}
.bt-pile .cd-label{grid-column:1 / 3;font-size:20px;white-space:nowrap}
.bt-fx{position:absolute;left:0;top:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:5}
.bt-fly{position:absolute;left:0;top:0}
/* 手札が多くて重ねると押せる幅が足りないときは、マークごとに 1 山にまとめて枚数を添える（view.js） */
.bt-lay .cd-hand.bt-grp .cd + .cd{margin-left:20px}
.bt-cnt{position:absolute;right:-8px;top:-12px;min-width:1.6em;text-align:center;font-size:18px;line-height:1.4;font-weight:700;color:#1E2B27;background:#E9E8E3;border:1.5px solid #8E3B2E;border-radius:6px;padding:0 4px;box-sizing:border-box}
/* 押せない理由を一言の帯に出している間 */
/* 一言の帯も地と同じ組（自分の番はえんじ） */
.bt-lay .cd-say{background:#E9E8E3;color:#1E2B27;border-radius:6px}
.bt-lay .cd-say.me{background:#8E3B2E;color:#FFFFFF}
.bt-lay .cd-say.bt-why{background:#E9E8E3;color:#1E2B27;outline:2px solid #8E3B2E;outline-offset:-2px}
.bt-lay .cd-seat .cd-think{font-size:16px}

/* ホームの絵と遊び方の図（卓を縮めて見せるだけ。押せない） */
.bt-art{position:absolute;inset:0;background:var(--paper);overflow:hidden;pointer-events:none}
.bt-demo{position:absolute;left:0;top:0;transform-origin:0 0}
.bt-demo,.bt-demo *{pointer-events:none!important}
.bt-gmark{position:absolute;left:0;top:0;pointer-events:none}
.bt-opts{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:center;margin:4px 0 8px;color:var(--ink);font-size:20px}
.bt-opts>label,.bt-opts>span{white-space:nowrap}
.bt-opts .bt-chk{white-space:normal;display:flex;align-items:center;gap:8px}

/* 記録（ホームの［記録］。自分の数字） */
.bt-rank{font-size:21px;line-height:1.6;color:var(--ink)}
.bt-best{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--wood);border-bottom:1.5px solid var(--wood)}
.bt-best div{display:flex;flex-direction:column;align-items:center;padding:10px 6px}
.bt-best div + div{border-left:1px solid var(--line)}
.bt-best span{font-size:18px;white-space:nowrap;color:var(--sub)}
.bt-best b{font-size:52px;line-height:1.1;color:var(--gold)}
.bt-best small{font-size:17px;color:var(--sub)}
.bt-rank p{margin:0}
.bt-rank .bt-sub{margin-top:10px;text-align:center;font-size:18px;color:var(--sub)}