/* KOP データ表示ブロックのスタイル（プラグイン同梱＝テーマ非依存・レスポンシブ内蔵） */

/* 横スクロールでレスポンシブ（WSOP型のデータ表をスマホでも読めるように） */
.kogp-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1rem 0;
}
.kogp-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .95rem;
	min-width: 480px;
}
/* 表のトーンは全サイトで統一＝ウォームブラック地の見出し＋金のヘアライン
   （2026-07-30 確定。旧＝深緑の見出し/罫線） */
.kogp-table th,
.kogp-table td {
	padding: .6rem .8rem;
	border-bottom: 1px solid rgba(200, 164, 77, .22);
	text-align: left;
	vertical-align: middle;
}
.kogp-table thead th {
	background: #15100A;
	color: #E6C66B;
	border-bottom: 2px solid #C8A44D;
	font-weight: 600;
	letter-spacing: .02em;
	white-space: nowrap;
}
.kogp-table tbody tr:hover {
	background: rgba(200, 164, 77, .07);
}
.kogp-table .kogp-num {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.kogp-results__year {
	margin-top: 1.6rem;
	color: #15233B;
	border-left: 4px solid #C8A44D;
	padding-left: .6rem;
}
.kogp-empty {
	color: #6b6b6b;
	font-style: italic;
}

/* 受付状況バッジ（テーマCSSが無くても成立するようプラグイン側にも定義） */
.kogp-status {
	display: inline-block;
	padding: .15em .8em;
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .03em;
	white-space: nowrap;
}
.kogp-status--open   { background: #14492F; color: #fff; }
.kogp-status--soon   { background: #7C1F24; color: #fff; }
.kogp-status--before { background: #9AA3AB; color: #1C2622; }
.kogp-status--closed { background: #5b5b5b; color: #fff; }

/* メイン以外の協賛企業（ランクのない同格カード） */
.kogp-sponsors { margin: 1.5rem 0; }
.kogp-sponsors__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
	gap: 1.2rem;
	max-width: 780px;
	margin-inline: auto;
}
.kogp-sponsors__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 1.35rem;
	text-align: center;
	background: #fff;
	border: 1px solid rgba(20, 73, 47, .18);
	border-radius: 4px;
	box-shadow: 0 8px 24px rgba(19, 31, 51, .07);
}
.kogp-sponsors__logo {
	width: min(200px, 100%);
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kogp-sponsors__logo img {
	max-width: 100%;
	max-height: 56px;
	width: auto;
	height: auto;
	display: block;
}
.kogp-sponsors__logo-text { font-weight: 700; color: #14492F; }
.kogp-sponsors__name {
	font-size: 1.2rem;
	color: #14492F;
	margin: .75rem 0 .55rem;
}
.kogp-sponsors__desc {
	font-size: .94rem;
	line-height: 1.75;
	margin: 0;
}
.kogp-sponsors__link { margin: auto 0 0; padding-top: 1rem; }
.kogp-sponsors__link a { font-weight: 700; }

/* メインスポンサー（特別協賛）ショーケース。
   入賞者のチャンピオン・プレートと同じ翻案＝暗地（navy）＋金で"格"を出し、
   メインスポンサーを大々的に前面へ。自己完結（明地ページ内でも成立）。
   ロゴ面はクリーム地のカード＝どのロゴ色（金/黒など明地用）でも視認できる。
   色は theme.json パレットの実hex（テーマ非依存）。 */
.kogp-sponsor-feature {
	display: flex;
	flex-direction: column;   /* ロゴの下に説明文（2026-07-31 ユーザー指示） */
	gap: 1.2rem;
	align-items: center;
	text-align: center;
	padding: 2rem 1.9rem;
	margin: 1.2rem 0;
	color: #F5EFE0;
	background-color: #131F33;
	background-image:
		radial-gradient(120% 80% at 50% -20%, rgba(200, 164, 77, .20), rgba(200, 164, 77, 0) 60%),
		linear-gradient(180deg, #0F1A2E 0%, #1B2B49 100%);
	border: 1px solid rgba(200, 164, 77, .45);
	border-top: 2px solid #C8A44D;
	border-bottom: 2px solid #C8A44D;
	border-radius: 4px;
}
.kogp-sponsor-feature__logo {
	flex: 0 0 auto;
	width: min(230px, 100%);
	min-height: 132px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 1.2rem;
	background: #0F1A2E;
	border: 1px solid rgba(200, 164, 77, .5);
	border-radius: 3px;
}
.kogp-sponsor-feature__logo img {
	max-width: 100%;
	max-height: 110px;
	width: auto;
	height: auto;
	display: block;
}
.kogp-sponsor-feature__logo-text {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.3;
	color: #F5EFE0;
	text-align: center;
}
.kogp-sponsor-feature__head { width: 100%; }
.kogp-sponsor-feature__body { flex: 1 1 auto; min-width: 0; }
.kogp-sponsor-feature__eyebrow {
	font-family: Cinzel, 'Times New Roman', 'Noto Serif JP', serif;
	font-size: .82rem;
	letter-spacing: .22em;
	font-weight: 700;
	color: #C8A44D;
	margin: 0 0 .45rem;
}
.kogp-sponsor-feature__name {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-size: clamp(1.7rem, 4.5vw, 2.5rem);
	font-weight: 700;
	line-height: 1.18;
	color: #C8A44D;
	text-shadow: 0 0 14px rgba(200, 164, 77, .28);
	margin: 0;
}
.kogp-sponsor-feature__desc {
	margin: 0;
	color: #F5EFE0;
	line-height: 1.85;
	opacity: .94;
}
.kogp-sponsor-feature__link {
	margin: .9rem 0 0;
	display: flex;
	gap: .6rem;
	flex-wrap: wrap;
	justify-content: center;
}
.kogp-sponsor-feature__link a {
	display: inline-block;
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .12em;
	color: #C8A44D;
	text-decoration: none;
	border: 1px solid rgba(200, 164, 77, .6);
	border-radius: 3px;
	padding: .5em 1.3em;
}
.kogp-sponsor-feature__link a:hover { background: rgba(200, 164, 77, .12); }
@media (max-width: 600px) {
	.kogp-sponsor-feature__logo { width: 100%; }
}

/* === 入賞者紹介：チャンピオン・ショーケース ============================
   WSOP/Triton のチャンピオン・フィーチャーを翻案。優勝者は暗地（navy）＋金で
   "格"を出し、入賞者テーブルは羊皮紙パネル内の素のtableでクリーンに読ませる。
   プレートは自己完結（明地のページ内に置いても成立）＝各大会のレイアウトを先置きできる。
   色は theme.json パレットの実hex（テーマ非依存で崩れないように）。 */
.kogp-champion {
	display: flex;
	gap: 1.5rem;
	align-items: center;
	padding: 1.7rem 1.6rem;
	margin: 1.2rem 0;
	color: #F5EFE0;
	background-color: #131F33;
	background-image:
		radial-gradient(120% 80% at 50% -20%, rgba(200, 164, 77, .18), rgba(200, 164, 77, 0) 60%),
		linear-gradient(180deg, #0F1A2E 0%, #1B2B49 100%);
	border: 1px solid rgba(200, 164, 77, .45);
	border-top: 2px solid #C8A44D;
	border-bottom: 2px solid #C8A44D;
	border-radius: 4px;
}
.kogp-champion__portrait {
	flex: 0 0 auto;
	width: 132px;
	height: 132px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: rgba(10, 18, 33, .55);
	border: 1px solid rgba(200, 164, 77, .5);
	border-radius: 3px;
}
.kogp-champion__portrait img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kogp-champion__portrait--placeholder { color: #C8A44D; font-size: 3rem; line-height: 1; opacity: .85; }
.kogp-champion__body { flex: 1 1 auto; min-width: 0; }
.kogp-champion__eyebrow {
	font-family: Cinzel, 'Times New Roman', 'Noto Serif JP', serif;
	font-size: .82rem;
	letter-spacing: .22em;
	font-weight: 700;
	color: #C8A44D;
	margin: 0 0 .35rem;
}
.kogp-champion__name {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-size: clamp(1.6rem, 4.5vw, 2.4rem);
	font-weight: 700;
	line-height: 1.18;
	color: #C8A44D;
	text-shadow: 0 0 14px rgba(200, 164, 77, .28);
	margin: 0 0 .25rem;
}
.kogp-champion__name a { color: inherit; text-decoration: none; }
.kogp-champion__name a:hover { text-decoration: underline; }
.kogp-champion__country {
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .14em;
	color: #9AA3AB;
	margin-left: .6rem;
	white-space: nowrap;
}
.kogp-champion__prize { margin: .35rem 0 0; font-size: 1rem; color: #F5EFE0; }
.kogp-champion__prize-label { color: #9AA3AB; font-size: .8rem; letter-spacing: .08em; }
.kogp-champion__prize b {
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: #E6C66B;
	margin-left: .45rem;
}
.kogp-champion__comment { margin: .7rem 0 0; color: #F5EFE0; font-style: italic; opacity: .92; }
.kogp-champion__tba { margin: 0; color: #F5EFE0; font-weight: 600; }
.kogp-champion__tba-sub {
	margin: .35rem 0 0;
	font-family: Cinzel, 'Times New Roman', serif;
	letter-spacing: .2em;
	font-size: .8rem;
	color: #9AA3AB;
}
@media (max-width: 600px) {
	.kogp-champion { flex-direction: column; text-align: center; align-items: center; }
	.kogp-champion__country { display: block; margin: .3rem 0 0; }
}

/* 羊皮紙パネル（自己完結＝is-style-kogp-parchment が無いページでも成立）。
   入賞者テーブル／全大会一覧の囲み。 */
.kogp-panel {
	background-color: #F3EAD3;
	background-image:
		radial-gradient(140% 120% at 50% 0%, rgba(255, 252, 240, .4), rgba(255, 252, 240, 0) 42%);
	border: 1px solid rgba(200, 164, 77, .45);
	border-radius: 2px;
	box-shadow: inset 0 0 22px rgba(120, 90, 40, .08);
	padding: 1.2rem 1.3rem;
	margin: 1.2rem 0;
}
.kogp-panel > :first-child { margin-top: 0; }
.kogp-panel > :last-child { margin-bottom: 0; }
.kogp-winners__subhead {
	margin: 0 0 .4rem;
	color: #14492F;
	border-left: 4px solid #C8A44D;
	padding-left: .6rem;
}
.kogp-winners-table .kogp-rank,
.kogp-winners-index .kogp-rank { font-variant-numeric: tabular-nums; white-space: nowrap; font-weight: 700; }
.kogp-tba { color: #9AA3AB; font-style: italic; }

/* -------------------------------------------------------------------------
 * 注目選手グリッド（写真→詳細リンク）。
 * 写真と名前はクリーンに。装飾は金のヘアライン罫＝要所のみ。角は立てる(≤4px)。
 * ---------------------------------------------------------------------- */
.kogp-players {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.4rem;
	margin: 1.4rem 0;
}
.kogp-players > * { margin: 0; }       /* is-layout-flow の子マージン打ち消し */
.kogp-player-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
}
.kogp-player-card__photo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #0E1512;
	border: 1px solid rgba(200, 164, 77, .4);
	border-radius: 3px;
}
.kogp-player-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 縦位置の写真は正方形タイルに合わせて中央で切ると頭が切れるので上を基準にする。
	   既存の正方形写真（G.O.A.T 等）は切り取りが起きないので影響しない。 */
	object-position: center top;
	display: block;
}
.kogp-player-card__placeholder {
	color: #C8A44D;
	font-size: 2.6rem;
	line-height: 1;
	opacity: .7;
}
.kogp-player-card__name {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1.3;
	color: #15233B;       /* 明地の見出し＝むさぽnavy（theme.json暫定 #15233B） */
	margin: .6rem 0 0;
}
.kogp-player-card__tagline {
	font-size: .85rem;
	line-height: 1.5;
	color: rgba(28, 38, 34, .72);   /* ink を弱めた補助文字 */
	margin: .25rem 0 0;
}
@media (max-width: 900px) { .kogp-players { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .kogp-players { grid-template-columns: 1fr; gap: 1.1rem; } }

/* 選手SNSリンク（詳細ページのダーク・ヒーロー内）。絵文字を使わず活字ラベルのピル。 */
.kogp-sns {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	justify-content: center;
	margin: 1.1rem 0 0;
}
.kogp-sns__link {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .8rem;
	letter-spacing: .12em;
	font-weight: 700;
	color: #E6C66B;
	text-decoration: none;
	padding: .35rem .9rem;
	border: 1px solid rgba(200, 164, 77, .5);
	border-radius: 3px;
	line-height: 1;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.kogp-sns__link:hover {
	background-color: #C8A44D;
	color: #0E1512;
	border-color: #C8A44D;
}

/* -------------------------------------------------------------------------
 * フォトギャラリー（Instagram的グリッド＋ライトボックス）。
 * gallery_item のアイキャッチを新着順に正方タイルで自動整列（CSS object-fitで
 * クロップ＝画像再生成に依存しない）。装飾は金のヘアライン＝hover時のみ。
 * クリックでライトボックス（暗地＝石黒、UIは金。絵文字不使用＝× ‹ › の活字記号）。
 * 色は theme.json パレットの実hex（テーマ非依存）。
 * ---------------------------------------------------------------------- */
.kogp-gallery {
	--kogp-gallery-cols: 4;
	display: grid;
	grid-template-columns: repeat(var(--kogp-gallery-cols), 1fr);
	gap: .5rem;
	margin: 1.4rem 0;
}
.kogp-gallery > * { margin: 0; }   /* is-layout-flow の子マージン打ち消し */
.kogp-gallery__item {
	display: block;
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #0E1512;
	border: 1px solid rgba(200, 164, 77, .28);
	border-radius: 2px;
	cursor: zoom-in;
	transition: border-color .18s ease;
}
.kogp-gallery__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .3s ease;
}
.kogp-gallery__item:hover { border-color: #C8A44D; }
.kogp-gallery__item:hover .kogp-gallery__img { transform: scale(1.05); }
.kogp-gallery__item:focus-visible { outline: 2px solid #C8A44D; outline-offset: 2px; }
@media (max-width: 900px) { .kogp-gallery { --kogp-gallery-cols: 3; } }
@media (max-width: 520px) { .kogp-gallery { --kogp-gallery-cols: 2; gap: .4rem; } }

/* ライトボックス（フルスクリーン暗幕＝石黒。クリックで全体表示） */
html.kogp-lightbox-open { overflow: hidden; }
.kogp-lightbox {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(1rem, 4vw, 3rem);
	background-color: rgba(7, 11, 9, .94);
	background-image: radial-gradient(120% 90% at 50% 0%, rgba(200, 164, 77, .12), rgba(200, 164, 77, 0) 60%);
}
.kogp-lightbox[hidden] { display: none; }
.kogp-lightbox__stage {
	margin: 0;
	max-width: 100%;
	max-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.kogp-lightbox__img {
	max-width: min(92vw, 1100px);
	max-height: 82vh;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	background: #0E1512;
	border: 1px solid rgba(200, 164, 77, .45);
	border-radius: 2px;
}
.kogp-lightbox__caption {
	margin-top: .8rem;
	max-width: 90vw;
	color: #F5EFE0;
	font-size: .92rem;
	text-align: center;
}
.kogp-lightbox__close,
.kogp-lightbox__nav {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(14, 21, 18, .6);
	color: #E6C66B;
	border: 1px solid rgba(200, 164, 77, .5);
	border-radius: 2px;
	cursor: pointer;
	line-height: 1;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.kogp-lightbox__close:hover,
.kogp-lightbox__nav:hover {
	background: #C8A44D;
	color: #0E1512;
	border-color: #C8A44D;
}
.kogp-lightbox__close {
	top: clamp(.6rem, 2vw, 1.4rem);
	right: clamp(.6rem, 2vw, 1.4rem);
	width: 44px;
	height: 44px;
	font-size: 1.7rem;
}
.kogp-lightbox__nav {
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 64px;
	font-size: 2.2rem;
	font-family: Cinzel, 'Times New Roman', serif;
}
.kogp-lightbox__prev { left: clamp(.4rem, 2vw, 1.4rem); }
.kogp-lightbox__next { right: clamp(.4rem, 2vw, 1.4rem); }
@media (max-width: 520px) {
	.kogp-lightbox__nav { width: 40px; height: 54px; font-size: 1.7rem; }
	.kogp-lightbox__img { max-height: 74vh; }
}

/* -------------------------------------------------------------------------
 * お問い合わせフォーム。
 * DESIGN.md 準拠＝本文・フォームはクリーン（装飾は要所のみ）。
 * 入力欄は素直に、フォーカス時のみ金のヘアラインで"らしさ"を添える。角は立てる(≤4px)。
 * 羊皮紙パネル内に置く想定で、地色に依存しない実hexで定義（テーマ非依存）。
 * ---------------------------------------------------------------------- */
.kogp-contact { margin: 1.2rem 0; }
.kogp-contact-form { max-width: 640px; }

/* ハニーポット（人間からは見えない） */
.kogp-hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.kogp-field { margin: 0 0 1.1rem; }
.kogp-field label {
	display: block;
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-weight: 700;
	font-size: .95rem;
	color: #14492F;
	margin: 0 0 .35rem;
}
.kogp-req,
.kogp-opt {
	display: inline-block;
	font-family: 'Noto Sans JP', system-ui, sans-serif;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1;
	padding: .25em .6em;
	margin-left: .4em;
	border-radius: 2px;
	vertical-align: middle;
}
.kogp-req { background: #7C1F24; color: #fff; }              /* 必須＝差し色 crimson */
.kogp-opt { background: rgba(20, 73, 47, .1); color: #5b5b5b; } /* 任意＝控えめ */

.kogp-contact-form input[type="text"],
.kogp-contact-form input[type="email"],
.kogp-contact-form input[type="tel"],
.kogp-contact-form select,
.kogp-contact-form textarea {
	width: 100%;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.6;
	color: #1C2622;
	background: #fff;
	border: 1px solid rgba(20, 73, 47, .35);
	border-radius: 3px;
	padding: .65rem .8rem;
	transition: border-color .18s ease, box-shadow .18s ease;
}
.kogp-contact-form textarea { resize: vertical; min-height: 8em; }
.kogp-contact-form select {
	appearance: none;
	-webkit-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #14492F 50%), linear-gradient(135deg, #14492F 50%, transparent 50%);
	background-position: calc(100% - 18px) center, calc(100% - 13px) center;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
	padding-right: 2.4rem;
}
.kogp-contact-form input:focus,
.kogp-contact-form select:focus,
.kogp-contact-form textarea:focus {
	outline: none;
	border-color: #C8A44D;
	box-shadow: 0 0 0 2px rgba(200, 164, 77, .25);
}
.kogp-contact-form input:invalid:not(:placeholder-shown) {
	border-color: rgba(124, 31, 36, .7);
}

.kogp-form-actions { margin: 1.4rem 0 0; }
.kogp-form-submit {
	display: inline-block;
	font-family: 'Noto Sans JP', system-ui, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .04em;
	color: #1C2622;
	background: #C8A44D;
	border: 1px solid #C8A44D;
	border-radius: 3px;
	padding: .75rem 2.4rem;
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}
.kogp-form-submit:hover { background: #B6933F; border-color: #B6933F; }
.kogp-form-submit:focus-visible { outline: 2px solid #14492F; outline-offset: 2px; }

.kogp-form-note {
	margin: 1rem 0 0;
	font-size: .82rem;
	line-height: 1.7;
	color: rgba(28, 38, 34, .72);
}
.kogp-form-note a { color: #14492F; }

/* 送信結果バナー（成功＝深緑／失敗＝crimson）。 */
.kogp-form-notice {
	margin: 0 0 1.4rem;
	padding: .9rem 1.1rem;
	border-radius: 3px;
	font-size: .95rem;
	line-height: 1.7;
	border-left: 4px solid;
}
.kogp-form-notice--ok {
	background: rgba(20, 73, 47, .08);
	border-left-color: #14492F;
	color: #14492F;
}
.kogp-form-notice--err {
	background: rgba(124, 31, 36, .08);
	border-left-color: #7C1F24;
	color: #7C1F24;
}

/* === 配信リンク（YouTubeアイコン・入賞者一覧） =====================
   外部アセットに依存しないインラインSVG。明地に置くため色はヘラルドリー深紅
   （サイトの金は暗地限定）。hoverでわずかに明るくし、面積は44px確保してタップ可。 */
.kogp-yt-cell { width: 1%; white-space: nowrap; text-align: center; }
.kogp-yt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 34px;
	color: #7C1F24;
	transition: color .18s ease, transform .18s ease;
}
.kogp-yt:hover { color: #A82A31; transform: scale(1.06); }
.kogp-yt:focus-visible { outline: 2px solid #C8A44D; outline-offset: 2px; }
.kogp-yt svg { display: block; }

/* リンクを切ったカード＝押せそうな見え方（カーソル）をやめる */
.kogp-player-card--static { cursor: default; }

/* 未入稿の枠＝COMING SOON（Cinzelの活字で静かに置く） */
.kogp-coming-soon {
	font-family: Cinzel, 'Times New Roman', serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .22em;
	text-align: center;
	color: #9AA3AB;
	padding: 2.2rem 0;
	margin: 0;
	border: 1px dashed rgba(200, 164, 77, .38);
	border-radius: 2px;
}

/* =========================================================================
   賞品（PRIZE）
   「価値の種類」ごとにグループ化して見せる。素材写真（ウォームブラック背景）と
   カード地を地続きにし、金は暗地のみ＝DESIGN の原則どおり。
   金額と重量を出す唯一の面（他ページはサイト方針どおり非表示）。
   ====================================================================== */
.kogp-prizes {
	max-width: 980px;   /* 素材写真が主役になりすぎないよう本文より少し広い程度に留める */
	margin-inline: auto;
}
.kogp-prizes > * { margin: 0; }
.kogp-prize-group + .kogp-prize-group { margin-top: 3.4rem; }

.kogp-prize-group__head { margin: 0 0 1.5rem; text-align: center; }
.kogp-prize-group__eyebrow {
	font-family: Cinzel, 'Times New Roman', 'Noto Serif JP', serif;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .24em;
	color: #C8A44D;
	margin: 0 0 .4rem;
}
.kogp-prize-group__title {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 700;
	line-height: 1.4;
	color: #F5EFE0;
	margin: 0;
}
.kogp-prize-group__lead {
	font-size: .88rem;
	line-height: 1.85;
	color: rgba(245, 239, 224, .72);
	margin: .5rem 0 0;
}

/* --- グリッド（2点以上のグループ）--------------------------------------- */
.kogp-prize-grid {
	--kogp-prize-cols: 3;
	display: grid;
	grid-template-columns: repeat(var(--kogp-prize-cols), minmax(0, 300px));
	justify-content: center;
	gap: 1.4rem;
	margin: 0;
}
.kogp-prize-grid > * { margin: 0; }

.kogp-prize-card,
.kogp-prize-feature {
	background-color: #0F0B07;
	background-image: linear-gradient(180deg, #120D08 0%, #0A0705 100%);
	border: 1px solid rgba(200, 164, 77, .30);
	border-radius: 3px;
	overflow: hidden;
	transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.kogp-prize-card { display: flex; flex-direction: column; }
.kogp-prize-card:hover,
.kogp-prize-feature:hover {
	border-color: rgba(200, 164, 77, .62);
	transform: translateY(-3px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .5);
}

.kogp-prize-card__media {
	flex: 0 0 auto;          /* 高さを揃えられても画像枠は縮ませない */
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #0A0705;
	border-bottom: 1px solid rgba(200, 164, 77, .22);
}
.kogp-prize-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 実物商品画像の受領待ち */
.kogp-prize-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .82rem;
	font-weight: 700;
	letter-spacing: .22em;
	color: rgba(200, 164, 77, .62);
	background:
		radial-gradient(120% 90% at 50% 0%, rgba(200, 164, 77, .07), rgba(200, 164, 77, 0) 65%),
		#0A0705;
	border: 1px dashed rgba(200, 164, 77, .3);
}
.kogp-prize-placeholder span {
	font-size: .68rem;
	letter-spacing: .3em;
	color: rgba(245, 239, 224, .38);
}

/* --- フィーチャー（1点だけのグループ）------------------------------------
   3列グリッドに1枚だけ置くと痩せて見えるため、横並びで大きく見せる。 */
.kogp-prize-feature {
	display: grid;
	grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
	/* stretch にすると画像枠が本文の高さまで伸び、object-fit:cover が正方画像の
	   左右を切り落とす（本文の長い ROLEX で顕著）。枠を伸ばさず中央に置く。 */
	align-items: center;
}
.kogp-prize-feature__media {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #0A0705;
	margin: 1.3rem 0 1.3rem 1.3rem;
	border: 1px solid rgba(200, 164, 77, .22);
	border-radius: 2px;
}
.kogp-prize-feature__body {
	display: flex;
	flex-direction: column;
	padding: 1.6rem 1.7rem;
}

/* --- カード本文 ---------------------------------------------------------- */
.kogp-prize-card__body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	padding: 1.15rem 1.2rem 1.25rem;
}
.kogp-prize-card__eyebrow {
	font-family: Cinzel, 'Times New Roman', 'Noto Serif JP', serif;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .2em;
	color: #C8A44D;
	margin: 0 0 .4rem;
}
.kogp-prize-card__title {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-size: 1.12rem;
	font-weight: 700;
	line-height: 1.45;
	color: #F5EFE0;
	margin: 0;
}
.kogp-prize-feature__body .kogp-prize-card__title { font-size: clamp(1.18rem, 2vw, 1.4rem); }
.kogp-prize-card__spec {
	font-size: .8rem;
	line-height: 1.75;
	color: rgba(245, 239, 224, .68);
	margin: .45rem 0 0;
}
.kogp-prize-card__desc {
	font-size: .84rem;
	line-height: 1.9;
	color: rgba(245, 239, 224, .82);
	margin: .8rem 0 0;
}
.kogp-prize-card__notes {
	list-style: none;
	padding: 0;
	margin: .8rem 0 0;
	font-size: .82rem;
	line-height: 1.85;
	color: rgba(245, 239, 224, .82);
}
.kogp-prize-card__notes li { position: relative; padding-left: 1.1em; }
.kogp-prize-card__notes li::before {
	content: '\25C7';                       /* ◇ */
	position: absolute;
	left: 0;
	color: #C8A44D;
	font-size: .8em;
}

/* 「この賞品は何が価値なのか」の一行 */
.kogp-prize-card__vtype {
	font-size: .78rem;
	line-height: 1.7;
	letter-spacing: .04em;
	color: #C8A44D;
	margin: 1rem 0 0;
	padding-left: .7rem;
	border-left: 2px solid rgba(200, 164, 77, .55);
}

.kogp-prize-card__footnote {
	font-size: .72rem;
	line-height: 1.8;
	color: rgba(245, 239, 224, .5);
	margin: .9rem 0 0;
}

/* --- 金額 ----------------------------------------------------------------
   margin-top:auto でカード下端に押し出し、名称の行数が違ってもグリッド内で
   金額の位置が揃うようにする。 */
.kogp-prize-value {
	margin: 0;
	padding-top: .9rem;
	border-top: 1px solid rgba(200, 164, 77, .22);
}
.kogp-prize-card__vtype { margin-bottom: 1.1rem; }
/* グリッドのカードは「価値の種類＋金額」をひとかたまりで下端へ寄せる。
   説明文の行数がカードごとに違っても、両者の位置が横並びで揃う。
   （margin-top:auto は1要素にだけ置く。2つに置くと余白が分配されて揃わない） */
.kogp-prize-card .kogp-prize-card__vtype { margin-top: auto; }
.kogp-prize-value__row + .kogp-prize-value__row { margin-top: .7rem; }
.kogp-prize-value__label {
	margin: 0;
	font-size: .68rem;
	letter-spacing: .12em;
	line-height: 1.6;
	color: rgba(245, 239, 224, .55);
}
.kogp-prize-value__en { font-family: Cinzel, 'Times New Roman', serif; font-weight: 700; }
.kogp-prize-value__en + .kogp-prize-value__ja::before {
	content: '\FF5C';                       /* ｜ */
	opacity: .5;
}
/* 金額はどの項目もカードも同じ扱いにする。
   「参考市場価格が判っているカードだけ強調を移す」といった出し分けをすると、
   同じ項目なのにカードごとに色と大きさが変わって読み手が混乱し、
   行の高さも変わって横並びのカードが揃わなくなる。 */
.kogp-prize-value__yen {
	margin: .12rem 0 0;
	font-family: Cinzel, 'Shippori Mincho', serif;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.35;
	color: #C8A44D;
	text-shadow: 0 0 14px rgba(200, 164, 77, .28);
	font-variant-numeric: tabular-nums;
}
.kogp-prize-premium {
	margin: .45rem 0 0;
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .14em;
	color: rgba(245, 239, 224, .55);
}
.kogp-prize-premium strong { color: #C8A44D; }

@media (max-width: 900px) {
	.kogp-prize-grid { --kogp-prize-cols: 2 !important; gap: 1.1rem; }
}
@media (max-width: 780px) {
	.kogp-prize-feature { grid-template-columns: 1fr; }
	.kogp-prize-feature__media { border-right: 0; border-bottom: 1px solid rgba(200, 164, 77, .22); }
	.kogp-prize-feature__body { padding: 1.2rem 1.2rem 1.35rem; }
}
@media (max-width: 560px) {
	.kogp-prize-grid { --kogp-prize-cols: 1 !important; }
	.kogp-prize-card__body { padding: 1rem 1.05rem 1.1rem; }
	.kogp-prize-group + .kogp-prize-group { margin-top: 2.6rem; }
}

/* 但し書き＝出典と基準日。金額を出す以上、根拠を必ず添える。 */
.kogp-prize-note {
	font-size: .78rem;
	line-height: 1.9;
	letter-spacing: .01em;
	color: rgba(245, 239, 224, .6);
	margin: 2rem 0 0;
	padding-left: .9rem;
	border-left: 1px solid rgba(200, 164, 77, .3);
}
.kogp-prize-note span { display: block; }
.kogp-prize-note span + span { margin-top: .4rem; }

/* --- トップページの紹介コーナー用の帯（金額・重量は出さない）------------- */
.kogp-prize-teaser {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.1rem;
	max-width: 700px;
	margin: 1.6rem auto 0;
}
.kogp-prize-teaser > * { margin: 0; }
.kogp-prize-teaser__tile { margin: 0; }
.kogp-prize-teaser__img {
	display: block;
	width: 100%;
	/* height:auto は必須。img の height 属性（=768）が“確定した高さ”として効くと
	   aspect-ratio は無視され、幅100%×高さ768px の縦長のまま cover で左右が
	   切り取られる（2026-08-20：これが「画像が縮まない」原因だった）。 */
	height: auto;
	/* 高さは約192px＝ユーザー指定（元の768pxから半分を2回）。
	   タイル幅は 700px グリッドの3列＝約221px なので 8:7 ≒ 193px。
	   固定pxではなく比率で持つことで、スマホ幅では縦長にならず一緒に縮む。 */
	aspect-ratio: 8 / 7;
	object-fit: cover;
	border: 1px solid rgba(200, 164, 77, .3);
	border-radius: 3px;
	transition: border-color .25s ease;
}
.kogp-prize-teaser__tile:hover .kogp-prize-teaser__img { border-color: rgba(200, 164, 77, .6); }
.kogp-prize-teaser__caption {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-size: .84rem;
	line-height: 1.6;
	text-align: center;
	color: rgba(245, 239, 224, .82);
	margin: .55rem 0 0;
}
@media (max-width: 560px) {
	.kogp-prize-teaser { gap: .6rem; }
	.kogp-prize-teaser__caption { font-size: .72rem; letter-spacing: 0; }
}

/* 大会詳細のトータルプライズ行に添える算定時点の注記（2026-08 概要の表記指定）。 */
.kogp-eventmeta__note {
	display: inline-block;
	margin-top: .15rem;
	font-size: .74em;
	opacity: .7;
	letter-spacing: .01em;
}

/* === 賞品リスト（順位別・現物）================================================
   金額は出さず「順位・対象／賞品／内容」の3列。狭い幅ではカードに組み替える。 */
/* 2026-09-05 修正：順位・内容列の `white-space: nowrap` ＋ `width: 1%` が原因で、
   長い文言（PLOのエキシビション但し書き、Knight's Challenge の POKER Q'z 特典など）が
   1行に伸び切り、列幅が破裂していた。固定レイアウト＋比率指定に変え、
   長いセルだけが折り返るようにする（短い「1位」等は従来どおり1行）。 */
.kogp-prizelist { font-size: .88rem; table-layout: fixed; }
.kogp-prizelist thead th:nth-child(1) { width: 24%; }
.kogp-prizelist thead th:nth-child(2) { width: 40%; }
.kogp-prizelist thead th:nth-child(3) { width: 36%; }
.kogp-prizelist td { overflow-wrap: break-word; }
.kogp-prizelist .kogp-prize__rank { font-weight: 700; }
.kogp-prizelist .kogp-prize__item { font-weight: 600; }
@media (max-width: 780px) {
	.kogp-prizelist,
	.kogp-prizelist tbody,
	.kogp-prizelist tr,
	.kogp-prizelist td { display: block; width: auto; }
	.kogp-prizelist thead { display: none; }
	.kogp-prizelist tbody tr {
		margin: .6rem 0;
		padding: .6rem .75rem;
		border: 1px solid rgba(200, 164, 77, .3);
		border-radius: 2px;
	}
	.kogp-prizelist td { border: 0; padding: .12rem 0; white-space: normal !important; width: auto !important; }
	.kogp-prizelist .kogp-prize__rank { font-size: 1rem; }
	.kogp-prizelist .kogp-prize__detail {
		display: flex;
		justify-content: space-between;
		gap: 1rem;
		font-size: .84rem;
		border-top: 1px dotted rgba(28, 38, 34, .16);
		padding: .3rem 0;
	}
	.kogp-prizelist .kogp-prize__detail::before {
		content: attr(data-label);
		color: #6b6b6b;
		font-size: .78rem;
		white-space: nowrap;
	}
}

/* =========================================================================
 * SPECIAL DJ NIGHT（[kogp_dj_lineup] / [kogp_djnight_bill] / [kogp_dj_flyer]）
 *
 * 「夜の面」＝ dj_lineup を持つ大会ページ限定のコンポーネント群（includes/djnight.php）。
 * 色トークン --kogp-fever-* は子テーマ style.css の body.kogp-djnight-page で定義。
 * 万一それ以外で使われても崩れないよう、すべて fallback 付きで参照する。
 * 角は立てる（≤4px）／影は落とさない＝奥行きは罫と発光で出す（DESIGN.md §7）。
 * ---------------------------------------------------------------------- */

/* --- イコライザー罫（装飾・意味なし）--- */
.kogp-eq-rule { display: flex; justify-content: center; margin: 1.4rem 0; }
.kogp-eq {
	display: inline-flex;
	align-items: flex-end;
	gap: 3px;
	height: 22px;
}
.kogp-eq i {
	display: block;
	width: 3px;
	height: 100%;
	transform-origin: bottom;
	transform: scaleY(.34);
	background: linear-gradient(180deg,
		var(--kogp-fever-magenta-hi, #FFC5FF) 0%,
		var(--kogp-fever-magenta, #F06BE8) 44%,
		#C8A44D 100%);
}
.kogp-eq i:nth-child(3n)   { transform: scaleY(.72); }
.kogp-eq i:nth-child(4n+1) { transform: scaleY(.52); }
.kogp-eq i:nth-child(5n)   { transform: scaleY(.92); }
@media (prefers-reduced-motion: no-preference) {
	.kogp-eq i { animation: kogp-eq-bounce 1.7s ease-in-out infinite; }
	.kogp-eq i:nth-child(2n)   { animation-duration: 2.3s; animation-delay: -.4s; }
	.kogp-eq i:nth-child(3n)   { animation-duration: 1.3s; animation-delay: -.9s; }
	.kogp-eq i:nth-child(4n+1) { animation-duration: 2.0s; animation-delay: -.2s; }
	.kogp-eq i:nth-child(5n)   { animation-duration: 1.5s; animation-delay: -1.1s; }
}
@keyframes kogp-eq-bounce {
	0%, 100% { transform: scaleY(.26); }
	50%      { transform: scaleY(1); }
}

/* --- その夜の対象大会（開始時刻は各大会の start_time が正）--- */
.kogp-djbill {
	list-style: none;
	margin: 1.6rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .9rem;
}
.kogp-djbill__link {
	display: flex;
	flex-direction: column;
	gap: .2rem;
	padding: .85rem 1.05rem;
	border: 1px solid rgba(240, 107, 232, .40);
	border-left: 3px solid var(--kogp-fever-magenta, #F06BE8);
	border-radius: 3px;
	background: linear-gradient(180deg, rgba(30, 29, 63, .72), rgba(11, 9, 6, .58));
	text-decoration: none;
}
a.kogp-djbill__link:hover,
a.kogp-djbill__link:focus-visible {
	border-color: var(--kogp-fever-magenta-hi, #FFC5FF);
	background: linear-gradient(180deg, rgba(42, 26, 65, .85), rgba(11, 9, 6, .62));
}
.kogp-djbill__time {
	font-family: Cinzel, 'Times New Roman', serif;
	font-weight: 700;
	font-size: 1.45rem;
	line-height: 1.2;
	letter-spacing: .03em;
	font-variant-numeric: tabular-nums;
	color: #E6C66B;
}
.kogp-djbill__name {
	font-size: .93rem;
	line-height: 1.5;
	letter-spacing: .03em;
	color: #F5EFE0;
}
.kogp-djbill__here {
	margin-top: .15rem;
	font-family: Cinzel, 'Times New Roman', 'Noto Serif JP', serif;
	font-size: .68rem;
	letter-spacing: .18em;
	color: #9AA3AB;
}
.kogp-djbill__item.is-current .kogp-djbill__link {
	border-color: rgba(200, 164, 77, .55);
	border-left-color: #C8A44D;
	background: linear-gradient(180deg, rgba(23, 16, 9, .85), rgba(11, 9, 6, .7));
}
@media (max-width: 600px) { .kogp-djbill { grid-template-columns: 1fr; } }

/* --- 公式フライヤー --- */
.kogp-dj-flyer { margin: 0; }
.kogp-dj-flyer img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid rgba(200, 164, 77, .45);
	border-radius: 3px;
}
.kogp-dj-flyer__cap {
	margin-top: .55rem;
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .68rem;
	letter-spacing: .22em;
	text-align: center;
	color: #9AA3AB;
}

/* --- ラインナップ全体 --- */
.kogp-djlineup { margin: 0; }
.kogp-djlineup__count {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: .7rem;
	margin: 0 0 1.8rem;
}
.kogp-djlineup__count-num {
	font-family: Cinzel, 'Times New Roman', serif;
	font-weight: 700;
	font-size: clamp(2.6rem, 9vw, 4.4rem);
	line-height: 1;
	background: linear-gradient(180deg, #FFC5FF 0%, #F06BE8 46%, #C8A44D 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	filter: drop-shadow(0 0 22px rgba(240, 107, 232, .35));
}
@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
	.kogp-djlineup__count-num { color: #F06BE8; }
}
.kogp-djlineup__count-label {
	font-family: Cinzel, 'Times New Roman', serif;
	font-weight: 700;
	font-size: clamp(.9rem, 2.4vw, 1.15rem);
	letter-spacing: .22em;
	color: #C8A44D;
}

/* --- プロデューサー（横長の1枚）--- */
.kogp-dj-producer {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	margin: 0 0 2.2rem;
	border: 1px solid rgba(240, 107, 232, .38);
	border-radius: 3px;
	overflow: hidden;
	background: linear-gradient(135deg, rgba(30, 29, 63, .85), rgba(11, 9, 6, .92));
}
.kogp-dj-producer__photo { display: block; position: relative; }
.kogp-dj-producer__photo img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.kogp-dj-producer__body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .35rem;
	padding: clamp(1.2rem, 3vw, 2.2rem);
}
.kogp-dj-producer__label {
	font-family: Cinzel, 'Times New Roman', serif;
	font-weight: 700;
	font-size: .7rem;
	letter-spacing: .28em;
	color: var(--kogp-fever-magenta-hi, #FFC5FF);
}
.kogp-dj-producer__name {
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-weight: 700;
	font-size: clamp(1.3rem, 3.4vw, 2rem);
	line-height: 1.3;
	color: #F2E0A6;
}
.kogp-dj-producer__roman {
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .82rem;
	letter-spacing: .14em;
	color: #9AA3AB;
}
.kogp-dj-producer__note {
	margin-top: .3rem;
	font-size: .9rem;
	line-height: 1.75;
	color: #F5EFE0;
	opacity: .9;
}
@media (max-width: 720px) { .kogp-dj-producer { grid-template-columns: 1fr; } }

/* --- DJカード（大判2名／グリッド）--- */
.kogp-djlineup__features,
.kogp-djlineup__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 1.1rem;
}
.kogp-djlineup__features {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 1.1rem;
}
.kogp-djlineup__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kogp-dj-card { display: flex; flex-direction: column; margin: 0; }
.kogp-dj-card__photo {
	position: relative;
	display: block;
	overflow: hidden;
	border: 1px solid rgba(240, 107, 232, .34);
	border-radius: 3px;
	background: var(--kogp-fever-plate, #1E1D3F);
}
.kogp-dj-card__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 縦位置の人物を四角に収めると頭が切れるので上基準（注目選手グリッドと同じ規律）。 */
	object-position: center top;
}
.kogp-dj-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 2.2rem;
	color: #C8A44D;
	opacity: .55;
}
.kogp-dj-card--feature .kogp-dj-card__photo { aspect-ratio: 3 / 4; }
.kogp-dj-card--grid .kogp-dj-card__photo    { aspect-ratio: 1 / 1; }
/* 上からのステージ光（大判のみ・ごく薄く）。 */
.kogp-dj-card--feature .kogp-dj-card__photo::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(80% 46% at 50% 0%, rgba(240, 107, 232, .22), rgba(240, 107, 232, 0) 62%);
}
.kogp-dj-card__body { padding: .6rem .15rem 0; }
.kogp-dj-card__name {
	display: block;
	font-family: 'Shippori Mincho', 'Noto Serif JP', serif;
	font-weight: 700;
	line-height: 1.3;
	color: #F5EFE0;
}
.kogp-dj-card--feature .kogp-dj-card__name { font-size: clamp(1.1rem, 2.8vw, 1.5rem); }
.kogp-dj-card--grid .kogp-dj-card__name    { font-size: 1rem; }
.kogp-dj-card__roman {
	display: block;
	margin-top: .15rem;
	font-family: Cinzel, 'Times New Roman', serif;
	font-size: .7rem;
	letter-spacing: .16em;
	color: var(--kogp-fever-magenta-hi, #FFC5FF);
	opacity: .8;
}
.kogp-dj-card__note {
	display: block;
	margin-top: .2rem;
	font-size: .8rem;
	line-height: 1.6;
	color: #9AA3AB;
}
@media (max-width: 900px) { .kogp-djlineup__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px) {
	.kogp-djlineup__grid     { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
	.kogp-djlineup__features { gap: .8rem; }
}