/* 2026-11-01 23:55 shopさん: Mix Poker Ensemble の仮トップ画面。Drawmaha の猫の絵（top-cats）をやめ、ポーカー寄りの自作SVG（テーブル・カード・チップ）に。
   外部素材なし。プレイ中の猫キャラ（席・キャラ選び）はそのまま。差し替えは index.html の .pk-hero の SVG を書き換えるだけ。 */
#title { background:
  radial-gradient(90% 46% at 50% 30%, rgba(255, 77, 77, .16) 0%, rgba(142, 15, 22, .08) 45%, transparent 75%),
  radial-gradient(120% 70% at 50% 28%, #34363b 0%, #1a1b1e 48%, #0c0c0e 100%); }
.tt-hero.pk { height: auto; aspect-ratio: 400 / 300; width: calc(100% + 24 * var(--u)); margin-left: calc(-12 * var(--u)); }
.tt-hero.pk .tt-img, .tt-hero.pk .tt-fan, .tt-hero.pk .tt-halo { display: none; }
.pk-hero { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pk-card { transform-box: fill-box; transform-origin: 50% 120%; animation: pkSway 4.8s ease-in-out infinite; }
.pk-card:nth-of-type(2) { animation-delay: -.6s; } .pk-card:nth-of-type(3) { animation-delay: -1.2s; }
.pk-card:nth-of-type(4) { animation-delay: -1.8s; } .pk-card:nth-of-type(5) { animation-delay: -2.4s; }
.pk-chips { animation: pkBob 3.2s ease-in-out infinite; } .pk-chips.b { animation-delay: -1.1s; } .pk-chips.c { animation-delay: -2.1s; }
.pk-spark { animation: pkSpark 2.6s ease-in-out infinite; } .pk-spark.b { animation-delay: -1.3s; }
@keyframes pkSway { 0%, 100% { transform: rotate(var(--r)) translateY(0); } 50% { transform: rotate(calc(var(--r) + 1.5deg)) translateY(-3px); } }
@keyframes pkBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@keyframes pkSpark { 0%, 100% { opacity: .15; } 50% { opacity: .9; } }
@media (prefers-reduced-motion: reduce) { .pk-card, .pk-chips, .pk-spark { animation: none; } }
@media (orientation: landscape) and (max-height: 520px) { .tt-hero.pk { width: 100%; margin-left: 0; } }