/* シーン選択／トップ 共通（結果画面と同じ色・部品・書体）
   書体: UI＝ja Noto Sans JP / zh Noto Sans TC、数字・英字＝Nunito、学習フレーズ＝Zen Maru Gothic（結果・プレイと同じ） */
body.lang-ja{font-family:"Noto Sans JP",sans-serif}
body.lang-zh-TW{font-family:"Noto Sans TC","Noto Sans JP",sans-serif}
[lang=ja]{font-family:"Noto Sans JP",sans-serif}
[lang^=zh]{font-family:"Noto Sans TC",sans-serif}
.rpanel,.card3,.dlg9{color:var(--panel-ink)}
/* HUD */
.hud.sx{align-items:center}
.hud.sx .sp{flex:1}
.hud.sx .lang7{position:static;transform:none;margin:0}
.ttl9{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px 0 6px}
.ttl9 .no svg{width:18px;height:18px}
.ttl9 small{display:block;font:800 10px/1.3 "Nunito",sans-serif;letter-spacing:.14em;color:#8FA6D8}
.ttl9 b{font-size:16px;font-weight:900;white-space:nowrap}
.m .ttl9{height:36px;padding:0 10px 0 4px;gap:7px}.m .ttl9 .no{width:28px;height:28px}.m .ttl9 small{display:none}.m .ttl9 b{font-size:14px}
/* サムネ: 背景の切り出し＋記号1つ */
.th{position:relative;flex:none;display:block;width:76px;height:52px;border-radius:10px;background-size:420% auto;border:2px solid rgba(63,224,232,.35);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}
.th::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,8,26,.45))}
.th .thb{position:absolute;z-index:1;right:6px;top:6px;width:26px;height:18px;border-radius:999px;background:#fff;color:#16879A;display:grid;place-items:center;box-shadow:0 2px 4px rgba(0,0,0,.35)}
.th .thb svg{width:62%;fill:currentColor}
.th .thb.k-heart{color:#F27BA8}.th .thb.k-note svg,.th .thb.k-laugh svg{width:52%}
.th .thb.k-laugh{background:rgba(10,20,50,.85);color:#BFF6FA}
.th.lg{width:132px;height:88px;border-radius:14px}
.th.lg .thb{width:38px;height:26px;right:8px;top:8px}
/* 状態の札 */
.bdg{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:56px;height:30px;padding:0 9px;border-radius:999px;font:900 11px/1 "Nunito",sans-serif;letter-spacing:.08em;white-space:nowrap}
.bdg.clr{background:rgba(255,200,87,.14);color:#FFC857;border:1.5px solid rgba(255,200,87,.6)}
.bdg.clr b{font:italic 900 18px/1 "Nunito",sans-serif}.bdg.clr small{font-size:8.5px;letter-spacing:.16em;opacity:.85}
.bdg.nxt{background:var(--pri);color:var(--pri-ink);box-shadow:0 0 14px rgba(63,224,232,.55)}
.bdg.new{color:var(--ink-3);border:1.5px dashed rgba(113,130,174,.7);font:800 11px/1 inherit;letter-spacing:.02em}
/* メタ */
.meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.meta i{font-style:normal;opacity:.5}.meta span{display:inline-flex;align-items:center;gap:3px}.meta svg{width:13px;height:13px;color:var(--accent)}
/* フレーズの見本（言葉はパネルだけ） */
.phr{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:rgba(5,12,32,.6);border:1.5px solid var(--tile-line)}
.phr b{font:900 17px/1.3 "Zen Maru Gothic","Noto Sans JP",sans-serif;color:var(--panel-ink)}
.phr small{font:800 11.5px/1.2 "Nunito",sans-serif;color:var(--ink-3);letter-spacing:.03em}
.phr span{font-size:12px;font-weight:500;color:var(--ink-2)}
.phr.big b{font-size:21px}
/* 主ボタン（結果画面の pri と同じ） */
.btn.pri9{height:70px;font-size:20px;box-shadow:0 6px 0 var(--pri-edge),0 0 28px rgba(63,224,232,.6),0 14px 28px rgba(0,0,0,.28)}
.btn.pri9 small{font:800 11px/1 "Noto Sans JP",sans-serif;letter-spacing:.04em;opacity:.8}
.lang-zh-TW .btn.pri9 small{font-family:"Noto Sans TC",sans-serif}
.btn.pri9 b svg{width:18px;height:18px}
.m .btn.pri9{height:58px;font-size:17px}
.chipbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--sec);border:1.5px solid var(--sec-line);font-size:12.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.chipbtn svg{width:15px;height:15px;color:var(--accent)}.chipbtn b{color:var(--panel-ink);font-weight:900}
.kh{margin-left:auto;font:800 11.5px/1 "Nunito","Noto Sans JP",sans-serif;color:var(--ink-3);white-space:nowrap}
.lang-zh-TW .kh{font-family:"Nunito","Noto Sans TC",sans-serif}
/* 学習ペア */
.pair{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink-2);white-space:nowrap}
.pair svg{width:15px;height:15px;color:var(--accent)}.pair b{color:var(--panel-ink)}
/* 止め絵 */
.chara,.cb,.mk{animation:none!important}
/* YOUR TURN 型の下パネル（プレイ画面の .dlg と同じ見た目） */
.dlg9{position:absolute;z-index:9;border-radius:20px;background:linear-gradient(180deg,rgba(16,30,70,.95),rgba(8,15,38,.97));box-shadow:0 0 0 2px rgba(63,224,232,.25),0 24px 60px rgba(0,0,0,.6)}
.dlg9 .pg{gap:16px;padding:22px 26px 20px}
.bt9{display:flex;flex-direction:column;gap:6px;min-width:0}
.bt9 small{font-size:11.5px;font-weight:800;color:var(--accent)}
.bt9 b{font-size:22px;font-weight:900;white-space:nowrap}
.row9{display:flex;align-items:center;gap:8px}
.row9 .sp{flex:1}