/* ポケモン64タイプ診断（2026-08-23 新設）
   接頭辞 .pk- 。モバイル優先で書き、PCの装飾は @media(min-width:760px) に隔離する。 */

.pk{
	--pk-ink:#1f2430;
	--pk-sub:#666e7d;
	--pk-line:#e4e7ee;
	--pk-paper:#f7f8fb;
	--pk-accent:#3d6fd1;
	--pk-gold:#c9992f;
	--pk-red:#d94848;
	background:var(--pk-paper);
	color:var(--pk-ink);
}
.pk *{box-sizing:border-box;}
.pk-wrap{padding-bottom:48px;}

/* ---- ヒーロー ---- */
.pk-hero{
	position:relative;color:#fff;text-align:center;padding:52px 20px 46px;
	background:linear-gradient(180deg,rgba(18,24,38,.42),rgba(18,24,38,.74)),var(--pk-hero) center/cover no-repeat,#2a3346;
}
.pk-hero__eyebrow{font-size:11px;letter-spacing:.32em;opacity:.82;margin:0;}
.pk-hero__h1{font-size:31px;font-weight:900;letter-spacing:.04em;line-height:1.35;margin:12px 0 0;
	text-shadow:0 2px 14px rgba(0,0,0,.45);}
.pk-hero__sub{font-size:15px;font-weight:700;margin:10px 0 0;opacity:.95;}
.pk-hero__lead{font-size:13.5px;line-height:2;margin:18px auto 0;max-width:30em;opacity:.94;}
.pk-hero__lead b{color:#ffe08a;}

/* ---- 共通ステージ ---- */
.pk-stage{background:#fff;border:1px solid var(--pk-line);border-radius:18px;
	padding:24px 18px;margin:22px 0;box-shadow:0 2px 14px rgba(28,38,64,.05);}

/* ---- イントロ ---- */
.pk-intro__pts{list-style:none;padding:0;margin:0 0 22px;}
.pk-intro__pts li{position:relative;padding:11px 0 11px 26px;border-bottom:1px dotted var(--pk-line);
	font-size:13.5px;line-height:1.95;}
.pk-intro__pts li:last-child{border-bottom:0;}
.pk-intro__pts li::before{content:"";position:absolute;left:4px;top:1.5em;width:10px;height:2px;background:var(--pk-accent);}
.pk-start{display:block;width:100%;border:0;cursor:pointer;
	background:linear-gradient(135deg,#3d6fd1,#6a49c8);color:#fff;
	font-size:17px;font-weight:900;letter-spacing:.06em;padding:17px 20px;border-radius:999px;
	box-shadow:0 6px 18px rgba(61,111,209,.32);}
.pk-start:hover{filter:brightness(1.06);}
.pk-intro__note{font-size:11.5px;color:var(--pk-sub);text-align:center;margin:12px 0 0;}

/* ---- 設問 ---- */
.pk-q__bar{height:5px;background:#e9edf5;border-radius:99px;overflow:hidden;margin-bottom:16px;}
.pk-q__bar i{display:block;height:100%;background:linear-gradient(90deg,#3d6fd1,#6a49c8);
	border-radius:99px;transition:width .3s;}
.pk-q__count{font-size:12px;font-weight:900;color:var(--pk-accent);margin:0;letter-spacing:.06em;}
.pk-q__count span{color:var(--pk-sub);font-weight:700;}
.pk-q__scene{font-size:12px;color:var(--pk-sub);margin:10px 0 0;letter-spacing:.06em;}
.pk-q__text{font-size:18px;font-weight:900;line-height:1.7;margin:6px 0 18px;}
.pk-q__opts{display:grid;gap:10px;}
.pk-opt{width:100%;text-align:left;cursor:pointer;background:#fff;
	border:2px solid var(--pk-line);border-radius:13px;padding:14px 15px;
	font-size:14.5px;line-height:1.7;color:var(--pk-ink);transition:border-color .15s,background .15s;}
.pk-opt:hover{border-color:var(--pk-accent);background:#f3f7ff;}
.pk-back{margin-top:16px;background:none;border:0;color:var(--pk-sub);font-size:13px;cursor:pointer;padding:6px 0;}
.pk-back:hover{color:var(--pk-ink);}

/* ---- 読み込み ---- */
.pk-loading{text-align:center;padding:44px 18px;}
.pk-loading p{font-size:14px;color:var(--pk-sub);margin:16px 0 0;}
.pk-loading__dot{width:46px;height:46px;margin:0 auto;border-radius:50%;
	border:4px solid #e3e8f2;border-top-color:var(--pk-accent);animation:pkspin .9s linear infinite;}
@keyframes pkspin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.pk-loading__dot{animation:none;}}

/* ---- 結果 ---- */
.pk-res{text-align:center;}
.pk-res__eyebrow{display:inline-block;font-size:12px;font-weight:900;letter-spacing:.18em;
	color:#fff;background:var(--pk-ink);padding:4px 12px;border-radius:99px;margin:0;}
.pk-res__catch{font-size:14px;font-weight:800;color:var(--pk-accent);margin:14px 0 0;}
.pk-res__name{font-size:34px;font-weight:900;letter-spacing:.04em;margin:6px 0 0;line-height:1.3;}
.pk-res__tys{display:flex;gap:8px;justify-content:center;margin:14px 0 0;flex-wrap:wrap;}
.pk-ty{color:#fff;font-size:12.5px;font-weight:900;letter-spacing:.08em;padding:5px 14px;border-radius:99px;}
/* 立ち絵。900×1200なので幅を抑えないと画面を占領する */
.pk-res__ch{width:86%;max-width:380px;height:auto;margin:14px auto 0;display:block;}
.pk-res__dict{margin:14px 0 0;text-align:center;}
.pk-res__dict a{display:inline-block;font-size:13.5px;font-weight:800;color:var(--pk-accent);
	border-bottom:2px solid #cfe0ff;padding-bottom:2px;text-decoration:none;}
.pk-res__dict a:hover{border-bottom-color:var(--pk-accent);}
.pk-res__name a{color:inherit;text-decoration:none;border-bottom:3px solid #dbe6fb;}
.pk-res__name a:hover{border-bottom-color:var(--pk-accent);}
/* ニックネーム入力とシェア文のプレビュー */
.pk-nick{display:flex;align-items:center;gap:10px;margin:0 0 12px;}
.pk-nick label{font-size:12.5px;font-weight:800;color:var(--pk-sub);white-space:nowrap;}
.pk-nick input{flex:1;min-width:0;font-size:15px;padding:11px 13px;border:2px solid var(--pk-line);
	border-radius:11px;background:#fff;color:var(--pk-ink);}
.pk-nick input:focus{outline:none;border-color:var(--pk-accent);}
.pk-share__prev{white-space:pre-wrap;text-align:left;font-size:12.5px;line-height:1.85;
	color:#3d4453;background:#fff;border:1px dashed var(--pk-line);border-radius:11px;
	padding:13px 14px;margin:0 0 14px;}
.pk-res__read{font-size:14.5px;line-height:2.1;text-align:left;margin:20px 0 0;}

/* 個体値 */
.pk-iv{margin:28px 0 0;padding:20px 16px;background:var(--pk-paper);
	border:1px solid var(--pk-line);border-radius:16px;text-align:left;}
.pk-iv__h{font-size:15px;font-weight:900;letter-spacing:.1em;margin:0 0 14px;text-align:center;}
.pk-iv__tier{width:100%;height:auto;border-radius:12px;display:block;margin:0 0 14px;}
.pk-iv__tierlabel{text-align:center;margin:0 0 16px;}
.pk-iv__tierlabel b{font-size:40px;font-weight:900;letter-spacing:.02em;color:var(--pk-gold);line-height:1;}
.pk-iv__tierlabel span{display:inline-block;margin-left:10px;font-size:12px;font-weight:900;
	color:#fff;background:var(--pk-gold);padding:4px 11px;border-radius:99px;vertical-align:middle;}
.pk-iv__rows{display:grid;gap:7px;}
.pk-iv__row{display:grid;grid-template-columns:22px 1fr 26px;gap:4px 8px;align-items:center;
	background:#fff;border:1px solid var(--pk-line);border-radius:10px;padding:9px 10px;}
.pk-iv__row.is-v{border-color:var(--pk-gold);background:#fffbf0;}
.pk-iv__k{font-size:15px;font-weight:900;color:var(--pk-sub);}
.pk-iv__row.is-v .pk-iv__k{color:var(--pk-gold);}
.pk-iv__l{font-size:13px;font-weight:800;}
.pk-iv__l em{display:block;font-style:normal;font-size:11px;font-weight:600;color:var(--pk-sub);}
.pk-iv__n{font-size:17px;font-weight:900;text-align:right;}
.pk-iv__bar{grid-column:2/3;height:8px;background:#eceff6;border-radius:99px;overflow:hidden;}
.pk-iv__bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3d6fd1,#6a49c8);}
.pk-iv__row.is-v .pk-iv__bar i{background:linear-gradient(90deg,#e0b34a,#c9992f);}
.pk-iv__j{grid-column:3/4;font-size:10.5px;font-weight:800;color:var(--pk-sub);text-align:right;white-space:nowrap;}
.pk-iv__row.is-v .pk-iv__j{color:var(--pk-gold);}
.pk-iv__total{margin:14px 0 0;font-size:13.5px;font-weight:800;text-align:center;}
.pk-iv__total b{font-size:22px;font-weight:900;}
.pk-iv__total span{display:block;font-size:12px;font-weight:700;color:var(--pk-sub);margin-top:4px;}
.pk-iv__note{font-size:11.5px;line-height:1.9;color:var(--pk-sub);margin:14px 0 0;}

/* シェア */
.pk-share{margin:26px 0 0;text-align:center;}
.pk-share__lead{font-size:13px;color:var(--pk-sub);margin:0 0 12px;}
.pk-share__btns{display:grid;gap:9px;}
.pk-share__btn{border:0;cursor:pointer;font-size:14.5px;font-weight:900;letter-spacing:.06em;
	padding:14px 16px;border-radius:999px;color:#fff;}
.pk-share__btn--x{background:#000;}
.pk-share__btn--line{background:#06c755;}
.pk-share__btn--copy{background:#fff;color:var(--pk-ink);border:2px solid var(--pk-line);}
.pk-share__btn:hover{filter:brightness(1.08);}
.pk-share__done{font-size:12px;color:#06a34a;font-weight:800;margin:10px 0 0;}

/* 次の導線 */
.pk-next{margin:26px 0 0;padding:20px 16px;border:2px solid var(--pk-accent);border-radius:16px;background:#f3f7ff;}
.pk-next__lead{font-size:13.5px;line-height:1.95;margin:0 0 14px;text-align:left;}
.pk-next__btn{display:block;text-align:center;background:var(--pk-accent);color:#fff;
	font-size:15px;font-weight:900;padding:14px 18px;border-radius:999px;text-decoration:none;}
.pk-next__btn:hover{filter:brightness(1.08);}
.pk-again{display:block;width:100%;margin:18px 0 0;background:none;border:0;cursor:pointer;
	color:var(--pk-sub);font-size:13px;padding:8px;}

/* ---- 解説 ---- */
.pk-about{margin:26px 0 0;background:#fff;border:1px solid var(--pk-line);border-radius:18px;padding:24px 18px;}
.pk-about h2{font-size:18px;font-weight:900;line-height:1.6;margin:26px 0 12px;
	padding-left:12px;border-left:5px solid var(--pk-accent);}
.pk-about h2:first-child{margin-top:0;}
.pk-about p{font-size:14px;line-height:2.05;margin:0 0 14px;}
.pk-small{font-size:12.5px !important;color:var(--pk-sub);line-height:1.95 !important;}
.pk-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 16px;}
.pk-table table{border-collapse:collapse;width:100%;font-size:13px;}
.pk-table th,.pk-table td{border:1px solid var(--pk-line);padding:9px 10px;text-align:left;line-height:1.7;}
.pk-table thead th{background:var(--pk-paper);font-size:11.5px;color:var(--pk-sub);white-space:nowrap;}
.pk-faq{margin:0;}
.pk-faq dt{font-size:14px;font-weight:900;line-height:1.7;margin:16px 0 6px;padding-left:20px;position:relative;}
.pk-faq dt::before{content:"Q";position:absolute;left:0;color:var(--pk-accent);font-weight:900;}
.pk-faq dd{margin:0 0 0 20px;font-size:13.5px;line-height:2;color:#3d4453;}
.pk-links{margin:22px 0 0;font-size:13px;}
.pk-links a{color:var(--pk-accent);text-decoration:underline;text-underline-offset:3px;}

@media (min-width:760px){
	.pk-hero{padding:74px 24px 66px;}
	.pk-hero__h1{font-size:46px;}
	.pk-hero__sub{font-size:18px;}
	.pk-hero__lead{font-size:15px;}
	.pk-stage,.pk-about{padding:34px 34px;}
	.pk-q__text{font-size:21px;}
	.pk-res__name{font-size:44px;}
	.pk-iv{padding:28px 26px;}
	.pk-iv__row{grid-template-columns:26px 190px 1fr 34px 92px;}
	.pk-iv__bar{grid-column:auto;}
	.pk-iv__j{grid-column:auto;font-size:11.5px;}
	.pk-share__btns{grid-template-columns:repeat(3,1fr);}
	.pk-start{max-width:420px;margin:0 auto;}
}

/* 画像付きの導線（2026-08-25）。結果の直後、シェアの下に置く。
   テキストリンクだけでは踏まれなかったので、絵で「自分の型も見たい」に繋ぐ。 */
.pk-dousen{display:grid;gap:10px;margin:22px 0 0;}
.pk-dousen__card{display:grid;grid-template-columns:78px 1fr;grid-template-rows:auto auto auto;
	gap:2px 12px;align-items:center;text-decoration:none;color:inherit;
	background:#fff;border:2px solid #e6e9f0;border-radius:14px;padding:12px 14px;
	transition:border-color .15s,box-shadow .15s;}
.pk-dousen__card:hover{border-color:#6a49c8;box-shadow:0 4px 16px rgba(106,73,200,.14);}
.pk-dousen__card img{grid-row:1/4;width:78px;height:78px;object-fit:contain;border-radius:10px;background:#f6f7fb;}
.pk-dousen__t{font-size:14.5px;font-weight:900;line-height:1.5;}
.pk-dousen__t b{color:#6a49c8;}
.pk-dousen__d{font-size:11.5px;line-height:1.7;color:#666e7d;}
.pk-dousen__b{font-size:12.5px;font-weight:900;color:#6a49c8;}
@media (min-width:760px){.pk-dousen{grid-template-columns:1fr 1fr;}}

/* 回答から出た愛着タイプの無料コラムへ渡す枠（2026-08-25）。
   ちいかわ診断の cq-offer と同じ役割だが、あちらのCSSは chiikawa-shindan.css
   にしか無いので、このページ用に pk- 接頭辞で持つ。 */
.pk-offer{margin:26px 0 0;padding:20px 18px;border-radius:16px;
	background:linear-gradient(180deg,#fbf9ff,#f3f0fb);border:2px solid #e3ddf5;}
.pk-offer__eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;color:#8a7fb0;margin:0;}
.pk-offer__num{font-size:15px;font-weight:900;color:#6a49c8;margin:4px 0 10px;letter-spacing:.02em;}
.pk-offer__num span{white-space:nowrap;}
.pk-offer__h{font-size:18px;font-weight:900;line-height:1.55;margin:0 0 8px;}
.pk-offer__lead{font-size:13.5px;line-height:1.9;color:#4a4f5c;margin:0 0 14px;}
.pk-offer__go a{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;
	text-decoration:none;font-size:14px;font-weight:900;color:#fff;
	background:#6a49c8;border-radius:999px;padding:12px 20px;
	transition:transform .15s,box-shadow .15s;}
.pk-offer__go a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(106,73,200,.3);}
.pk-offer__free{font-size:11px;font-weight:900;letter-spacing:.06em;
	background:rgba(255,255,255,.22);border-radius:999px;padding:3px 9px;}

/* ============================================================
   ポケモンらしさ（2026-08-25）
   「地味すぎる」という指摘への対応。既存のクラス名は一切変えず、
   後ろから上書きするだけにしてある（戻すときはこのブロックを消す）。

   ・配色をモンスターボール系（赤・白・黒・黄）へ
   ・設問カードを図鑑の画面風に（上部の帯とランプ、セグメントゲージ）
   ・選択肢をゲームのコマンド風に（▶カーソル、押すと赤く反転）
   ・個体値をジャッジ画面風の暗いパネルに
   公式のロゴ・書体・画像は使わない。ページ下部の非公式表記はそのまま。
   モバイル優先。PCでだけ効かせる装飾は最後の media query に隔離する。
   ============================================================ */

.pk{
	--pk-ball:#ee1515;
	--pk-ball-dark:#a30f0f;
	--pk-yellow:#ffcb05;
	--pk-navy:#1b2233;
	--pk-accent:#2a75bb;
	--pk-paper:#eef1f7;
}

/* ---- ヒーロー：下端に赤・黒・白の帯を敷く ---- */
.pk-hero{border-bottom:0;}
.pk-hero::after{
	content:"";position:absolute;left:0;right:0;bottom:0;height:10px;
	background:linear-gradient(180deg,var(--pk-ball) 0 4px,#212121 4px 6px,#fff 6px 10px);
}
.pk-hero__eyebrow{color:var(--pk-yellow);opacity:1;font-weight:900;}
.pk-hero__lead b{color:var(--pk-yellow);}

/* ---- 図鑑パネル共通 ---- */
.pk-stage{
	border:3px solid var(--pk-navy);border-radius:16px;
	box-shadow:0 4px 0 rgba(27,34,51,.18),0 10px 26px rgba(28,38,64,.12);
	padding:0;overflow:hidden;
}
/* 中身は元の余白のままにする（枠だけ図鑑にした） */
.pk-intro,.pk-loading{padding:24px 18px;}
#pkStage,#pkResult{padding:0;}
#pkStage .pk-q,#pkResult .pk-res{padding:20px 16px 24px;}

/* 設問カードの上帯とランプ。position は親に持たせる */
#pkStage{position:relative;padding-top:38px;background:#fff;}
#pkStage::before{
	content:"";position:absolute;top:0;left:0;right:0;height:30px;
	background:linear-gradient(180deg,var(--pk-ball),var(--pk-ball-dark));
	border-bottom:3px solid var(--pk-navy);
}
#pkStage::after{
	content:"";position:absolute;top:8px;left:14px;width:14px;height:14px;border-radius:50%;
	background:radial-gradient(circle at 32% 30%,#bdf0ff,#3aa8e0 60%,#1d6f99);
	box-shadow:0 0 0 2px #fff,22px 3px 0 -3px #ffe25a,36px 3px 0 -3px #7bd67b,50px 3px 0 -3px #ff8f8f;
}

/* ---- 進行ゲージ：12個のセグメントに見せる ---- */
/* Q1では中身が0%になる。無地の白いままだと入力欄に見えてしまうので、
   トラック側に12問ぶんの目盛りを敷いてゲージだと分かるようにする。 */
.pk-q__bar{
	height:12px;border:2px solid var(--pk-navy);border-radius:99px;
	background:repeating-linear-gradient(90deg,#e7ebf3 0 calc(100%/12 - 2px),var(--pk-navy) calc(100%/12 - 2px) calc(100%/12));
	padding:2px;margin-bottom:16px;overflow:hidden;
}
.pk-q__bar i{
	background:repeating-linear-gradient(90deg,var(--pk-yellow) 0 10px,#f0a400 10px 12px);
	border-radius:99px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.14);
}
.pk-q__count{
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	font-size:15px;color:var(--pk-ball);letter-spacing:.02em;
}
.pk-q__count span{color:var(--pk-navy);opacity:.6;font-size:12.5px;}
.pk-q__scene{color:var(--pk-accent);font-weight:800;}
.pk-q__text{letter-spacing:.01em;}

/* ---- 選択肢：コマンド風 ---- */
.pk-opt{
	position:relative;padding-left:34px;border:2px solid var(--pk-navy);
	border-radius:10px;box-shadow:0 3px 0 rgba(27,34,51,.16);
	font-weight:700;
}
.pk-opt::before{
	content:"";position:absolute;left:13px;top:50%;margin-top:-6px;
	border-style:solid;border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent var(--pk-ball);
	opacity:0;transition:opacity .12s,transform .12s;transform:translateX(-4px);
}
.pk-opt:hover,.pk-opt:focus-visible{
	border-color:var(--pk-ball);background:#fff5f5;
}
.pk-opt:hover::before,.pk-opt:focus-visible::before{opacity:1;transform:translateX(0);}
.pk-opt:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(27,34,51,.16);}
.pk-opt.is-selected,.pk-opt[disabled]{
	background:var(--pk-ball);border-color:var(--pk-ball-dark);color:#fff;opacity:1;
}
.pk-opt.is-selected::before,.pk-opt[disabled]::before{
	opacity:1;transform:translateX(0);border-left-color:#fff;
}

/* ---- 開始ボタン：ボールを模した丸を左に置く ---- */
.pk-start{
	position:relative;padding-left:56px;
	background:linear-gradient(180deg,#ff3b3b,var(--pk-ball) 52%,var(--pk-ball-dark));
	border:3px solid var(--pk-navy);
	box-shadow:0 5px 0 var(--pk-ball-dark),0 10px 22px rgba(238,21,21,.28);
}
.pk-start::before{
	content:"";position:absolute;left:16px;top:50%;margin-top:-13px;
	width:26px;height:26px;border-radius:50%;border:3px solid var(--pk-navy);
	background:linear-gradient(180deg,#fff 0 46%,var(--pk-navy) 46% 54%,#fff 54% 100%);
}
/* 中央のボタン。これが無いと横線1本に見えてボールに読めない */
.pk-start::after{
	content:"";position:absolute;left:25px;top:50%;margin-top:-4px;
	width:8px;height:8px;border-radius:50%;background:#fff;
	border:2px solid var(--pk-navy);
}
.pk-start:hover{filter:brightness(1.05);}
.pk-start:active{transform:translateY(3px);box-shadow:0 2px 0 var(--pk-ball-dark);}

/* ---- 結果：設問と同じ図鑑フレームに揃える ---- */
#pkResult{position:relative;padding-top:38px;background:#fff;}
#pkResult::before{
	content:"";position:absolute;top:0;left:0;right:0;height:30px;
	background:linear-gradient(180deg,var(--pk-ball),var(--pk-ball-dark));
	border-bottom:3px solid var(--pk-navy);
}
#pkResult::after{
	content:"";position:absolute;top:8px;left:14px;width:14px;height:14px;border-radius:50%;
	background:radial-gradient(circle at 32% 30%,#bdf0ff,#3aa8e0 60%,#1d6f99);
	box-shadow:0 0 0 2px #fff,22px 3px 0 -3px #ffe25a,36px 3px 0 -3px #7bd67b,50px 3px 0 -3px #ff8f8f;
}
.pk-res__eyebrow{
	background:var(--pk-navy);color:var(--pk-yellow);
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	border-radius:6px;padding:5px 12px;letter-spacing:.16em;
}
.pk-res__name{letter-spacing:.02em;}
/* 立ち絵を図鑑の表示窓に見せる */
.pk-res__ch{
	border:3px solid var(--pk-navy);border-radius:14px;
	background:linear-gradient(180deg,#eaf2ff,#f7f9ff);
	box-shadow:0 4px 0 rgba(27,34,51,.14);
}

/* ---- 個体値：ジャッジ画面風の暗いパネル ---- */
.pk-iv{
	background:linear-gradient(180deg,#232c42,var(--pk-navy));
	border:3px solid #0f1420;border-radius:14px;padding:18px 14px;color:#fff;
}
.pk-iv__h{color:var(--pk-yellow);}
/* 行カードごと暗くする。パネルだけ暗くして中を白のままにすると、
   ラベルが白地に白で消える（実際に一度そうなった）。 */
.pk-iv__row{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff;}
.pk-iv__row.is-v{background:rgba(255,203,5,.12);border-color:var(--pk-yellow);}
.pk-iv__k{color:rgba(255,255,255,.6);}
.pk-iv__row.is-v .pk-iv__k{color:var(--pk-yellow);}
.pk-iv__l{color:#fff;}
.pk-iv__l em{color:rgba(255,255,255,.66);}
.pk-iv__j{color:rgba(255,255,255,.66);}
.pk-iv__row.is-v .pk-iv__j{color:var(--pk-yellow);}
.pk-iv__bar{background:rgba(255,255,255,.16);}
.pk-iv__bar i{background:linear-gradient(90deg,#8fc7ff,#4a9df0);}
.pk-iv__row.is-v .pk-iv__bar i{background:linear-gradient(90deg,var(--pk-yellow),#ffe98a);}
.pk-iv__n{color:#fff;}
.pk-iv__row.is-v .pk-iv__n{color:var(--pk-yellow);}
.pk-iv__total span{color:rgba(255,255,255,.72);}
.pk-iv__n{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.pk-iv__total{color:#fff;}
.pk-iv__total b{color:var(--pk-yellow);}
.pk-iv__note{color:rgba(255,255,255,.72);}
.pk-iv__tierlabel b{color:var(--pk-yellow);}

@media (min-width:760px){
	/* PCだけ、図鑑の厚みを少し足す */
	.pk-stage{box-shadow:0 6px 0 rgba(27,34,51,.18),0 16px 38px rgba(28,38,64,.14);}
	#pkStage::after{left:18px;}
}

/* ---- 個体値の六角形（2026-08-25）----
   ジャッジ画面の紺パネルの中に置くので、線と文字は明るい側で描く。 */
.pk-radar{display:block;width:100%;max-width:300px;margin:0 auto 6px;height:auto;overflow:visible;}
.pk-radar__grid polygon{fill:none;stroke:rgba(255,255,255,.18);stroke-width:1;}
.pk-radar__grid polygon:last-of-type{stroke:rgba(255,255,255,.34);}
.pk-radar__grid line{stroke:rgba(255,255,255,.18);stroke-width:1;}
.pk-radar__poly{fill:rgba(255,203,5,.3);stroke:var(--pk-yellow);stroke-width:2.5;stroke-linejoin:round;}
.pk-radar__d{fill:#fff;}
.pk-radar__v{fill:var(--pk-yellow);stroke:#fff;stroke-width:1.5;}
.pk-radar__labels text{font-size:15px;font-weight:900;dominant-baseline:middle;}
.pk-radar__k{fill:rgba(255,255,255,.7);}
.pk-radar__n{fill:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
.pk-radar__n.is-v{fill:var(--pk-yellow);}