/* where: CITY PURGE RESULT; what: フルスクリーン<dialog>の和ノワール×gold演出; why: パージナイト閉幕後の参加者リザルト儀式UI。tmas-season-result.cssの様式(#season-result-dialog)をそのまま踏襲し、prプレフィックスで名前空間を分ける。city.htmlはstyles.css未読込のためvar(--gold,#C9A84C)形式でフォールバック指定。 */

#purge-result-dialog{
  --pr-gold:var(--gold,#C9A84C);
  --pr-bg:var(--bg,#0A0A0F);
  --pr-bg2:var(--bg2,#111118);
  --pr-bg3:var(--bg3,#1A1A24);
  --pr-border:var(--border,#2A2A3A);
  --pr-text:var(--text,#E8E4DC);
  --pr-text-dim:var(--text-dim,#9B978F);
  /* ⚠ 下端は *見えている範囲* まで(2026-09-13 Rii2報告「スマホでボタンが画面外に出て押せない」)。
     モバイルの fixed の基準は可視高より下まで伸びる(iPhone Safari 実測 +152px)。height:100vh だと
     スクロール枠の終端=「了解」がツールバーの裏に沈む(375x812・下部バー152pxで可視下端より105px下)。
     --tma-bottom-bar は radio-station.js の実測値。CITY の .map-wrap と同じ形。PC は 0 で従来どおり。 */
  position:fixed;inset:0 0 var(--tma-bottom-bar,0px);margin:0;padding:0;width:100vw;height:auto;max-width:100vw;max-height:100vh;
  border:0;background:var(--pr-bg);color:var(--pr-text);z-index:920;overscroll-behavior:contain;
}
#purge-result-dialog::backdrop{background:rgba(4,4,8,.92);backdrop-filter:blur(6px);}
#purge-result-dialog[open]{display:flex;flex-direction:column;}
#purge-result-dialog:not([open]){display:none;}

/* ⚠ align-items:flex-start が要る(2026-08-27 Rii2報告の修正)。既定の stretch のままだと
   カードは**交差軸(縦)方向にスクロール枠の高さ=可視1画面ぶんへ引き伸ばされる**ため、
   中身がそれより長い夜は下へスクロールした先でカードの背景(枠線・グラデ)が切れ、
   素の黒地が出る。flex-start にすれば高さが中身なりになり、背景が最後まで続く。 */
.pr-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;align-items:flex-start;padding:28px 16px 40px;}
.pr-card{position:relative;width:min(560px,100%);background:linear-gradient(165deg,var(--pr-bg3),var(--pr-bg2));
  border:1px solid var(--pr-border);padding:26px 22px 24px;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(201,168,76,.06);}
.pr-card::before,.pr-card::after,.pr-card__br1,.pr-card__br2{content:'';position:absolute;width:20px;height:20px;border-color:var(--pr-gold);border-style:solid;opacity:.75;}
.pr-card::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}
.pr-card::after{top:-1px;right:-1px;border-width:2px 2px 0 0;}
.pr-card__br1{bottom:-1px;left:-1px;border-width:0 0 2px 2px;}
.pr-card__br2{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}

.pr-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border:1px solid var(--pr-border);background:transparent;
  color:var(--pr-text-dim);font-size:16px;line-height:1;cursor:pointer;border-radius:var(--radius,4px);}
.pr-close:hover{color:#fff;border-color:var(--pr-gold);}

/* ── パージナイトバナー (2026-07-27 Rii2指示「上部にバナーを載せる」) ──
   カード上端いっぱいに敷く。下端はカード背景へ溶かして、見出しが乗っても
   読める明度に落とす（バナー自体が高彩度なので veil を重ねる）。 */
.pr-banner{position:relative;margin:-26px -22px 16px;overflow:hidden;
  border-bottom:1px solid var(--pr-border);background:#0b0b12;}
.pr-banner img{display:block;width:100%;aspect-ratio:1280/500;object-fit:cover;object-position:center 32%;}
.pr-banner__veil{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,10,15,.30) 0%,rgba(10,10,15,.05) 42%,rgba(17,17,24,.92) 100%);}

.pr-kicker{font:800 9px/1.4 var(--fm,'JetBrains Mono',monospace);letter-spacing:.28em;color:var(--pr-gold);text-align:center;}
.pr-title{margin:6px 0 14px;font-family:var(--fh,'Noto Serif JP',serif);font-weight:900;font-size:20px;letter-spacing:.06em;text-align:center;color:#fff;}

.pr-flavor{font:500 11.5px/1.9 var(--fn,'Noto Sans JP',sans-serif);color:var(--pr-text-dim);
  padding:14px 14px 15px;margin-bottom:20px;background:var(--pr-bg);border-left:2px solid var(--pr-gold);
  border-radius:0 var(--radius,4px) var(--radius,4px) 0;}

.pr-section{margin-bottom:18px;}
.pr-section__label{font:800 10px var(--fm,'JetBrains Mono',monospace);letter-spacing:.14em;color:var(--pr-gold);
  margin-bottom:8px;}

.pr-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pr-stat{padding:10px 12px;background:rgba(201,168,76,.05);border-left:2px solid var(--pr-gold);
  border-radius:0 var(--radius,4px) var(--radius,4px) 0;}
.pr-stat__label{font:700 10px/1.4 var(--fn,'Noto Sans JP',sans-serif);letter-spacing:.04em;color:var(--pr-text-dim);}
.pr-stat__value{font:800 15px var(--fm,'JetBrains Mono',monospace);color:#fff;margin-top:2px;}
.pr-stats--empty{grid-column:1/-1;text-align:center;font:600 10px var(--fn,'Noto Sans JP',sans-serif);
  color:var(--pr-text-dim);padding:10px 0;background:none;border:1px dashed var(--pr-border);border-radius:var(--radius,4px);}

/* ── ファミリー別 与ダメTOP3 (2026-07-27追加) ── */
.pr-fam{display:grid;gap:6px;}
.pr-fam__row{display:grid;grid-template-columns:26px 66px 1fr auto auto;gap:9px;align-items:center;
  padding:8px 10px;background:var(--pr-bg);border:1px solid var(--pr-border);border-radius:var(--radius,4px);}
.pr-fam__row--me{border-color:var(--pr-gold);background:rgba(201,168,76,.07);}
.pr-fam__rank{font:800 11px var(--fm,'JetBrains Mono',monospace);color:var(--pr-gold);}
.pr-fam__name{font:800 10px var(--fm,'JetBrains Mono',monospace);letter-spacing:.04em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-fam__track{height:6px;border-radius:3px;background:rgba(255,255,255,.09);overflow:hidden;min-width:24px;}
.pr-fam__track i{display:block;height:100%;border-radius:3px;}
.pr-fam__dmg{font:800 11px var(--fm,'JetBrains Mono',monospace);color:#fff;text-align:right;white-space:nowrap;}
.pr-fam__ppl{font:700 9px var(--fm,'JetBrains Mono',monospace);color:var(--pr-text-dim);white-space:nowrap;}

/* ── アカウント別 与ダメTOP5（リーダーアイコン付き） ── */
.pr-top3{display:grid;gap:6px;}
.pr-row{display:grid;grid-template-columns:30px 34px 1fr auto;gap:10px;align-items:center;
  padding:8px 10px;background:var(--pr-bg);border:1px solid var(--pr-border);border-radius:var(--radius,4px);}
.pr-row--me{border-color:var(--pr-gold);background:rgba(201,168,76,.08);box-shadow:0 0 0 1px rgba(201,168,76,.25) inset;}
.pr-row--podium .pr-row__rank{color:var(--pr-gold);}
.pr-row__rank{font:800 12px var(--fm,'JetBrains Mono',monospace);color:var(--pr-text-dim);}
.pr-row__avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none;
  border:2px solid var(--pr-border);background:#12121a;}
.pr-row__avatar img{width:100%;height:100%;object-fit:cover;display:block;}
/* アイコンが無い/読めない参加者は家色の輪だけ残す（列がずれないように） */
.pr-row__avatar.is-empty{background:
  radial-gradient(circle at 50% 42%,rgba(255,255,255,.14),rgba(255,255,255,0) 62%),#12121a;}
.pr-row__who{min-width:0;display:flex;flex-direction:column;gap:2px;}
.pr-row__name{font:700 11px var(--fn,'Noto Sans JP',sans-serif);color:var(--pr-text);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-row__fam{display:flex;align-items:center;gap:5px;font:700 9px var(--fm,'JetBrains Mono',monospace);
  color:var(--pr-text-dim);letter-spacing:.04em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pr-row__dot{flex:none;width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.4);}
.pr-row__dmg{font:800 12px var(--fm,'JetBrains Mono',monospace);color:#fff;text-align:right;white-space:nowrap;}
.pr-top3__empty{text-align:center;font:600 10px var(--fn,'Noto Sans JP',sans-serif);color:var(--pr-text-dim);
  padding:10px 0;border:1px dashed var(--pr-border);border-radius:var(--radius,4px);}

.pr-reward{margin-top:8px;padding:9px 12px;text-align:center;font:700 11px/1.6 var(--fn,'Noto Sans JP',sans-serif);
  color:var(--pr-text-dim);border:1px dashed var(--pr-border);border-radius:var(--radius,4px);}
.pr-reward--granted{color:var(--pr-gold);border:1px solid var(--pr-gold);background:rgba(201,168,76,.08);}

.pr-actions{margin-top:20px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.pr-actions button{padding:11px 34px;border:1px solid var(--pr-gold);background:transparent;color:var(--pr-gold);
  font:800 11px var(--fh,'Noto Serif JP',serif);letter-spacing:.16em;cursor:pointer;border-radius:var(--radius,4px);}
.pr-actions button:hover{background:var(--pr-gold);color:#0a0a0f;}
/* 貢献カード保存(点呼アップデート 2026-07-22) — 主ボタンとして金地で強調 */
.pr-actions .pr-share-btn{background:var(--pr-gold);color:#0a0a0f;}
.pr-actions .pr-share-btn:hover{filter:brightness(1.08);}
.pr-actions .pr-share-btn:disabled{opacity:.55;cursor:default;}

@media(max-width:480px){
  .pr-card{padding:20px 14px 18px;}
  .pr-banner{margin:-20px -14px 14px;}
  .pr-title{font-size:17px;}
  .pr-stats{grid-template-columns:1fr;}
  /* 4カラム(順位/アイコン/名前+家/与ダメ)のまま詰める。アイコンは残す
     — 「リーダーアイコンが載るように」がこの改修の主旨なので落とさない。 */
  .pr-row{grid-template-columns:24px 30px 1fr auto;gap:8px;padding:7px 8px;}
  .pr-row__avatar{width:30px;height:30px;}
  .pr-row__name{font-size:10.5px;}
  .pr-fam__row{grid-template-columns:22px 54px 1fr auto;gap:7px;padding:7px 8px;}
  /* 参加人数は狭い画面では落とす（与ダメの数字を優先） */
  .pr-fam__ppl{display:none;}
  .pr-scroll{padding:16px 10px 28px;}
}