/**
 * 今日の一枚ガチャ（トップ #gacha）見た目 v2 — 2026-09-27
 * 読み込み: inc/gacha-look.php（トップだけ・今までのガチャCSSのあと）
 *
 * 見た目だけ。抽選・回数・通信・保存・レア度・確率・ボイス・シェアの中身には関係しない。
 * 全部 #gacha の中に閉じている（ほかのページ・イベントガチャ・rds-* には当たらない）。
 * 撤収: functions.php の gacha-look.php の require 1行を消すだけ。
 *
 * 形:
 *   見出し（ちいさめ）
 *   土日/うさぎの日の帯（ひとことサイズ・結果が出たら1行だけ）
 *   ステージ（引く前=カプセル／引いた後=絵が主役・レア度は絵に重ねる）
 *     └ 状態カード（「今日の一枚が届きました」＋りんかのひとこと…を1枚に）
 *     └ もう1回ひく（土日・うさぎの日）
 *     └ みんなに教える → アイコンが1行
 *     └ [PR] つきの遊び終わり導線（中身は rinka-next-cta.js のまま）
 *   フッター（ラインナップ｜今まで集めたりんか）
 */

#gacha {
  --rg2-ink: #4a3040;
  --rg2-ink-soft: #8a7280;
  --rg2-accent: #e0629a;
  --rg2-accent-2: #c2568c;
  --rg2-line: #f3d6e4;
  --rg2-card: #ffffff;
  --rg2-soft: #fff5fa;
  --rg2-shadow: 0 10px 28px rgba(214, 120, 165, .16);
  padding: 26px 20px 22px;
}

/* ───────── 見出し ───────── */
#gacha .rinka-gacha__head { margin: 0 auto 14px; max-width: 560px; }
#gacha .rinka-gacha__head .rinka-kicker { margin-bottom: 2px; }
#gacha .rinka-gacha__title { margin: 2px 0 6px; font-size: 1.4em; letter-spacing: .02em; }
#gacha .rinka-gacha__lead { margin: 0; font-size: .86em; line-height: 1.75; }
#gacha .rinka-gacha__deco { opacity: .22; }

/* ───────── 土日・うさぎの日の帯（#gacha の中だけ・ほかの帯は今までどおり） ───────── */
#gacha .rinka-weekend-banner {
  max-width: 560px;
  margin: 0 auto 12px;
  padding: 8px 14px 8px 10px;
  gap: 10px;
  border-radius: 999px;
  border-width: 1px;
  text-align: left;
  box-shadow: 0 4px 12px rgba(220, 160, 60, .12);
}
#gacha .rinka-weekend-banner__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  font-size: 1.1rem;
  box-shadow: 0 2px 6px rgba(200, 120, 40, .18);
}
#gacha .rinka-weekend-banner__badge img { width: 26px; height: 26px; margin: 0; display: block; }
#gacha .rinka-weekend-banner__body { gap: 0; }
#gacha .rinka-weekend-banner__body b { font-size: .9rem; line-height: 1.4; }
#gacha .rinka-weekend-banner__body span { font-size: .76rem; line-height: 1.45; }
/* 結果が出ている間は、帯は1行だけ（くわしい案内は結果の状態カードが言う） */
#gacha .rinka-weekend-banner:has(+ .rinka-gacha__stage .rinka-gacha__result) .rinka-weekend-banner__body span { display: none; }

/* ───────── ステージ（引く前・演出中・引いた後・エラーを入れる窓） ───────── */
#gacha .rinka-gacha__stage {
  container-type: inline-size;
  min-height: 190px;
  padding: 22px 14px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 1px 1px, rgba(224, 98, 154, .10) 1px, transparent 1.6px) 0 0 / 16px 16px,
    radial-gradient(ellipse 70% 60% at 50% 0%, rgba(255, 214, 231, .75), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 245, 250, .92));
  border: 1px solid var(--rg2-line);
  box-shadow: inset 0 1px 0 #fff, 0 6px 18px rgba(214, 120, 165, .10);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* 引く前：カプセルのまわりにやわらかい輪 */
#gacha #rinka-gacha-btn { gap: 12px; min-height: 44px; }
#gacha #rinka-gacha-btn .rinka-gacha__capsule {
  width: 112px;
  height: 112px;
  border-width: 3px;
  background: radial-gradient(circle at 35% 30%, #fff, #ffeaf3 70%);
  box-shadow: 0 0 0 10px rgba(255, 214, 231, .55), 0 14px 30px rgba(233, 30, 99, .22);
  animation: rg2-breathe 2.8s ease-in-out infinite;
}
#gacha #rinka-gacha-btn .rinka-gacha__capsule > svg,
#gacha #rinka-gacha-btn .rinka-gacha__capsule > img { width: 50px; height: 50px; }
#gacha #rinka-gacha-btn .rinka-gacha__label {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  padding: 0 34px;
  font-size: 1.02em;
  letter-spacing: .06em;
}
#gacha #rinka-gacha-btn:focus-visible { outline: none; }
#gacha #rinka-gacha-btn:focus-visible .rinka-gacha__label { outline: 3px solid #f5b8d3; outline-offset: 3px; }
#gacha #rinka-gacha-btn.is-shaking .rinka-gacha__capsule { animation: rinka-capsule-shake .5s ease-in-out infinite; }
#gacha #rinka-gacha-btn.is-done .rinka-gacha__capsule { animation: none; filter: grayscale(.4); }
@keyframes rg2-breathe {
  0%, 100% { box-shadow: 0 0 0 8px rgba(255, 214, 231, .5), 0 14px 30px rgba(233, 30, 99, .2); }
  50%      { box-shadow: 0 0 0 16px rgba(255, 214, 231, .25), 0 14px 30px rgba(233, 30, 99, .26); }
}

/* ───────── 引いた後：結果 ───────── */
#gacha .rinka-gacha__result {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}
/* 並び順（あとから足される「もう1回ひく」「カードもゲット」も正しい場所へ） */
#gacha .rinka-gacha__result > * { order: 6; }
#gacha .rinka-gacha__result > .rinka-gacha__art,
#gacha .rinka-gacha__result > .rinka-gacha__multi { order: 1; }
#gacha .rinka-gacha__result > .rinka-gacha__status { order: 2; }
#gacha .rinka-gacha__result > .rinka-gacha__again-btn { order: 3; }
#gacha .rinka-gacha__result > .rinka-gacha__cardgain { order: 4; }
#gacha .rinka-gacha__result > .rinka-gacha__share { order: 5; }
/* 登場アニメは絵だけにかける（文字まで回らない） */
#gacha .rinka-gacha__result.is-fresh,
#gacha .rinka-gacha__result.rarity-4.is-fresh,
#gacha .rinka-gacha__result.rarity-5.is-fresh,
#gacha .rinka-gacha__result.rarity-6.is-fresh,
#gacha .rinka-gacha__result.rarity-7.is-fresh { animation: rg2-fade-up .5s ease both; }
#gacha .rinka-gacha__result.is-fresh::before,
#gacha .rinka-gacha__result.is-fresh::after { display: none; }
#gacha .rinka-gacha__result.is-fresh .rinka-gacha__art { animation: rinka-reveal .6s cubic-bezier(.34, 1.56, .64, 1) both; }
#gacha .rinka-gacha__result.rarity-4.is-fresh .rinka-gacha__art { animation: rinka-reveal-spin-sr .8s cubic-bezier(.34, 1.56, .64, 1) both; }
#gacha .rinka-gacha__result.rarity-5.is-fresh .rinka-gacha__art,
#gacha .rinka-gacha__result.rarity-6.is-fresh .rinka-gacha__art,
#gacha .rinka-gacha__result.rarity-7.is-fresh .rinka-gacha__art { animation: rinka-reveal-spin .95s cubic-bezier(.34, 1.56, .64, 1) both; }
#gacha .rinka-gacha__result.is-fresh > .rinka-gacha__status,
#gacha .rinka-gacha__result.is-fresh > .rinka-gacha__share { animation: rg2-fade-up .45s ease .35s both; }
@keyframes rg2-fade-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* 絵（主役）＋レア度を絵のふちに重ねる */
#gacha .rinka-gacha__art {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding-top: 14px;
}
#gacha .rinka-gacha__art .rinka-gacha__card {
  width: 100%;
  border-width: 3px;
  border-radius: 22px;
  box-shadow: var(--rg2-shadow);
}
#gacha .rinka-gacha__art .rinka-gacha__rarity {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 4px 14px 4px 6px;
  white-space: nowrap;
  font-size: .82em;
  letter-spacing: .08em;
  border: 2px solid #fff;
  box-shadow: 0 4px 12px rgba(120, 60, 100, .22);
}
#gacha .rinka-gacha__art .rinka-gacha__rarity::before {
  content: "";
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  background: center / contain no-repeat;
}
#gacha .rarity-1 .rinka-gacha__rarity::before { background-image: url(../img/rarity/N.webp); }
#gacha .rarity-3 .rinka-gacha__rarity::before { background-image: url(../img/rarity/R.webp); }
#gacha .rarity-4 .rinka-gacha__rarity::before { background-image: url(../img/rarity/SR.webp); }
#gacha .rarity-5 .rinka-gacha__rarity::before { background-image: url(../img/rarity/SSR.webp); }
#gacha .rarity-6 .rinka-gacha__rarity::before { background-image: url(../img/rarity/SECRET.webp); }
/* MYTHIC / GAME はもともとピルの中に絵が入っているので、前の絵は出さない */
#gacha .rarity-7 .rinka-gacha__art .rinka-gacha__rarity::before,
#gacha .rarity-9 .rinka-gacha__art .rinka-gacha__rarity::before { display: none; }
#gacha .rarity-7 .rinka-gacha__art .rinka-gacha__rarity,
#gacha .rarity-9 .rinka-gacha__art .rinka-gacha__rarity { padding-left: 14px; }
#gacha .rinka-gacha__art .rinka-gacha__rarity b { font-weight: 800; }
#gacha .rinka-gacha__art .rinka-gacha__caption {
  padding: 11px 14px 12px;
  font-size: .9em;
  line-height: 1.5;
  text-align: center;
}
/* NEW／かさなりの札は絵の左上（レア度は上のまんなか） */
#gacha .rinka-gacha__art .rgfx-tag { top: 16px; left: 10px; }

/* ───────── 2枚の日（土日・うさぎの日） ───────── */
#gacha .rinka-gacha__result--multi { max-width: 460px; }
#gacha .rinka-gacha__multi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
  gap: 12px;
  margin: 0;
  width: 100%;
}
#gacha .rinka-gacha__multi-item {
  position: relative;
  max-width: none;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#gacha .rinka-gacha__multi-item .rinka-gacha__multi-no {
  display: inline-block;
  margin: 0 0 4px;
  padding: 2px 10px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--rg2-line);
  font-size: .72em;
  letter-spacing: .06em;
}
#gacha .rinka-gacha__multi-item .rinka-gacha__art { max-width: 220px; }
#gacha .rinka-gacha__multi-item .rinka-gacha__card { width: 100%; border-radius: 18px; }
#gacha .rinka-gacha__multi-item .rinka-gacha__rarity { font-size: .72em; padding: 3px 10px 3px 5px; letter-spacing: .04em; }
#gacha .rinka-gacha__multi-item .rinka-gacha__rarity::before { width: 16px; height: 16px; }
#gacha .rinka-gacha__multi-item .rinka-gacha__caption {
  padding: 8px 8px 9px;
  font-size: .78em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
/* いちばん新しい1枚をすこしだけ前に */
#gacha .rinka-gacha__multi-item:last-child .rinka-gacha__card { box-shadow: 0 12px 30px rgba(214, 120, 165, .26); }

/* ───────── 状態カード（今日の一枚が届いた／17時にもう1回／今日はおわり＋りんかのひとこと） ───────── */
#gacha .rinka-gacha__status {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 20px;
  background: var(--rg2-card);
  border: 1px solid var(--rg2-line);
  box-shadow: 0 6px 18px rgba(214, 120, 165, .10);
  text-align: left;
}
#gacha .rinka-gacha__status > p { margin: 0; max-width: none; }
#gacha .rinka-gacha__status .rinka-gacha__again {
  position: relative;
  display: block;
  min-height: 40px;
  padding: 1px 0 1px 50px;
  font-size: .98em;
  line-height: 1.45;
  color: var(--rg2-ink);
}
#gacha .rinka-gacha__status .rinka-gacha__again::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border-radius: 12px;
  background: #fff0f6 url(../img/ui/daily.webp) center / 30px no-repeat;
}
#gacha .rinka-gacha__result.is-fresh .rinka-gacha__status .rinka-gacha__again::before { background-image: url(../img/ui/gift.webp); }
#gacha .rinka-gacha__status .rinka-gacha__again small { margin-top: 1px; font-size: .8em; }
#gacha .rinka-gacha__status .rinka-gacha__again img.rinka-ui-ico { width: 1.2em; height: 1.2em; vertical-align: -3px; margin: 0 0 0 2px; }

/* りんかのひとこと＝顔つきの吹き出し */
#gacha .rinka-gacha__status .rinka-gacha__line {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: none;
  border: 0;
  text-align: left;
  font-size: .88rem;
  font-weight: 600;
  line-height: 1.6;
  color: var(--rg2-ink);
}
#gacha .rinka-gacha__status .rinka-gacha__line::before {
  content: "";
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fde7f0 url(../img/gacha/rinka-smile.webp) center / cover no-repeat;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #f7c3d9;
}
#gacha .rinka-gacha__status .rinka-gacha__line > span[aria-hidden] { display: none; }
#gacha .rinka-gacha__status .rinka-gacha__line > span:not([aria-hidden]) {
  flex: 1 1 auto;
  min-width: 0;
  padding: 8px 12px;
  border-radius: 4px 14px 14px 14px;
  background: var(--rg2-soft);
  border: 1px solid #fbe0ec;
}

/* 小さな添え書き（初めての日／うさぎの日／物語の1行／ペット）＝絵文字の代わりに小さな絵 */
#gacha .rinka-gacha__status .rinka-gacha__nextvisit,
#gacha .rinka-gacha__status .rinka-gacha__usagi,
#gacha .rinka-gacha__status .rinka-gacha__story,
#gacha .rinka-gacha__status .rinka-gacha__pet {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0 0;
  background: none;
  border: 0;
  border-top: 1px dashed #f3dbe6;
  border-radius: 0;
  text-align: left;
  font-size: .82rem;
  line-height: 1.6;
}
#gacha .rinka-gacha__status .rinka-gacha__nextvisit > span[aria-hidden],
#gacha .rinka-gacha__status .rinka-gacha__usagi > span[aria-hidden],
#gacha .rinka-gacha__status .rinka-gacha__story > span[aria-hidden],
#gacha .rinka-gacha__status .rinka-gacha__pet > span[aria-hidden] { display: none; }
#gacha .rinka-gacha__status .rinka-gacha__nextvisit::before,
#gacha .rinka-gacha__status .rinka-gacha__usagi::before,
#gacha .rinka-gacha__status .rinka-gacha__story::before,
#gacha .rinka-gacha__status .rinka-gacha__pet::before {
  content: "";
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  background: center / contain no-repeat;
}
#gacha .rinka-gacha__status .rinka-gacha__nextvisit::before { background-image: url(../img/ui/bell.webp); }
#gacha .rinka-gacha__status .rinka-gacha__usagi::before { background-image: url(../img/ui/usamimi_mark.webp); }
#gacha .rinka-gacha__status .rinka-gacha__story::before { background-image: url(../img/ui/moon.webp); }
#gacha .rinka-gacha__status .rinka-gacha__pet::before { background-image: url(../img/find/pet.webp); }

/* ───────── もう1回ひく（土日・うさぎの日）＝横長の大きなボタン ───────── */
#gacha .rinka-gacha__result > .rinka-gacha__again-btn {
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 6px 18px 6px 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--rinka-accent, #f48fb1), var(--rinka-accent-strong, #e91e63));
  box-shadow: 0 10px 22px rgba(233, 30, 99, .28);
  color: #fff;
}
#gacha .rinka-gacha__result > .rinka-gacha__again-btn .rinka-gacha__capsule {
  width: 40px;
  height: 40px;
  border: 0;
  background: #fff;
  box-shadow: none;
  font-size: 1.2em;
}
#gacha .rinka-gacha__result > .rinka-gacha__again-btn .rinka-gacha__capsule > img,
#gacha .rinka-gacha__result > .rinka-gacha__again-btn .rinka-gacha__capsule > svg { width: 28px; height: 28px; }
#gacha .rinka-gacha__result > .rinka-gacha__again-btn .rinka-gacha__label {
  padding: 0;
  background: none;
  box-shadow: none;
  font-size: .95em;
}
#gacha .rinka-gacha__result > .rinka-gacha__again-btn:hover .rinka-gacha__capsule { transform: rotate(-8deg) scale(1.06); }

/* カードもゲット */
#gacha .rinka-gacha__result > .rinka-gacha__cardgain {
  margin: 0;
  max-width: none;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
}

/* ───────── みんなに教える → アイコンが1行 ───────── */
#gacha .rinka-gacha__share {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
#gacha .rinka-gacha__share-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 20px;
  border: 1.5px solid #f2b6cf;
  background: #fff;
  color: var(--rg2-accent-2);
  box-shadow: 0 3px 10px rgba(233, 143, 180, .18);
}
#gacha .rinka-gacha__share-open:hover { background: #fff5fa; }
#gacha .rinka-gacha__share-open[aria-expanded="true"] { background: #fff0f6; border-color: var(--rg2-accent); }
#gacha .rinka-gacha__share-open img.rinka-ui-ico { width: 24px; height: 24px; margin: 0; }
#gacha .rinka-gacha__share-panel {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 10px 6px 8px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid var(--rg2-line);
}
#gacha .rinka-gacha__share-panel[hidden] { display: none; }
#gacha .rinka-gacha__share-btn {
  flex: 1 1 0;
  min-width: 0;
  max-width: 76px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: none;
  color: var(--rg2-ink);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
#gacha .rinka-gacha__share-btn:hover { background: none; transform: translateY(-2px); }
#gacha .rinka-gacha__share-btn:focus-visible { outline: 3px solid #f5b8d3; outline-offset: 2px; }
/* 丸いアイコン（44px） */
#gacha .rinka-gacha__share-btn > img.rinka-ui-ico,
#gacha .rinka-gacha__share-btn > .rinka-gacha__share-svg {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 50%;
}
#gacha .rinka-gacha__share-btn > img.rinka-ui-ico { padding: 8px; background: #fff0f6; border: 1.5px solid #f7cadd; }
#gacha .rinka-gacha__share-btn > .rinka-gacha__share-svg { padding: 11px; color: #fff; }
#gacha .rinka-gacha__share-btn--img > img.rinka-ui-ico { background: #ffe3ef; border-color: #f2a3c4; }
#gacha .rinka-gacha__share-btn--x > .rinka-gacha__share-svg { background: #1d1a1c; padding: 12px; }
#gacha .rinka-gacha__share-btn--line > .rinka-gacha__share-svg { background: #06c755; }
#gacha .rinka-gacha__share-btn--threads > .rinka-gacha__share-svg { background: #3a3036; }

/* ───────── 遊び終わり導線（[PR]つき・中身は rinka-next-cta.js のまま） ───────── */
#gacha .rinka-gacha__stage > .rinka-next-cta {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: 12px 14px;
  gap: 8px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .7);
  border: 1px dashed #f0c6d9;
}
#gacha .rinka-gacha__stage > .rinka-next-cta .rinka-next-cta__line { font-size: .84rem; }
#gacha .rinka-gacha__stage > .rinka-next-cta .rinka-next-cta__btn { min-height: 44px; font-size: .9rem; padding: 0 20px; }
#gacha .rinka-gacha__stage > .rinka-next-cta .rinka-next-cta__ext { margin: 0; }

/* ───────── 通信エラー／じゅんびちゅう ───────── */
#gacha .rinka-gacha__stage > .rinka-gacha__again {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin: 0;
  padding-top: 76px;
  position: relative;
  max-width: 340px;
  font-size: .98em;
  line-height: 1.5;
}
#gacha .rinka-gacha__stage > .rinka-gacha__again::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 64px;
  height: 64px;
  margin-left: -32px;
  border-radius: 50%;
  background: #fff url(../img/gacha/usagi.webp) center / cover no-repeat;
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #f7c3d9;
}
#gacha .rinka-gacha__stage > .rinka-gacha__again small { font-size: .8em; }
#gacha .rinka-gacha__stage > .rinka-gacha__again-btn {
  opacity: 1;
  border: 0;
  background: linear-gradient(135deg, var(--rinka-accent, #f48fb1), var(--rinka-accent-strong, #e91e63));
  color: #fff;
  font-weight: 800;
  box-shadow: 0 8px 20px rgba(233, 30, 99, .25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  margin: 0;
  padding: 0 26px;
  border-radius: 999px;
}
#gacha .rinka-gacha__stage > .rinka-gacha__again-btn img.rinka-ui-ico { width: 24px; height: 24px; margin: 0; }

/* ───────── フッター（ラインナップ｜今まで集めたりんか） ───────── */
#gacha .rinka-gacha__foot {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  max-width: 640px;
  margin: 16px auto 0;
  border-radius: 20px;
  overflow: hidden;
  background: var(--rg2-line);
  border: 1px solid var(--rg2-line);
  box-shadow: 0 6px 18px rgba(214, 120, 165, .08);
  text-align: left;
}
#gacha .rinka-gacha__foot > * { background: var(--rg2-card); }
#gacha .rinka-gacha__foot > .rinka-gacha__lineup-link {
  flex: 1 1 260px;
  display: block;
  max-width: none;
  margin: 0;
}
#gacha .rinka-gacha__foot .rinka-linkcard {
  height: 100%;
  min-height: 60px;
  box-sizing: border-box;
  padding: 8px 14px 8px 10px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
#gacha .rinka-gacha__foot .rinka-linkcard:hover { transform: none; box-shadow: none; background: var(--rg2-soft); }
#gacha .rinka-gacha__foot .rinka-linkcard__thumb { width: 44px; height: 44px; border-radius: 12px; }
#gacha .rinka-gacha__foot .rinka-linkcard__title { font-size: .86rem; }
#gacha .rinka-gacha__foot .rinka-linkcard__desc { font-size: .72rem; }
/* 集めたりんか：箱をほどいてボタンとなかみをフッターに並べる */
#gacha .rinka-gacha__foot > #rinka-gacha-room:not([hidden]) { display: contents; }
#gacha .rinka-gacha__foot .rinka-gacha__room { margin: 0; }
#gacha .rinka-gacha__foot .rinka-gacha__room-toggle {
  flex: 1 1 260px;
  display: grid;
  justify-content: start;
  justify-items: start;
  align-content: center;
  row-gap: 3px;
  max-width: none;
  min-height: 60px;
  margin: 0;
  padding: 8px 40px 8px 66px;
  position: relative;
  border-radius: 0;
  background: var(--rg2-card);
  box-shadow: none;
  color: var(--rg2-ink);
  font-size: .9rem;
  line-height: 1.4;
  text-align: left;
}
#gacha .rinka-gacha__foot .rinka-gacha__room-toggle:hover { transform: none; box-shadow: none; background: var(--rg2-soft); }
#gacha .rinka-gacha__foot .rinka-gacha__room-toggle:focus-visible { outline: 3px solid #f5b8d3; outline-offset: -3px; }
#gacha .rinka-gacha__foot .rinka-gacha__room-toggle > span:first-child { display: block; min-width: 0; }
#gacha .rinka-gacha__foot .rinka-gacha__room-toggle img.rfd-ico {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0;
  padding: 6px;
  box-sizing: border-box;
  border-radius: 12px;
  background: #f6efff;
}
#gacha .rinka-gacha__foot .rinka-gacha__room-count {
  padding: 1px 9px;
  border-radius: 999px;
  background: #fff0f6;
  color: var(--rg2-accent-2);
  font-size: .72rem;
  font-weight: 800;
  opacity: 1;
}
#gacha .rinka-gacha__foot .rinka-gacha__room-count:empty { display: none; }
#gacha .rinka-gacha__foot .rinka-gacha__room-toggle::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  border-right: 2.5px solid var(--rg2-accent-2);
  border-bottom: 2.5px solid var(--rg2-accent-2);
  transform: rotate(45deg);
  transition: transform .2s ease, margin .2s ease;
}
#gacha .rinka-gacha__foot .rinka-gacha__room-toggle[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: -2px; }
#gacha .rinka-gacha__foot .rinka-gacha__room-body {
  flex: 0 0 100%;
  background: var(--rg2-card);
  margin: 0;
  padding: 16px 12px 14px;
  box-sizing: border-box;
  text-align: center;
}

/* ───────── 広い所（PC）では 絵｜状態・シェア の2列 ───────── */
@container (min-width: 600px) {
  #gacha .rinka-gacha__result {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    grid-template-rows: repeat(4, auto) 1fr;
    column-gap: 22px;
    row-gap: 12px;
    align-items: start;
    max-width: 700px;
    text-align: left;
  }
  #gacha .rinka-gacha__result > * { grid-column: 2; }
  #gacha .rinka-gacha__result > .rinka-gacha__art,
  #gacha .rinka-gacha__result > .rinka-gacha__multi { grid-column: 1; grid-row: 1 / 6; }
  #gacha .rinka-gacha__result > .rinka-gacha__status { margin-top: 14px; }
  #gacha .rinka-gacha__result > .rinka-gacha__share { align-items: flex-start; }
  #gacha .rinka-gacha__share-panel { justify-content: flex-start; align-self: stretch; }
  #gacha .rinka-gacha__stage > .rinka-next-cta { max-width: 700px; flex-direction: row; flex-wrap: wrap; justify-content: center; }
}
@container (min-width: 720px) {
  #gacha .rinka-gacha__result--multi {
    grid-template-columns: 420px minmax(0, 1fr);
    max-width: 780px;
  }
}
/* 2枚の日で幅が足りない時は、絵を上・文を下（1列）のまま */
@container (min-width: 600px) and (max-width: 719.98px) {
  #gacha .rinka-gacha__result--multi { display: flex; max-width: 460px; }
  #gacha .rinka-gacha__result--multi > * { grid-column: auto; }
  #gacha .rinka-gacha__result--multi > .rinka-gacha__status { margin-top: 0; }
}

/* ───────── スマホ ───────── */
@media (max-width: 640px) {
  #gacha { padding: 22px 14px 18px; }
  #gacha .rinka-gacha__stage { padding: 18px 10px; border-radius: 20px; }
  #gacha .rinka-gacha__art { max-width: 280px; }
  #gacha .rinka-gacha__status { padding: 12px 12px; }
  #gacha .rinka-gacha__lead br { display: none; }
}
@media (max-width: 360px) {
  #gacha .rinka-gacha__share-panel { gap: 2px; padding-inline: 2px; }
  #gacha .rinka-gacha__share-btn { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  #gacha #rinka-gacha-btn .rinka-gacha__capsule { animation: none; }
  #gacha .rinka-gacha__result.is-fresh,
  #gacha .rinka-gacha__result.is-fresh .rinka-gacha__art,
  #gacha .rinka-gacha__result.is-fresh > .rinka-gacha__status,
  #gacha .rinka-gacha__result.is-fresh > .rinka-gacha__share { animation: none !important; }
  #gacha .rinka-gacha__foot .rinka-gacha__room-toggle::after { transition: none; }
}