:root{--paper:#c7d7a2;--ink:#2b241b;--shu:#26496b;--sub:#4a3f2e;--ui-display:"Yuji Syuku",serif}
html,body{margin:0;height:100%}
/* 対局室の畳の若草色の地。共通の .ui-btn の形は変えず、色は shell.home の theme と共通の変数だけで合わせる */
.hs-stage{background:var(--paper);color:var(--ink);font-family:var(--ui-body,"Zen Kaku Gothic New",sans-serif);--ui-display:"Yuji Syuku",serif;--ui-shade:rgba(199,215,162,.97);--ui-chip:#b3c78a;--ui-paper:#dbe6bf;--ui-soft:#8fa266}

/* ホーム（共通の shell.home の中身）。右の列の物が縮んで中のボタンが隠れないようにする */
.hs-stage .sh-info h1{letter-spacing:.12em}
.hs-stage .sh-info>*{flex-shrink:0}
/* 下の段の 4 つ（遊び方・設定・記録・詳しく）が右の列の幅からはみ出さないように */
.hs-stage .sh-foot{flex-wrap:wrap;gap:10px}

/* 設定（ホームの［設定］の小さなウィンドウの中身） */
.hs-set{display:flex;flex-direction:column;gap:10px}
.hs-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hs-lab{flex:0 0 72px;font-size:19px;color:var(--sub)}
.hs-opts{display:flex;gap:8px;flex-wrap:wrap}
.hs-opts .ui-btn{font-size:19px;padding:8px 14px;white-space:nowrap}
.hs-note{font-size:18px;margin:0;color:var(--shu);font-weight:700}

/* 記録（自分だけの数字）: 強さごとに縦の列。勝ち数と最高の連勝を大きく */
.hs-top{margin:0 0 12px;font-size:22px}
.hs-top b{font-size:34px;color:var(--shu);margin-left:6px}
.hs-rks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.hs-rk{padding:10px 8px;text-align:center;white-space:nowrap}
.hs-rk+.hs-rk{border-left:1px solid rgba(43,36,27,.3)}
.hs-rk h4{margin:0;font-size:20px;font-weight:800}
.hs-rk p{margin:2px 0 0;font-size:17px;color:var(--sub)}
.hs-rk .hs-big{font-size:20px;color:var(--ink)}
.hs-rk .hs-big b{font-size:44px;line-height:1.15;margin-right:2px}
.hs-rk .hs-best{font-size:18px;color:var(--ink)}
.hs-rk .hs-best b{font-size:26px;color:var(--shu)}
.hs-sub{font-size:16px;color:var(--sub);margin:10px 0 0}

/* 結果（共通の shell.result に添える 1 行） */
.hs-why{font-size:22px;margin:0;padding:0 24px;text-align:center}

/* 部屋 */
.pp-wrap{position:absolute;left:0;top:0;transform-origin:0 0}