/* 2026-10-15 共有カードの言語（cardlang.js）*/
/* 切り替え: カードの外。UI 言語ピル（.lang7.fl8）と同じ見た目の系統だが、ラベル付きで役割を分ける */
.clbar9{position:absolute;z-index:12;top:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap}
.clbar9 .h9{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;font:800 12.5px/1 var(--font-ja);background:rgba(0,0,0,.55);color:#fff;letter-spacing:.04em;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}
.cl9{display:inline-flex;align-items:center;gap:2px;height:30px;padding:3px 3px 3px 12px;border-radius:999px;background:rgba(6,14,36,.78);border:1.5px solid rgba(255,200,87,.45);backdrop-filter:blur(6px);box-sizing:border-box}
.cl9 .cl9l{font:800 11.5px/1 var(--font-ja);color:#FFC857;margin-right:6px;letter-spacing:.04em}
.cl9 a{font:800 12px/1 "Noto Sans JP",sans-serif;color:#9fb3c8;text-decoration:none;padding:5px 10px;border-radius:999px}
.cl9 a[lang^=zh]{font-family:"Noto Sans TC",sans-serif}
.lang-zh-TW .cl9 a:last-child{font-family:"Noto Sans TC",sans-serif}
.cl9 a.on{background:rgba(255,200,87,.18);color:#FFC857;box-shadow:inset 0 0 0 1px rgba(255,200,87,.6)}
.clbar9.sm{top:9px;left:8px;transform:none}
.clbar9.sm .cl9{height:28px;padding:2px 2px 2px 9px}
.clbar9.sm .cl9 .cl9l{font-size:10.5px;margin-right:4px}
.clbar9.sm .cl9 a{font-size:11px;padding:5px 8px}
/* 共有カードを少し下げてバーと離す（スマホ） */
.cl9x.m.view-share .share-card-m{top:46px}

/* --- カードの書体: 日本語=Noto Sans JP / 繁中=Noto Sans TC / 数字・英字=Nunito。学習フレーズ（.sj）は結果画面と同じ --- */
.share-card[data-cl] .j9{font-family:"Noto Sans JP",sans-serif}
.share-card[data-cl] .z9{font-family:"Noto Sans TC",sans-serif}
.share-card[data-cl]{--font-latin:"Nunito","Noto Sans JP",sans-serif}
.share-card[data-cl] .sj{font-family:"Zen Maru Gothic","Noto Sans JP",sans-serif}
.share-card[data-cl] .sr,.share-card[data-cl] .sc,.share-card[data-cl] .col,.share-card[data-cl] .stat .sv b,.share-card[data-cl] .gl b,.share-card[data-cl] .dt9{font-family:"Nunito",sans-serif}
.share-card[data-cl] .rkcol .bt{font-weight:900;letter-spacing:.02em}
.share-card[data-cl] .rkcol .bt .j9,.share-card[data-cl] .rkcol .bt .z9{font-weight:900}

/* --- 併記（both）: 日本語を上、繁中を下に小さく --- */
.share-card.cl-both .b9-stack{display:flex;flex-direction:column;align-items:inherit;line-height:1.15}
.share-card.cl-both .b9-stack .z9{font-size:.62em;font-weight:700;color:var(--ink-2);margin-top:3px;letter-spacing:.04em}
.share-card.cl-both .sl9{opacity:.5;margin:0 3px;font-weight:600}
.share-card.cl-both .b9-inline .z9{font-weight:700}
/* 見出し: シーンクリア！（24px）＋ 過關！（15px） */
.share-card.cl-both .rkcol .bt{display:flex;flex-direction:column;align-items:center}
.share-card.cl-both .rkcol .bt .z9{font-size:15px;color:color-mix(in srgb,var(--accent) 75%,#fff);margin-top:4px;font-weight:800}
/* ヘッダー: シーン名を2段に */
.share-card.cl-both .share-ch>b{align-items:flex-start}
.share-card.cl-both .share-ch>b .z9{font-size:12.5px}
.share-card.cl-both .share-ch>small .z9{font-weight:700}
/* 統計ラベル: 2段（同じ字面は1段） */
.share-card.cl-both .stat .sl.b9-stack{align-items:flex-start}
.share-card.cl-both .stat .sl.b9-stack .z9{font-size:10px;margin-top:1px;color:var(--ink-3)}
.share-card.cl-both .stat .sv em.b9-inline{font-size:9.5px}
.m .share-card.cl-both .stat .sl.b9-stack .z9{font-size:8px}
.m .share-card.cl-both .rkcol .bt .z9{font-size:11px;margin-top:2px}
.m .share-card.cl-both .share-ch>b .z9{font-size:11px}
.m .share-card.cl-both .stat .sv em.b9-inline{font-size:7px}
.share-card.cl-both .share-ch>small{display:inline-flex;align-items:baseline;white-space:nowrap;gap:0}
.share-card.cl-both .sl9{margin:0 5px}
.share-card.cl-both .b9-inline{white-space:nowrap}
/* スマホ併記: 自己ベスト札はタイル上辺のタブに（横に並べると「速度」がはみ出す） */
.m .share-card.cl-both .stat.best .sv em{display:inline-flex!important;flex-direction:column;align-items:center;line-height:1.1;padding:2px 5px!important;border-radius:6px!important}
.m .share-card.cl-both .stat.best .sv em .sl9{display:none}