/* ダイス5個の役づくり。ボタン・入力・枠の見た目は共通の /ui.css に任せ、ここでは盤と場面だけを描く */
/* 世界観（world.json 2026-10-31）: 凪の沖に止まった小さなヨットの甲板で、帆布のカップを伏せてサイコロを転がす。
   地は凪の沖の深い青緑 #1D4B53（シートの #0E4A55 を地の決まりの彩度・明度に寄せた）、字は帆布の白 #F2F7F5・薄い字 #A9C4C1。
   主なボタンは信号旗の赤 #C8342B に白 #FFFFFF の字。飾りはチークの赤茶 #9A5B2E（盤・ウィンドウの枠、黒い継ぎ目 #1A1410）と真鍮の金 #C9A23A（角の留め金・区切り線）。
   点数表・小さなウィンドウ・結果は帆布の地 #DCE3DE（織り目）に墨 #1E2B27 の字。金の枠は真鍮を薄く #E9DCA8。
   卓は cards.js の共通の緑のフェルト、サイコロも共通のまま */
/* 角丸は 6px まで・影なし（サイコロが宙にある間だけ落ちる影）・グラデーションなし */
/* ホーム・遊んでいる最中の帯・結果は共通部品（shell.home / bar / result）。ここではその中に置く物だけ */
.shell-stage{
  --dz-weave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath d='M0 .5H6M.5 0V6' stroke='%23AFBDB6' stroke-width='1' opacity='.5'/%3E%3C/svg%3E");
  --dz-teak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Crect width='48' height='48' fill='%239A5B2E'/%3E%3Cpath d='M12 3H36M12 7.5H36M12 40.5H36M12 45H36M3 12V36M7.5 12V36M40.5 12V36M45 12V36' stroke='%237C4521' stroke-width='1'/%3E%3Crect x='11' y='11' width='26' height='26' fill='none' stroke='%231A1410' stroke-width='2'/%3E%3Cg fill='%23C9A23A'%3E%3Crect width='12' height='12'/%3E%3Crect x='36' width='12' height='12'/%3E%3Crect y='36' width='12' height='12'/%3E%3Crect x='36' y='36' width='12' height='12'/%3E%3C/g%3E%3Cg fill='%236B5418'%3E%3Ccircle cx='6' cy='6' r='1.6'/%3E%3Ccircle cx='42' cy='6' r='1.6'/%3E%3Ccircle cx='6' cy='42' r='1.6'/%3E%3Ccircle cx='42' cy='42' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
}
.dz-root{position:absolute;left:0;top:0;overflow:hidden;background:#1D4B53;color:#F2F7F5;font-family:'Zen Kaku Gothic New',sans-serif;font-weight:500;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.dz-root *{box-sizing:border-box}
.gold-t{color:#C8342B}

/* 部屋の中だけの細い帯（巡と［ルール］）。ひとりのページは共通の帯 */
.dz-top{position:absolute;left:0;top:0;right:0;height:64px;display:flex;align-items:center;gap:16px;padding:0 20px;background:#1D4B53;color:#F2F7F5;border-bottom:2px solid #C9A23A}
.dz-top .dz-menu{margin-left:auto;min-height:44px}
.port .dz-top .dz-menu{font-size:22px}
.dz-rd{font-family:'Kaisei HarunoUmi',serif;font-weight:700;font-size:24px;white-space:nowrap}

/* みんなの合計点と一言（共通の帯のすぐ下） */
.dz-stat{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.dz-st{display:flex;gap:16px;white-space:nowrap;overflow:hidden;font-size:17px;line-height:1.2}
.port .dz-st{font-size:21px;gap:14px}
.dz-st span{display:inline-flex;align-items:baseline;gap:6px;color:#A9C4C1}
.dz-st em{font-style:normal;max-width:7em;overflow:hidden;text-overflow:ellipsis}
.dz-st b{font-size:1.24em;font-weight:900;color:#F2F7F5;font-variant-numeric:tabular-nums}
.port .dz-st b{font-size:1.19em}
.dz-st span.me{color:#F2F7F5}
.dz-st span.me b{color:#C9A23A}
.dz-msg{font-size:15px;color:#A9C4C1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.2em}
.port .dz-msg{font-size:20px}
.dz-msg.gold{color:#C9A23A;font-weight:900}

/* 盤（チークの枠と黒い継ぎ目・角に真鍮の留め金。中は共通の緑の卓。羅紗は cards.js の卓の色のまま） */
.dz-tray{position:absolute;border-style:solid;border-color:#9A5B2E;border-image:var(--dz-teak) 12 stretch;background:#1A1410}
.dz-root .dz-felt{position:absolute;inset:0;padding:0;border-radius:0;overflow:hidden}
.dz-d{position:absolute;left:0;top:0;transform-origin:50% 0;display:flex;flex-direction:column;align-items:center;cursor:default;--z:0;will-change:transform}
.dz-d .dz-face{width:100%;line-height:0;transform-origin:50% 50%;filter:drop-shadow(0 calc(var(--z) * 30px) calc(var(--z) * 18px) rgba(0,0,0,.4))}
/* 出目の札（帆布の地に細い線） */
.dz-tag{margin-top:6px;min-width:44px;padding:0 10px;border-radius:4px;background:#DCE3DE;color:#1E2B27;border:2px solid #1E2B27;font-weight:900;font-size:24px;line-height:28px;text-align:center;font-variant-numeric:tabular-nums}
.port .dz-tag{font-size:40px;line-height:48px;min-width:64px;border-width:3px;border-radius:6px}
.dz-d.rolling .dz-tag{visibility:hidden}
.dz-keep{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:16px;font-weight:900;letter-spacing:.2em;color:#FFFFFF;background:#C8342B;padding:1px 8px;border-radius:6px;display:none}
.port .dz-keep{font-size:22px;top:-34px}
.dz-d.held .dz-keep{display:block}
.dz-d.held .cd-die{outline:5px solid #C8342B;outline-offset:2px}
.dz-root.can-hold .dz-d{cursor:pointer}

/* 役ができた瞬間 */
.dz-yaku{position:absolute;left:50%;top:18px;transform:translateX(-50%);pointer-events:none;opacity:0;z-index:5;white-space:nowrap}
.dz-yaku.on{animation:yk1 .5s ease-out forwards}
.dz-yaku.t1{font:900 30px 'Zen Kaku Gothic New',sans-serif;color:#FFFFFF}
.port .dz-yaku.t1{font-size:40px}
.dz-yaku.t2{font:700 40px 'Kaisei HarunoUmi',serif;color:#C8342B;background:#DCE3DE;border:3px solid #C8342B;padding:2px 16px;transform:translateX(-50%) rotate(-6deg)}
.port .dz-yaku.t2{font-size:52px}
.dz-yaku.t2.on{animation:yk2 .9s cubic-bezier(.2,1.5,.4,1) forwards}
.dz-yaku.t3{top:50%;width:150px;height:150px;margin-top:-75px;display:flex;align-items:center;justify-content:center;font:700 110px/1 'Kaisei HarunoUmi',serif;color:#C8342B;background:#DCE3DE;border:5px solid #C8342B;transform:translateX(-50%) rotate(-8deg)}
.port .dz-yaku.t3{width:190px;height:190px;margin-top:-95px;font-size:140px}
.dz-yaku.t3.on{animation:yk3 1.4s cubic-bezier(.2,1.5,.4,1) forwards}
@keyframes yk1{0%{opacity:0;margin-top:8px}20%{opacity:1;margin-top:0}80%{opacity:1}100%{opacity:0}}
@keyframes yk2{0%{opacity:0;scale:2.4}25%{opacity:1;scale:1}85%{opacity:1}100%{opacity:0}}
@keyframes yk3{0%{opacity:0;scale:3}20%{opacity:1;scale:.92}30%{scale:1}85%{opacity:1}100%{opacity:0}}

/* できている役 */
.dz-made{position:absolute;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px 18px;padding-top:4px}
.dz-made b{display:inline-flex;align-items:baseline;gap:6px;color:#F2F7F5;font-weight:900;font-size:21px}
.dz-made b small{font-size:15px;font-weight:500;color:#A9C4C1}
.dz-made b span{color:#C9A23A;font-size:24px}
.port .dz-made b{font-size:26px}
.port .dz-made b small{font-size:18px}
.port .dz-made b span{font-size:30px}

/* カップと持ち時間の輪・取り消す */
.dz-cupbox{position:absolute}
.dz-cup{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;touch-action:none;outline:none}
.port .dz-cup{flex-direction:row;justify-content:flex-start;gap:14px}
.dz-cupsvg{position:relative;z-index:1;width:110px;height:122px;transform-origin:50% 70%;transition:transform .14s ease-out}
.port .dz-cupsvg{width:84px;height:94px}
.dz-ring{position:absolute;width:150px;height:150px;left:50%;top:6px;margin-left:-75px;transform:rotate(-90deg);display:none}
.port .dz-ring{width:118px;height:118px;left:6px;top:3px;margin-left:0}
.dz-cupbox.timed .dz-ring{display:block}
.dz-ring circle{fill:none;stroke-width:7}
.dz-ring .bg{stroke:rgba(242,247,245,.18)}
.dz-ring .fg{stroke:#C9A23A;stroke-dasharray:100;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset .1s linear}
.dz-cupbox.warn .dz-ring .fg{stroke:#C8342B}
.port .dz-cup .dz-cupsvg{margin-left:23px}
.dz-cup-l{position:relative;z-index:1;text-align:center;font-size:16px;line-height:1.2;min-height:44px;display:flex;flex-direction:column;justify-content:center;color:#A9C4C1}
.dz-cup-l b{font-size:26px;font-weight:900;color:#F2F7F5;letter-spacing:.15em}
.port .dz-cup-l{font-size:20px}
.port .dz-cup-l b{font-size:32px}
.dz-cup.ready .dz-cupsvg{animation:cupwait 1.6s ease-in-out infinite}
.dz-cup.off{cursor:default}
.dz-cup.off .dz-cupsvg{opacity:.5}
.dz-cup.shake .dz-cupsvg{animation:cupshake .16s linear infinite;opacity:1}
.dz-cup.pour .dz-cupsvg{animation:none;transform:translate(-20px,-26px) rotate(-70deg);opacity:1}
.dz-cup:focus-visible .dz-cupsvg{outline:3px solid #C9A23A;outline-offset:4px}
@keyframes cupwait{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg) translateY(-3px)}}
@keyframes cupshake{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(-7px,-5px) rotate(-11deg)}50%{transform:translate(2px,-9px) rotate(3deg)}75%{transform:translate(7px,-4px) rotate(11deg)}100%{transform:translate(0,0) rotate(0)}}
.dz-root .dz-undo{position:absolute;left:4px;right:4px;top:50%;height:60px;margin-top:-30px;font-size:22px;display:none;overflow:hidden;padding:0}
.port .dz-undo{height:96px;margin-top:-48px;font-size:32px}
.dz-undo i{position:absolute;left:0;right:0;bottom:0;height:6px;background:#C9A23A;transform-origin:0 50%}
.dz-cupbox.undo .dz-undo{display:block}
.dz-cupbox.undo .dz-cup{visibility:hidden}

/* 小さなサイコロ（cards.js）を役の例に並べる */
.rl .cd-dice{gap:3px}

/* 得点表（帆布の地に織り目と細い罫線、真鍮の縁。自分の 1 列）。上の 6 枠＋小計と下の 6 枠＋合計を左右 2 段に分け、1 行を 44px より高くする */
.dz-sheet{position:absolute;background:var(--dz-weave),#DCE3DE;color:#1E2B27;border:2px solid #C9A23A;border-radius:4px;overflow:hidden}
.dz-cols{display:flex;width:100%;height:100%}
.dz-sheet table{width:50%;height:100%;border-collapse:collapse;table-layout:fixed}
.dz-sheet table + table{border-left:2px solid #9A5B2E}
.dz-sheet col.c-q{width:44px}
.dz-sheet col.c-pt{width:70px}
.port .dz-sheet col.c-q{width:56px}
.port .dz-sheet col.c-pt{width:110px}
.dz-sheet td{border-bottom:1px solid #AFBDB6;text-align:center;font-size:24px;padding:0 4px;font-variant-numeric:tabular-nums;position:relative}
.port .dz-sheet td{font-size:24px}
.dz-sheet td.nm{text-align:left;padding-left:10px;font-weight:900;font-size:19px;line-height:1;white-space:nowrap;overflow:hidden}
.dz-sheet td.nm small{display:block;font-size:14px;font-weight:700;color:#56635E;margin-top:2px}
.port .dz-sheet td.nm{font-size:22px}
.port .dz-sheet td.nm small{margin-top:4px;font-size:17px}
.dz-sheet td.q{color:#56635E;font-size:20px;font-weight:700;cursor:pointer;padding:0}
.port .dz-sheet td.q{font-size:22px}
.dz-sheet td.q:hover{color:#1E2B27;background:#C9D3CD}
.dz-sheet td.q:focus-visible{color:#1E2B27;outline:3px solid #1E2B27;outline-offset:-3px}
.dz-sheet .fb{display:inline-block;margin-left:8px;font-style:normal;font-size:12px;font-weight:900;line-height:1;padding:3px 5px;border:1px solid #C8342B;color:#C8342B;border-radius:4px;vertical-align:middle}
.port .dz-sheet .fb{font-size:14px}
.dz-sheet td.nm small + .fb{margin-left:0;margin-top:2px}
.port .dz-sheet td.nm small + .fb{margin-top:4px}
.dz-sheet .fb.tk{background:#C8342B;color:#FFFFFF}
.dz-sheet td.pt.open{color:#56635E}
.dz-sheet td.pt.open.hot{color:#C8342B;font-weight:900}
.dz-sheet td.pt.act{cursor:pointer}
.dz-sheet td.pt.act:hover{outline:3px solid #C8342B;outline-offset:-3px}
.dz-sheet td.pt.act:focus-visible{outline:3px solid #1E2B27;outline-offset:-3px}
.dz-sheet td.pt.done{font-weight:900}
.dz-sheet td.pt.zero{color:#56635E}
.dz-sheet .p10{font-style:normal;font-size:12px;color:#C8342B;margin-left:3px;vertical-align:top}
.port .dz-sheet .p10{font-size:14px}
.dz-sheet td.pt.gold{background:#E9DCA8}
.dz-sheet .x2{position:absolute;right:4px;top:2px;font-style:normal;font-size:12px;font-weight:900;color:#7A5A10}
.port .dz-sheet .x2{font-size:14px}
.dz-sheet td.pt.glow{animation:goldglow 1s ease-out}
@keyframes goldglow{0%{background:#C9A23A}100%{background:#E9DCA8}}
.dz-sheet td.pt.crown .dz-crown{position:absolute;left:2px;top:4px;width:22px;height:16px;animation:crown .2s steps(2) 3}
.port .dz-sheet td.pt.crown .dz-crown{width:36px;height:25px;left:4px;top:50%;margin-top:-12px}
@keyframes crown{0%{opacity:1}50%{opacity:0}}
.dz-sheet tr.sum td{background:#C9D3CD;font-weight:900;font-size:18px;border-bottom:0}
.port .dz-sheet tr.sum td{font-size:20px}
.dz-sheet tr.sum small{font-size:12px;color:#56635E;font-weight:500}
.port .dz-sheet tr.sum small{font-size:15px}
.dz-sheet tr.sum td.nm small{display:block;margin-top:4px}
.dz-sheet .bn{color:#C8342B;font-size:14px;margin-left:3px}
.dz-sheet tr.tot td{background:#C9D3CD;color:#1E2B27;font-weight:900;font-size:26px;border-bottom:0}
.dz-sheet tr.tot td.nm{font-size:19px}
.port .dz-sheet tr.tot td{font-size:26px}
.port .dz-sheet tr.tot td.nm{font-size:21px}
.dz-sheet td.flash{animation:cellflash 1.1s ease-out}
@keyframes cellflash{0%{background:#C8342B;color:#FFFFFF}100%{background:transparent}}

/* 「？」の 1 行 */
.dz-tip{position:absolute;z-index:14;background:#DCE3DE;color:#1E2B27;border:1px solid #1E2B27;border-radius:4px;padding:8px 14px;font-size:18px;font-weight:700;white-space:nowrap;display:none}
.port .dz-tip{font-size:24px}
.dz-tip.on{display:block}

/* 重ねる画面（部屋の中の卓の層。出している間だけ置く。ひとりのページは shell.panel） */
.dz-layer{position:absolute;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:rgba(14,40,46,.5)}
.dz-layer.on{display:flex}
.ov-p{margin:6px 0;font-size:16px;line-height:1.6}

/* ルール */
.rl{border-collapse:collapse;font-size:15px;margin-top:8px}
.rl td{border-bottom:1px solid #AFBDB6;padding:5px 8px;vertical-align:middle}
.rl td:first-child{font-weight:900;white-space:nowrap}
.rl small{display:block;font-weight:700;font-size:14px;color:#56635E}
.rl .ex{white-space:nowrap}
.rl .pt{font-weight:900;color:#C8342B;white-space:nowrap}
.port .rl{font-size:14px}

/* 記録 */
.rec-big{font:700 56px 'Kaisei HarunoUmi',serif;line-height:1}
.rec-big small{font:700 16px 'Zen Kaku Gothic New',sans-serif;margin-left:4px;color:#56635E}
.rec-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rec-tile{padding-top:6px;min-width:0}
.rec-tile .rec-h{font-size:14px;color:#56635E;white-space:nowrap}
.rec-grid{display:grid;grid-template-columns:auto auto auto auto;gap:4px 16px;font-size:15px;margin-top:10px}
.rec-grid .rec-h{font-size:12px;color:#56635E;border-bottom:1px solid #C9A23A}
.rec-list{font-size:14px;line-height:1.7;margin:8px 0 0;padding:0;list-style:none}
.rec-list li{border-bottom:1px solid #AFBDB6}
.dz-opt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.dz-opt > span{width:4.5em;font-size:15px;color:#56635E;letter-spacing:.05em}

/* ホームの絵: CPU 同士のデモ（本番の卓を縮めて置く。操作は受け付けない。サイコロは薄くして押せる駒と見分ける） */
.dz-demo{position:absolute;transform-origin:0 0;pointer-events:none}
.dz-demo *{pointer-events:none!important}
.dz-demo .dz-cup{cursor:default}
.dz-demo .dz-d{opacity:.72}
.dz-yaku-link{display:block;margin:2px 0 0;padding:0 4px;min-height:44px;min-width:44px;line-height:44px;background:none;border:0;font:700 15px 'Zen Kaku Gothic New',sans-serif;color:#A9C4C1;text-decoration:underline;cursor:pointer}
.dz-yaku-link:hover{color:#F2F7F5}
.sh-foot .ui-btn.dz-first{outline:2px solid #C9A23A;outline-offset:2px;margin-right:18px}

/* ホーム（凪の沖。字は帆布の白）と遊んでいる最中の帯。主なボタンは信号旗の赤 #C8342B に #FFFFFF の字。
   2 つ目以降のボタン（オンラインで相手をさがす・下の段・取り消す・やめる）は細い線（青緑の地では帆布の白、帆布の地では墨） */
.sh-home{background:#1D4B53;--ui-ink:#F2F7F5;--ui-sub:#A9C4C1;--ui-card:#173F46}
.sh-home .ui-btn.sub,.sh-bar .ui-btn.sub,.sh-acts .ui-btn.sub,.dz-top .ui-btn.sub,.dz-root .ui-btn.sub{background:#1D4B53;color:#F2F7F5;border:1px solid #F2F7F5;box-shadow:none}
.sh-home .ui-btn.sub:hover,.sh-bar .ui-btn.sub:hover,.sh-acts .ui-btn.sub:hover,.dz-top .ui-btn.sub:hover,.dz-root .ui-btn.sub:hover{background:#173F46;color:#F2F7F5;border-color:#F2F7F5}
.sh-win .ui-btn.sub,.sh-result .ui-btn.sub,.dz-layer .ui-btn.sub{background:transparent;color:#1E2B27;border:1px solid #1E2B27;box-shadow:none}
.sh-win .ui-btn.sub:hover,.sh-result .ui-btn.sub:hover,.dz-layer .ui-btn.sub:hover{background:#C9D3CD;color:#1E2B27;border-color:#1E2B27}
.sh-home .ui-btn:not(.sub),.sh-bar .ui-btn:not(.sub),.sh-acts .ui-btn:not(.sub),.sh-win .ui-btn:not(.sub){background:#C8342B;color:#FFFFFF;border-color:#C8342B;box-shadow:none}
.sh-bar{background:#1D4B53;color:#F2F7F5;border-bottom:2px solid #C9A23A}
.sh-bar .sh-info2{color:#A9C4C1}
/* 小さなウィンドウ・結果は帆布の地（織り目）をチークの枠と黒い継ぎ目で囲む。選んでいる札は赤の地に白の字 */
.shell-stage{--ui-card:#DCE3DE;--ui-ink:#1E2B27;--ui-sub:#56635E;--ui-chip:#C9D3CD;--ui-paper:#DCE3DE;--ui-soft:#AFBDB6;--ui-shade:rgba(220,227,222,.97)}
.sh-win{background:rgba(14,40,46,.5)}
.sh-box{background:var(--dz-weave),#DCE3DE;box-shadow:0 0 0 2px #1A1410,0 0 0 8px #9A5B2E}
.sh-tabs button[aria-selected="true"]{color:#FFFFFF}
.sh-win .ui-input,.dz-det .ui-input{background:#DCE3DE;color:#1E2B27;border:1px solid #56635E;box-shadow:none}
.dz-demo-tag{position:absolute;right:10px;bottom:10px;z-index:2;pointer-events:none;font:700 14px 'Zen Kaku Gothic New',sans-serif;color:#F2F7F5;background:rgba(23,63,70,.92);border:1px solid #C9A23A;border-radius:4px;padding:2px 8px}

/* 「詳しく」「設定」の中身（shell.panel の中） */
.dz-det{font-size:16px}
.dz-det .ui-btn{font-size:16px;padding:6px 14px;min-height:44px}
.dz-det .ui-input{font-size:16px}
.dz-det .dz-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

/* 結果の印（勝ち負けが決まった瞬間の判。信号旗の赤。共通の結果の画面の頭に置く）と船長の一言 */
.dz-stamp{display:inline-flex;align-items:center;justify-content:center;width:124px;height:124px;border:5px solid #C8342B;color:#C8342B;font:700 86px/1 'Kaisei HarunoUmi',serif;transform:rotate(-8deg);animation:stamp .45s cubic-bezier(.2,1.5,.4,1) both;background:#DCE3DE;flex:none}
.dz-stamp.lose{border-color:#56635E;color:#56635E}
.dz-stamp.long{font-size:56px;width:170px}
.dz-stamp.still{animation:none}
@keyframes stamp{0%{transform:rotate(-8deg) scale(3.2);opacity:0}70%{transform:rotate(-8deg) scale(.92);opacity:1}100%{transform:rotate(-8deg) scale(1)}}
.dz-voice{margin:0;font:700 20px/1.5 'Zen Kaku Gothic New',sans-serif;color:#56635E;text-align:center}
.dz-rrank{font-size:15px;line-height:1.6;text-align:center;font-family:'Zen Kaku Gothic New',sans-serif}
.dz-rrank ol{margin:4px auto 0;padding:0;list-style:none;font-size:14px;min-width:280px;max-width:320px;text-align:left}
.dz-rrank li{display:flex;justify-content:space-between;border-bottom:1px solid #AFBDB6;padding:0;background:none}
.dz-rrank li.me{color:#C8342B;font-weight:900}
.dz-best{display:block;margin-bottom:2px;font-size:20px;font-weight:900;color:#C8342B;letter-spacing:.06em}

/* 遊んでいる最中・部屋の中の主なボタンもホームと同じ信号旗の赤に（共通の /ui.css のボタンの色の変数） */
.dz-root{--ui-red:#C8342B;--ui-red-ink:#FFFFFF;--ui-ink:#F2F7F5;--ui-sub:#A9C4C1;--ui-card:#1D4B53}
.dz-layer{--ui-red:#C8342B;--ui-red-ink:#FFFFFF;--ui-ink:#1E2B27;--ui-sub:#56635E;--ui-card:#DCE3DE}

/* 部屋の中: 共通の画面（shell.panel / shell.result）を部屋が渡した箱に出すので、ひとりで遊ぶときと同じ色の組をその箱に */
.dz-room{--ui-card:#DCE3DE;--ui-ink:#1E2B27;--ui-sub:#56635E;--ui-chip:#C9D3CD;--ui-paper:#DCE3DE;--ui-soft:#AFBDB6;--ui-shade:rgba(220,227,222,.97);--ui-red:#C8342B;--ui-red-ink:#FFFFFF}
.dz-room .sh-result .ov-p{margin:0;font-size:20px;color:#56635E}

@media (prefers-reduced-motion: reduce){.dz-cup.ready .dz-cupsvg,.dz-cup.shake .dz-cupsvg{animation:none}}