/*!
 * rinka-parts-2026.css — 新デザイン（body.rw26）の「部品」まわりのそろえ（2026-09-28・追加のみ）
 * 読み込み: inc/rinka-world-2026.php（body.rw26 のページだけ・rinka-world-2026.css のあと）
 *
 *  F-23 /cards/ ゲームのごほうびの棚見出し（🎮 を外して GAME バッジの絵・JS は rinka-collection-view.js）
 *  F-24 /cards/・/binder/ 上の説明の枠、/favorites/・/binder/ の空っぽ表示 → 角丸＋下に影の線
 *  H-27 マスコットの「なまえ」「×」→ 押せる範囲 44px（見た目は控えめのまま）
 *  H-28 浮いている部品（上へ戻る・かくれうさぎ・最新ポスト）の中身を絵文字→ Codex の絵
 *  I-30 /games/・/novel-jk/ の ABOUT（紹介文）をカードに
 *
 * 見た目の元: トップ「りんかとあそぶ」タイル（rinka-home.css の --h26-*）。
 * 文字・見出し・リンクは変えない（CSS だけ）。撤収はこのファイルを消すだけ。
 */

body.rw26 {
	--p26-accent: #d9538f;
	--p26-ink: #4a3540;
	--p26-soft: #fff0f6;
	--p26-soft2: #ffe0ee;
	--p26-line: #f6d3e3;
	--p26-shadow: rgba(214, 110, 160, .35);
	--p26-card: #fff;
}
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) body.rw26 {
		--p26-ink: #f3ecfa; --p26-soft: #3a3046; --p26-soft2: #4a3b5c; --p26-line: #4a3d5a;
		--p26-shadow: rgba(0, 0, 0, .5); --p26-card: #2a2433;
	}
}
:root[data-theme="dark"] body.rw26 {
	--p26-ink: #f3ecfa; --p26-soft: #3a3046; --p26-soft2: #4a3b5c; --p26-line: #4a3d5a;
	--p26-shadow: rgba(0, 0, 0, .5); --p26-card: #2a2433;
}

/* ============================================================
   F-24 説明の枠・空っぽ表示（点線だけの古い箱 → タイルと同じカード）
   ============================================================ */
body.rw26 .rinka-fs-cards-guide,
body.rw26 .rfd-empty.rfv-empty,
body.rw26 .bd2-empty {
	position: relative;
	color: var(--p26-ink);
	background: linear-gradient(160deg, var(--p26-card) 55%, var(--p26-soft));
	border: 1.5px solid var(--p26-line);
	border-radius: 22px;
	box-shadow: 0 3px 0 var(--p26-line), 0 10px 22px -16px var(--p26-shadow);
}
body.rw26 .rinka-fs-cards-guide {
	max-width: 640px;
	margin: 12px auto 22px;
	padding: 16px 18px 18px;
}
body.rw26 .rinka-fs-cards-guide__text { color: var(--p26-ink); font-weight: 600; }
body.rw26 .rinka-fs-cards-guide .rinka-button { min-height: 44px; }
body.rw26 .rfd-empty.rfv-empty { padding: 24px 18px; }
body.rw26 .rfd-empty.rfv-empty .rfd-ico {
	box-sizing: content-box;
	padding: 8px;
	border-radius: 50%;
	background: linear-gradient(145deg, var(--p26-soft), var(--p26-soft2));
	box-shadow: inset 0 -3px 0 rgba(255, 255, 255, .6), 0 0 0 3px var(--p26-card), 0 4px 10px -4px var(--p26-shadow);
}

/* ============================================================
   F-23 ゲームのごほうびの棚見出し（GAME バッジの絵＋名前）
   ============================================================ */
.rc-shelf__badge {
	display: inline-block;
	width: 1.15em;
	height: 1.15em;
	margin-right: 2px;
	vertical-align: -.2em;
	object-fit: contain;
	filter: drop-shadow(0 2px 3px rgba(150, 60, 120, .18));
}

/* ============================================================
   I-30 /games/・/novel-jk/ の ABOUT（紹介文）をカードに
   ============================================================ */
body.rw26:is(.rw26-page-games, .rw26-page-novel-jk) .rinka-seo-land__about {
	padding: 20px 18px 18px;
	color: var(--p26-ink);
	background: linear-gradient(160deg, var(--p26-card) 55%, var(--p26-soft));
	border: 1.5px solid var(--p26-line);
	border-radius: 24px;
	box-shadow: 0 3px 0 var(--p26-line), 0 10px 22px -16px var(--p26-shadow);
}
body.rw26:is(.rw26-page-games, .rw26-page-novel-jk) .rinka-seo-land__about :is(.rinka-section__title, .rinka-section__title span, .rinka-seo-land__lead, .rinka-seo-land__points li) { color: var(--p26-ink); }
body.rw26:is(.rw26-page-games, .rw26-page-novel-jk) .rinka-seo-land__about .rinka-seo-land__points {
	list-style: none;
	padding: 12px 14px;
	background: var(--p26-card);
	border: 1.5px solid var(--p26-line);
	border-radius: 18px;
}
body.rw26:is(.rw26-page-games, .rw26-page-novel-jk) .rinka-seo-land__about .rinka-seo-land__points li {
	position: relative;
	padding-left: 28px;
}
body.rw26:is(.rw26-page-games, .rw26-page-novel-jk) .rinka-seo-land__about .rinka-seo-land__points li::marker { content: none; }
body.rw26:is(.rw26-page-games, .rw26-page-novel-jk) .rinka-seo-land__about .rinka-seo-land__points li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .35em;
	width: 20px;
	height: 20px;
	background: url("../img/ui/usamimi_mark.webp") center / contain no-repeat;
}
@media (min-width: 720px) {
	body.rw26:is(.rw26-page-games, .rw26-page-novel-jk) .rinka-seo-land__about { padding: 26px 28px 24px; }
}

/* ============================================================
   H-27 マスコットの「なまえ」「×」：見た目は控えめ・押せる範囲は 44px
   ============================================================ */
body.rw26 .rinka-mascot__close {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	display: grid;
	place-items: start end;
	padding: 6px 10px 0 0;
}
body.rw26 .rinka-mascot__close::after { content: none; }
body.rw26 .rinka-mascot__namebtn { position: relative; }
body.rw26 .rinka-mascot__namebtn::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: max(100%, 44px);
	height: 44px;
	translate: -50% -50%;
}
body.rw26 .rinka-mascot__namebtn--text {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	margin-top: 4px;
	padding: 3px 9px;
	border-radius: 999px;
	text-decoration: none;
	background: var(--p26-soft);
	border: 1px solid var(--p26-line);
	opacity: 1;
}
.rinka-mascot__namebtn-ico { width: 16px; height: 16px; object-fit: contain; flex: none; }

/* ============================================================
   H-28 浮いている部品の中身（絵文字 → Codex の絵）
   ============================================================ */
/* 上へ戻る（site.js が <img class="rinka-totop__ico"> を入れる） */
.rinka-totop__ico { display: block; width: 26px; height: 26px; object-fit: contain; }
body.rw26 .rinka-totop span { display: grid; place-items: center; line-height: 1; }
body.rw26 .rinka-totop {
	min-width: 44px;
	min-height: 44px;
	border: 1.5px solid var(--p26-line);
	background: linear-gradient(160deg, var(--p26-card) 55%, var(--p26-soft));
	box-shadow: 0 3px 0 var(--p26-line), 0 10px 22px -12px var(--p26-shadow);
}

/* かくれうさぎ（fansite.js が 🐰 の文字を入れる → 文字は見せずに絵を出す） */
body.rw26 .rinka-fs-bunny {
	width: 44px;
	height: 44px;
	font-size: 0;
	color: transparent;
	background: url("../img/ui/usamimi_mark.webp") center / 26px no-repeat;
	filter: saturate(.75);
}

/* 最新ポストをひらく（fansite.js が 🐦 の文字を入れる → 吹き出しの絵） */
body.rw26 .rinka-fs-xwidget-open {
	font-size: 0;
	color: transparent;
	border: 1.5px solid var(--p26-line);
	background: url("../img/find/bubble.webp") center / 26px no-repeat, linear-gradient(160deg, var(--p26-card) 55%, var(--p26-soft));
	box-shadow: 0 3px 0 var(--p26-line), 0 10px 22px -12px var(--p26-shadow);
}

@media (prefers-reduced-motion: reduce) {
	body.rw26 .rinka-fs-bunny { animation: none; }
}