/* ============================================================
 * rinka-common-fix.css — サイト共通の細かい所（2026-09-26・追加のみ）
 * ・読み込みは inc/fansite.php（全ページ・rinka-world-2026.css のあと＝上書きが効く）。
 * ・見た目はほぼそのまま、押せる範囲だけ 44px 以上に広げる（::after の透明な当たり判定）。
 * ・右下のマスコット：読んでいる間は小さく（site.js が .is-compact を付ける）・吹き出しを細く。
 * 撤収: このファイルの読み込み1か所を消すだけ。
 * ========================================================== */

/* ---------- 押しにくい小さいリンク ---------- */
/* パンくずの「ワールド」など（67×15 → 押せる範囲 高さ44px以上） */
.rw26-crumb { overflow: visible; }
.rw26-crumb a {
	position: relative;
	display: inline-flex;
	align-items: center;
}
.rw26-crumb a::after {
	content: '';
	position: absolute;
	left: -8px; right: -8px;
	top: 50%;
	height: 46px;
	translate: 0 -50%;
}
/* いま居るページ名は長いときに「…」で切る（overflow: visible にしたぶん自分で切る） */
.rw26-crumb__now { min-width: 0; }

/* 詳細ページの「← コレクションへ」「← シリーズ一覧へ」「← タグ一覧にもどる」 */
.rinka-card-detail-back,
.rinka-fs-back {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding-right: 6px;
}
.rinka-card-detail-back::after,
.rinka-fs-back::after {
	content: '';
	position: absolute;
	left: -8px; right: -4px;
	top: 50%;
	height: 48px;
	translate: 0 -50%;
}

/* 思い出アルバムの「前へ／次へ」（63×32 → 44px 以上） */
.rinka-fs-mem-pager__btn {
	min-height: 44px;
	min-width: 76px;
}

/* ---------- 右下のマスコット ---------- */
.rinka-mascot__avatar {
	transition: width .28s cubic-bezier(.22, .8, .24, 1), height .28s cubic-bezier(.22, .8, .24, 1), opacity .28s ease;
}
/* 読んでいる間は小さく・少し透ける（つつけば今までどおり吹き出し） */
.rinka-mascot.is-compact .rinka-mascot__avatar {
	width: 44px;
	height: 44px;
	opacity: .86;
}
.rinka-mascot.is-compact .rinka-mascot__bubble.is-open ~ .rinka-mascot__avatar { width: 54px; height: 54px; opacity: 1; }
/* 吹き出しは細めに（本文にかぶる面積を小さく） */
.rinka-mascot__bubble { max-width: min(240px, calc(100vw - 96px)); }
@media (max-width: 480px) {
	.rinka-mascot__bubble { max-width: min(210px, calc(100vw - 96px)); }
}
@media (hover: hover) {
	.rinka-mascot.is-compact .rinka-mascot__avatar:hover { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
	.rinka-mascot__avatar { transition: none; }
}

/* ぷっくりアイコンを文字の横に（絵文字の置きかえ・rinka_find_icon( name, 'rinka-ico-inline' )・2026-09-26） */
img.rinka-ico-inline { display: inline-block; width: 1.3em; height: 1.3em; margin: 0 .25em 0 0; vertical-align: -.28em; object-fit: contain; filter: drop-shadow(0 1px 2px rgba(90, 58, 102, .18)); }
[aria-hidden="true"] > img.rinka-ico-inline:only-child { width: 1.15em; height: 1.15em; margin: 0; }
img.rinka-ico-inline.rinka-ico-rank.is-r2 { filter: grayscale(.85) brightness(1.12) drop-shadow(0 1px 2px rgba(90, 58, 102, .2)); }
img.rinka-ico-inline.rinka-ico-rank.is-r3 { filter: sepia(.6) hue-rotate(-18deg) saturate(1.3) brightness(.92) drop-shadow(0 1px 2px rgba(90, 58, 102, .2)); }
.rinka-world-tile__ico > img.rinka-ico-inline { width: 30px; height: 30px; }
.rinka-dice-button__icon > img.rinka-ico-inline { width: 1.5em; height: 1.5em; }

/* カードのレア度バッジ（Codex の絵・assets/img/rarity/<KEY>.webp・2026-09-26）。文字の大きさに合わせる（1em 前後）。
 * 絵が無いレア度は JS が今までの絵文字を出す＝このルールは効かない */
img.rinka-rar-badge { display: inline-block; width: 1.25em; height: 1.25em; margin: 0 .12em 0 0; vertical-align: -.3em; object-fit: contain; filter: drop-shadow(0 1px 1px rgba(90, 58, 102, .22)); }
img.rinka-rar-badge--l { width: 1.2em; height: 1.2em; margin: 0; vertical-align: middle; }
.rinka-card-art--ph img.rinka-rar-badge--l { width: 1.6em; height: 1.6em; }
.rinka-card-get-face img.rinka-rar-badge--l { width: 1.5em; height: 1.5em; }
.rc-card__rar img.rinka-rar-badge { width: 1.6em; height: 1.6em; margin: -.35em .1em -.35em -.2em; vertical-align: middle; }
.rc-d__face .rc-d__tag img.rinka-rar-badge { display: inline-block; width: 1.5em; height: 1.5em; margin: -.3em .2em -.3em -.2em; vertical-align: middle; object-fit: contain; }
.rc-rar img.rinka-rar-badge { align-self: center; width: 1.5em; height: 1.5em; margin: -.2em 0; }
.rc-minicard figcaption b img.rinka-rar-badge { width: 1.6em; height: 1.6em; }
.rinka-gacha__rarity img.rinka-rar-badge { width: 1.4em; height: 1.4em; }
.rinka-gacha__noimg img.rinka-rar-badge--l { width: 56%; height: auto; max-width: 96px; }

/* サイト共通アイコン（assets/img/ui/<name>.webp・rinka_ui_icon() / JS の uiIcon()・_tools/ui_icons_sync.py・2026-09-26）。
   文字の横は .rinka-ico-inline（上の 1.3em）。ここは まわりの img 指定（カード枠いっぱい等）に負けないための土台と、画像が無い時の代わり・BGMボタン。 */
img.rinka-ui-ico { max-width: none; aspect-ratio: auto; border-radius: 0; box-shadow: none; object-fit: contain; }
img.rinka-ui-ico.rinka-ico-noimg { display: inline-block; width: 1.4em; height: 1.4em; margin: 0; vertical-align: middle; opacity: .92; filter: drop-shadow(0 2px 3px rgba(90, 58, 102, .16)); }
.rinka-gacha__noimg img.rinka-ui-ico.rinka-ico-noimg { width: 46%; height: auto; max-width: 96px; }
.rinka-secretgift__glyph img.rinka-ui-ico.rinka-ico-noimg { width: 1.3em; height: 1.3em; }
.rinka-fs-bgm__fab img.rinka-ui-ico.rinka-ico-fab { display: block; width: 28px; height: 28px; margin: auto; object-fit: contain; }
.rinka-gacha__capsule > img.rinka-ui-ico { width: 40px; height: 40px; margin: 0; vertical-align: middle; }
.rinka-gacha__cutin-capsule > img.rinka-ui-ico { width: 1.15em; height: 1.15em; margin: 0; }
/* 2026-09-27 共通アイコン19個（シェア・コピー・やり直し・書き出し/読み込み・カードの裏・シリーズ完成 など）。
   文字の横は上の .rinka-ico-inline のまま。ここは「まだ持っていないカードの裏」を大きく出す所だけ */
.rinka-card-art--ph img.rinka-ui-ico.rinka-ico-cardback { display: block; width: 2.4em; height: 2.4em; margin: 0 auto; filter: drop-shadow(0 2px 3px rgba(90, 58, 102, .18)); }
.rinka-cards-teaser-face img.rinka-ui-ico.rinka-ico-cardback { display: inline-block; width: 64px; height: 64px; margin: 0; vertical-align: middle; }