/* 世界観: 碁会所の畳の若草色の地（彩度 40%・明度 74%）に榧の盤、墨の字。主なボタンは黒石、ほかは白石。朱は禁点だけ */
:root{--paper:#c2d7a2;--ink:#2b2722;--ai:#1f1c19;--ai-ink:#f4f1ea;--red:#8f2a22;--mute:#403a2e;--line:#92ac6c;--deep:#b9d392;--wood:#8f6a3a}
/* 一番後ろ（枠の外）の色は共通なので、html・body の背景は作品で塗らない */
/* 書体は 2 つだけ: 題字・見出し・大きな字はしっぽり明朝、本文と数字は Zen Kaku Gothic New */
body{margin:0;font-family:"Zen Kaku Gothic New",sans-serif}
.h092-gm{position:absolute;inset:0;background:var(--paper);overflow:hidden;font-family:"Zen Kaku Gothic New",sans-serif;color:var(--ink)}

/* 盤（榧の縁を濃い木の色の線で） */
.h092-bd{position:absolute;outline:3px solid var(--wood)}
.h092-bd canvas{display:block;width:100%;height:100%;touch-action:none;cursor:pointer;transition:opacity .2s}
/* 自分の番でないときの盤: 薄くして矢印を「押せない」にする（押すと理由とブザーは出る） */
.h092-bd canvas.off{cursor:not-allowed;opacity:.62}

/* ホームの題字: 題字全体を墨の同じ書体で 1 つにまとめる（一部の語だけ色や印を変えない） */
.h092-logo{display:flex;align-items:baseline;gap:14px;white-space:nowrap;line-height:1;font-family:"Shippori Mincho",serif;font-weight:800;color:#1f1c19;letter-spacing:.04em}
.h092-lw{font-size:56px}
.h092-lk{font-size:30px}
.h092-flash{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:scale(.86);transition:opacity .2s,transform .2s;line-height:1.1}
.h092-flash.show{opacity:1;transform:scale(1)}
.h092-flash b{font-size:1em;font-weight:800;-webkit-text-stroke:.03em #f7f2e8;paint-order:stroke fill;letter-spacing:.06em}
.h092-flash small{font-size:.26em;font-weight:800;letter-spacing:.3em}
/* 大きな字は木の盤の上に出すので、盤の墨と朱 */
.h092-flash.red b,.h092-flash.red small{color:#a3302a}
.h092-flash.ink b,.h092-flash.ink small{color:#2b2722}
.h092-flash.ink b{font-size:.9em}

/* 横の欄（中身は縮めて置く。部屋の party.js と共用） */
.pw{position:absolute}
.pin{transform-origin:0 0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden}
.pin p{margin:0}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.small{font-size:.86em;color:var(--mute);line-height:1.5}
.who{display:flex;gap:6px}
.side{display:flex;align-items:center;gap:7px;padding:4px 8px 5px;border-bottom:3px solid transparent;flex:1;min-width:0;white-space:nowrap}
.side.now{border-bottom-color:var(--ai)}
.stone{flex:none;width:20px;height:20px;border-radius:50%;display:inline-block;box-sizing:border-box}
.stone.k{background:#1f1c19;border:1.5px solid #1f1c19}
.stone.s{background:#f4f1ea;border:1.5px solid #7a7062}
.msg{min-height:3.1em;font-size:1.08em;line-height:1.5}
.msg b{color:var(--red)}
.op{min-height:1.4em;font-size:.95em}
.op b{font-size:1.15em}
.res-big{font-size:2.3em;font-weight:800;color:var(--ai);line-height:1.1}
.h092-prules{font-size:.98em;line-height:1.5;color:var(--ink);border-left:3px solid var(--line);padding-left:8px;transition:font-size .5s,border-color .5s,color .5s}
.h092-prules.hi{font-size:1.22em;border-left-color:var(--red);color:var(--red);transition:none}

/* ホームの絵（CPU 同士のデモ。押しても何も起きない） */
.h092-home{font-family:"Zen Kaku Gothic New",sans-serif}
.h092-home .sh-info{overflow-y:auto}
.h092-home .sh-art{background:var(--deep);pointer-events:none}
.h092-cap{position:absolute;margin:0;font-size:22px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.h092-cap b{color:var(--red)}
.sh-port .h092-cap{font-size:20px}

/* 対局中の欄: 名前は 1 人 1 行（長い「CPU（やさしい）」も切れない） */
.h092-who{flex-direction:column;gap:2px}
.h092-who .side{white-space:normal;overflow-wrap:anywhere}

/* 詳しく・設定（shell.panel の中） */
.h092-col p{margin:0}
.h092-lvrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}
.h092-lvrow .ui-btn{white-space:nowrap}
.h092-lab{font-size:.9em;color:var(--mute);margin-top:6px!important;font-weight:800}
.h092-help{line-height:1.6}
.h092-help b{color:var(--red)}
.h092-col{display:flex;flex-direction:column;gap:10px}
.h092-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
table.h092-rec{border-collapse:collapse;width:100%;font-size:.95em}
table.h092-rec th,table.h092-rec td{border-bottom:1px solid var(--line);padding:5px 6px;text-align:center;font-weight:500}
table.h092-rec th:first-child,table.h092-rec td:first-child{text-align:left}
ol.h092-log{margin:0;padding-left:1.4em;line-height:1.7;font-size:.92em}
table.h092-rec td b{color:var(--ai);font-size:1.15em}
/* 記録: 勝った数・最多連勝・いまの連勝を大きな数で並べる（枠で囲まず上の線で区切る） */
.h092-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.h092-stats>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-top:3px solid var(--ai);min-width:0}
.h092-stats b{font-size:52px;line-height:1.1;color:var(--ai);white-space:nowrap}
.h092-stats b small{font-size:20px;color:var(--ink);margin-left:4px}
.h092-stats span{font-size:17px;white-space:nowrap}

/* ウィンドウ（遊び方・設定・記録）: 畳の地、見出しの下に盤の縁と同じ木の色の線 */
.shell-stage .sh-box{box-shadow:none;outline:2px solid var(--wood);outline-offset:-2px}
.shell-stage .sh-box header{border-bottom:2px solid var(--line);margin:0 20px 10px;padding-inline:0}
.shell-stage .sh-win{background:rgba(43,39,34,.4)}
.shell-stage .sh-pic{box-shadow:none;outline:1.5px solid var(--line)}
/* 対局中の帯: 地の上に細い墨の線で区切る */
.shell-stage .sh-bar{border-bottom:1.5px solid var(--line)}

/* ボタン: 主な操作は黒石の塗りに白い字。ほかは白石の面に墨の線（地に溶けず、黒の主ボタンとも分かれる）。角丸 4px・影なし */
.shell-stage,.h092-gm{--ui-chip:#d4e2bf;--ui-shade:rgba(194,215,162,.97);--ui-paper:#b9d392;--ui-soft:#92ac6c}
.shell-stage .ui-btn,.h092-gm .ui-btn{border-radius:4px;box-shadow:none}
.shell-stage .ui-btn:not(.sub),.h092-gm .ui-btn:not(.sub){background:var(--ai);color:var(--ai-ink)}
.shell-stage .ui-btn.sub,.h092-gm .ui-btn.sub{background:#f4f1ea;color:var(--ink);outline:2px solid #1f1c19;outline-offset:-2px}
.shell-stage .sh-tabs .ui-btn[aria-selected="true"]{background:var(--ai);color:var(--ai-ink);outline:none}