html,body{margin:0;height:100%}
/* 一番後ろ（枠の外）の色は全ゲーム共通（shell.js）。作品では塗らない */
/* 共通の画面（結果・遊び方の図・記録の行）の地は変数で渡す（ボタンの見た目は theme の accent 経由だけで変える） */
.shell-stage{--ui-paper:#b4d7a2;--ui-soft:#89b474;--ui-chip:#d1e7c6;--ui-shade:rgba(180,215,162,.97)}
/* ホームの背景: 机の小物を端から覗かせる（文字の列にかからない余白の位置。縦横どちらの枠でも同じ指定で収まる） */
.tt-bd{position:absolute;display:block}
.tt-bd-ruler{top:-20px;right:32px}
.tt-bd-pencil{bottom:-34px;left:120px}
.tt-bd-eraser{top:44%;right:-72px}
.tt-bd-crumbs{top:46%;left:2px}
/* 画面の層（その画面を出している間だけ置く）と下敷き */
.tt-base{pointer-events:none}
.tt-layer{position:absolute;inset:0;font-family:var(--ui-body,"Zen Kaku Gothic New",sans-serif);color:#10263a;user-select:none;-webkit-user-select:none}
/* ホームの絵（デモ）と遊び方の図の CSS は guide.js が入れる（部屋の説明画面でも同じ物を使うため） */
/* ホーム: オンラインの見出しに待ちの表示が重ならないように（主ボタンは藍の色で目立たせる。大きさは共通のまま） */
.sh-room .shell-wait:empty{display:none}
.sh-room .ui-title{position:relative;z-index:1}
/* 詳しく・設定・戦績（小さなウィンドウの中身） */
.tt-row{display:flex;flex-wrap:wrap;gap:8px}
.tt-set{display:flex;flex-direction:column;gap:8px}
.tt-lab{font-size:20px;font-weight:700;margin:8px 0 0}
.tt-chips{display:flex;flex-wrap:wrap;gap:6px}
.tt-opt{display:inline-block;padding-bottom:4px;border-bottom:3px solid transparent}
.tt-opt.on{border-bottom-color:#10263a}
.tt-first{font-size:22px;font-weight:700;margin:0;padding:6px 12px;background:#d1e7c6}
.tt-desc{font-size:18px;margin:0;min-height:1.4em;color:#253f57}
.tt-go{margin-top:12px}
.tt-note{font-size:20px;margin:12px 0 0}
.tt-rec{border-collapse:collapse;font-size:24px;width:100%}
.tt-rec th,.tt-rec td{border-bottom:2px solid #89b474;padding:8px 12px;text-align:center}
.tt-rec td:first-child,.tt-rec th:first-child{text-align:left}
.tt-bests{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 8px}
.tt-big{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#d1e7c6}
.tt-big span{font-size:17px;white-space:nowrap}
.tt-big b{font-size:40px;line-height:1.1;white-space:nowrap}
.tt-big small{font-size:16px;font-weight:400;margin-left:2px}
/* 縦の枠の点数（4 人並び）: 名前と点を 1 段目、連取を 2 段目に。狭いので小さめに */
.shell-stage .tt-scores.row .tt-sc{grid-template-columns:auto auto;min-width:0;padding:4px 4px;column-gap:8px}
.shell-stage .tt-scores.row .tt-sc .pt{grid-row:auto;font-size:48px}
.shell-stage .tt-scores.row .tt-sc .nm{font-size:24px;white-space:nowrap}
.shell-stage .tt-scores.row .tt-sc .ch{grid-column:1 / -1;text-align:center;font-size:16px;white-space:nowrap}