/* 2026-11-02 15:06 shopさん: トップ絵をボス猫のエンブレム（1024x1024、のちにロゴにも使う）に差し替え。
   仮のポーカー絵（SVG）と、その下の英字タイトル（MIX POKER ENSEMBLE / ♠♥♦♣ / Mix Poker Ensemble）は出さない（絵に名前が入っているため）。
   見出しは読み上げ用に残す。色（黒・グレー・えんじ・赤・ベージュ）とボタンは今のまま。 */
.tt-hero.emb { height: auto; aspect-ratio: 1 / 1; width: min(calc(100% + 16 * var(--u)), 62vh, 520px); margin: calc(4 * var(--u)) auto 0; flex: none; }
@supports (height: 100dvh) { .tt-hero.emb { width: min(calc(100% + 16 * var(--u)), 62dvh, 520px); } }
.tt-hero.emb .tt-img, .tt-hero.emb .tt-fan, .tt-hero.emb .tt-halo { display: none; }
.tt-emblem { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: calc(14 * var(--u));
  /* 絵の黒地を画面の地（チャコール）へなじませる：四辺だけ薄くぼかす */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%), linear-gradient(180deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%), linear-gradient(180deg, transparent 0, #000 4%, #000 96%, transparent 100%);
  mask-composite: intersect; filter: drop-shadow(0 calc(8 * var(--u)) calc(22 * var(--u)) rgba(142, 15, 22, .35)); }
#title .tt-logo .tt-en, #title .tt-logo .tt-rule { display: none; }
#title .tt-logo .tt-jp { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#title .tt-logo { margin-top: calc(6 * var(--u)); }
#title .tt-sub { letter-spacing: calc(.6 * var(--u)); }
#title .tt-sect { padding-top: calc(14 * var(--u)); }
/* 横向きスマホ：左にエンブレム、右にボタン（title.css の2列配置のまま） */
@media (orientation: landscape) and (max-height: 520px) {
  .tt-hero.emb { width: auto; height: calc(270 * var(--u)); max-height: 66vh; margin: auto auto 0; transform: none; }
}
