/* where: CITY SEASON RESULT（幹部査定）
   what:  ファミリーから手渡される「書類」としての査定書。
   why:   2026-07-27 Rii2指示「見た目はTMAタイムスのように、ファミリーから
          渡される書類のような色やデザインに」。
          配色・罫線はTMA Times(times-admin.css .times-sheet)と同じ系統に揃える:
            紙 #eee3c5 / 墨 #17130e / 見出し脇 #875f18 / 罫 #796b50 / 朱 #7a2020
          ダイアログの外側(バックドロップ)だけは従来通りの暗いノワール。 */

#season-result-dialog{
  --sr-paper:#eee3c5;
  --sr-ink:#17130e;
  --sr-ink-dim:#5a5347;
  --sr-rule:#796b50;
  --sr-kicker:#875f18;
  --sr-seal:#7a2020;
  --sr-gold:var(--gold,#C9A84C);
  /* ⚠ 下端は *見えている範囲* まで(2026-09-13)。経緯は purge-result.css の同じ箇所。
     修正前は 375x812・下部バー152pxで「了解」が可視下端より107px下に沈んでいた。 */
  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:transparent;color:var(--sr-ink);z-index:920;overscroll-behavior:contain;
}
#season-result-dialog::backdrop{background:rgba(4,4,8,.92);backdrop-filter:blur(6px);}
#season-result-dialog[open]{display:flex;flex-direction:column;}
#season-result-dialog:not([open]){display:none;}

/* ⚠ align-items:flex-start が要る(2026-08-27 Rii2報告の修正)。既定の stretch のままだと
   紙(.sr-doc)は**交差軸(縦)方向にスクロール枠の高さ=可視1画面ぶんへ引き伸ばされる**ため、
   査定が長い季は下へスクロールした先で紙の地色が切れ、素の黒地が出る(勢力図の下で発生)。
   flex-start にすれば高さが中身なりになり、紙が最後まで続く。 */
.sr-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;
  align-items:flex-start;padding:24px 14px 40px;}

/* ── 紙 ───────────────────────────────────────────────────── */
.sr-doc{
  position:relative;width:min(620px,100%);box-sizing:border-box;
  padding:26px 30px 22px;
  color:var(--sr-ink);background-color:var(--sr-paper);
  /* Timesと同じ横罫のテクスチャ */
  background-image:repeating-linear-gradient(0deg,rgba(72,52,25,.025) 0,rgba(72,52,25,.025) 1px,transparent 1px,transparent 4px);
  border:1px solid #8e7951;box-shadow:0 18px 60px rgba(0,0,0,.55);
  font-family:'Noto Serif JP','Yu Mincho',serif;
}
/* 紙の縁の焼け */
.sr-doc::after{content:'';position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 34px rgba(105,80,38,.18);}

.sr-close{position:absolute;top:8px;right:8px;z-index:3;width:28px;height:28px;
  border:1px solid var(--sr-rule);background:rgba(255,255,255,.28);
  color:var(--sr-ink-dim);font-size:15px;line-height:1;cursor:pointer;border-radius:2px;}
.sr-close:hover{background:var(--sr-ink);color:var(--sr-paper);border-color:var(--sr-ink);}

/* ── 題字（Timesの二重罫ヘッダー） ───────────────────────── */
.sr-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;
  border-top:7px double var(--sr-ink);border-bottom:3px double var(--sr-ink);padding:9px 0 10px;}
.sr-head__side{font:700 10px/1.4 'Noto Sans JP',sans-serif;letter-spacing:.14em;color:var(--sr-ink-dim);}
.sr-head__side--r{text-align:right;}
.sr-head__mid{text-align:center;}
.sr-head__crest{width:26px;height:26px;object-fit:contain;margin:0 auto 2px;display:block;opacity:.9;
  filter:grayscale(.35) contrast(1.1);}
.sr-masthead{margin:0;font-size:34px;font-weight:900;line-height:1;letter-spacing:.12em;color:var(--sr-ink);}
.sr-kicker{margin-top:4px;font:900 9px 'Noto Sans JP',sans-serif;letter-spacing:.24em;color:var(--sr-kicker);}

.sr-lead{margin:12px 0 4px;font:500 12px/1.75 'Noto Sans JP',sans-serif;color:#3a3630;}

/* ── 幹部の所見（立ち絵＋朱印） ──────────────────────────── */
.sr-eval{position:relative;display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:stretch;
  margin:14px 0 4px;padding:12px;border:2px solid var(--sr-ink);background:rgba(255,255,255,.22);}
.sr-eval__portrait{width:104px;height:142px;object-fit:cover;object-position:top center;
  border:1px solid var(--sr-rule);background:#d8cba8;
  /* 紙に刷った写真に見せる: セピア寄せ＋わずかな粒状感 */
  filter:sepia(.32) contrast(1.06) saturate(.9);}
.sr-eval__body{min-width:0;display:flex;flex-direction:column;justify-content:center;padding-right:56px;}
.sr-eval__fam{font:700 9px 'Noto Sans JP',sans-serif;letter-spacing:.14em;color:var(--sr-kicker);}
.sr-eval__name{margin:2px 0 8px;font-size:17px;font-weight:900;letter-spacing:.08em;color:var(--sr-ink);}
.sr-eval__line{margin:0;padding-left:11px;border-left:3px solid var(--sr-seal);
  font:500 12.5px/1.85 'Noto Sans JP',sans-serif;color:#2a2620;}
.sr-eval__line::before{content:'「';}
.sr-eval__line::after{content:'」';}

/* 朱印: 紙の上なので mix-blend-mode は使わない(乗算で滲ませる) */
.sr-stamp{position:absolute;top:8px;right:10px;width:62px;height:62px;
  border:3px double var(--sr-seal);border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font:900 21px/1 'Noto Serif JP',serif;color:var(--sr-seal);letter-spacing:.04em;
  transform:rotate(-11deg) scale(2.6);opacity:0;pointer-events:none;
  mix-blend-mode:multiply;box-shadow:0 0 0 1px var(--sr-seal) inset;}
.sr-stamp--gold{border-color:#8a6a14;color:#8a6a14;box-shadow:0 0 0 1px #8a6a14 inset;}
.sr-stamp.is-stamped{animation:srStampHit .38s cubic-bezier(.2,1.4,.4,1) forwards;}
@keyframes srStampHit{
  0%{opacity:0;transform:rotate(-11deg) scale(2.6);}
  55%{opacity:.95;transform:rotate(-11deg) scale(.92);}
  75%{opacity:.88;transform:rotate(-11deg) scale(1.08);}
  100%{opacity:.9;transform:rotate(-11deg) scale(1);}}
@media(prefers-reduced-motion:reduce){
  .sr-stamp.is-stamped{animation:none;opacity:.9;transform:rotate(-11deg) scale(1);}}

/* ── 節（Timesの h3 と同じ二重罫） ───────────────────────── */
.sr-block{margin-top:18px;}
.sr-block__h{margin:0 0 8px;border-bottom:3px double var(--sr-ink);padding-bottom:4px;
  font-size:14px;font-weight:900;letter-spacing:.18em;color:var(--sr-ink);
  display:flex;align-items:baseline;gap:10px;}
.sr-block__h small{font:700 9px 'Noto Sans JP',sans-serif;letter-spacing:.12em;color:var(--sr-kicker);}

/* ── 記録欄 ───────────────────────────────────────────────── */
.sr-rec{width:100%;border-collapse:collapse;font-family:'Noto Sans JP',sans-serif;}
.sr-rec th,.sr-rec td{border-bottom:1px solid #a99a7b;padding:8px 2px;vertical-align:baseline;}
.sr-rec th{text-align:left;font:700 11.5px/1.5 'Noto Sans JP',sans-serif;color:#3a3630;white-space:nowrap;}
.sr-rec__val{text-align:right;font:900 14px 'Noto Serif JP',serif;color:var(--sr-seal);
  letter-spacing:.03em;white-space:nowrap;padding-left:10px;}
.sr-rec__rank{text-align:right;font:700 9.5px 'Noto Sans JP',sans-serif;color:var(--sr-ink-dim);
  white-space:nowrap;padding-left:12px;min-width:92px;}
.sr-empty{margin:6px 0;font:500 11.5px/1.7 'Noto Sans JP',sans-serif;color:#675e4f;}
.sr-note{margin:8px 0 0;font:500 10px/1.7 'Noto Sans JP',sans-serif;color:#675e4f;}
.sr-note b{color:#3a3630;}

/* ── 裁定欄 ───────────────────────────────────────────────── */
.sr-verdict__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.sr-verdict__cell{border:2px solid var(--sr-ink);background:rgba(255,255,255,.28);
  padding:9px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.sr-verdict__k{font:900 9.5px 'Noto Sans JP',sans-serif;letter-spacing:.14em;color:var(--sr-kicker);}
.sr-verdict__v{font:900 19px 'Noto Serif JP',serif;color:var(--sr-seal);letter-spacing:.02em;}
.sr-verdict__state{margin-top:9px;padding:7px 10px;text-align:center;
  border:1px dashed var(--sr-rule);font:700 10.5px 'Noto Sans JP',sans-serif;color:var(--sr-ink-dim);}
.sr-verdict__state.is-granted{border-style:solid;border-color:var(--sr-seal);color:var(--sr-seal);
  background:rgba(122,32,32,.07);}
.sr-verdict__state.is-already{color:#675e4f;}

/* ── 最終勢力図（紙面なので点は濃色で） ─────────────────── */
.sr-minimap__stage{position:relative;width:100%;height:118px;
  background:rgba(255,255,255,.26);border:1px solid var(--sr-rule);overflow:hidden;}
.sr-minimap__dot{position:absolute;width:7px;height:7px;border-radius:50%;
  transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(23,19,14,.45);}

/* ── 最終勢力ランキング ─────────────────────────────────── */
.sr-fam-rank__list{list-style:none;margin:0;padding:0;}
.sr-fam-rank__row{display:grid;grid-template-columns:22px 78px 1fr auto;gap:9px;align-items:center;
  padding:7px 0;border-bottom:1px solid #a99a7b;}
.sr-fam-rank__place{font:900 11px 'Noto Serif JP',serif;color:var(--sr-ink-dim);}
.sr-fam-rank__name{font:900 11px 'Noto Sans JP',sans-serif;letter-spacing:.02em;
  filter:saturate(.75) brightness(.72);}
.sr-fam-rank__track{height:7px;background:rgba(23,19,14,.12);overflow:hidden;}
.sr-fam-rank__track i{display:block;height:100%;transition:width .5s;filter:saturate(.75) brightness(.78);}
.sr-fam-rank__row strong{font:900 12px 'Noto Serif JP',serif;color:var(--sr-ink);min-width:22px;text-align:right;}
@media(prefers-reduced-motion:reduce){.sr-fam-rank__track i{transition:none;}}

/* ── 金庫 ─────────────────────────────────────────────────── */
.sr-vault-rank__list{list-style:none;margin:0;padding:0;}
.sr-vault-rank__row{display:grid;grid-template-columns:22px 1fr auto;gap:9px;align-items:baseline;
  padding:7px 0;border-bottom:1px solid #a99a7b;font:700 11.5px 'Noto Sans JP',sans-serif;color:#3a3630;}
.sr-vault-rank__place{font:900 11px 'Noto Serif JP',serif;color:var(--sr-ink-dim);}
.sr-vault-rank__row strong{font:900 12.5px 'Noto Serif JP',serif;color:var(--sr-seal);white-space:nowrap;}
.sr-vault-rank__row small{font:700 8.5px 'Noto Sans JP',sans-serif;color:var(--sr-ink-dim);}

/* ── 奥付 ─────────────────────────────────────────────────── */
.sr-foot{display:flex;justify-content:space-between;gap:12px;
  border-top:2px solid var(--sr-ink);margin-top:18px;padding-top:6px;
  font:700 9px 'Noto Sans JP',sans-serif;letter-spacing:.1em;color:var(--sr-ink-dim);}

/* ── 操作 ─────────────────────────────────────────────────── */
.sr-actions{margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.sr-actions button{padding:11px 32px;border:2px solid var(--sr-ink);background:transparent;
  color:var(--sr-ink);font:900 11px 'Noto Serif JP',serif;letter-spacing:.16em;cursor:pointer;border-radius:2px;}
.sr-actions button:hover{background:var(--sr-ink);color:var(--sr-paper);}
.sr-actions .sr-share-btn{background:var(--sr-seal);border-color:var(--sr-seal);color:var(--sr-paper);}
.sr-actions .sr-share-btn:hover{filter:brightness(1.12);background:var(--sr-seal);color:var(--sr-paper);}
.sr-actions .sr-share-btn:disabled{opacity:.55;cursor:default;}

/* HUDの再表示エントリ (#hud-feed-standings 内 .city-meta 直下) — CITY側の
   暗いHUDに置かれるボタンなので、ここだけは従来のgold配色のまま。 */
.city-meta__result-btn{display:none;margin-top:8px;width:100%;padding:7px 8px;border:1px solid var(--gold,#C9A84C);
  background:rgba(201,168,76,.08);color:var(--gold,#C9A84C);font:800 9px var(--fm,'JetBrains Mono',monospace);
  letter-spacing:.1em;cursor:pointer;border-radius:4px;}
.city-meta__result-btn:hover{background:var(--gold,#C9A84C);color:#0a0a0f;}

@media(max-width:520px){
  .sr-scroll{padding:14px 8px 28px;}
  .sr-doc{padding:18px 16px 16px;}
  .sr-masthead{font-size:26px;}
  .sr-head{grid-template-columns:1fr;gap:4px;text-align:center;}
  .sr-head__side,.sr-head__side--r{text-align:center;font-size:9px;}
  .sr-eval{grid-template-columns:84px 1fr;gap:10px;padding:10px;}
  .sr-eval__portrait{width:84px;height:116px;}
  .sr-eval__body{padding-right:44px;}
  .sr-eval__name{font-size:15px;}
  .sr-eval__line{font-size:11.5px;}
  .sr-stamp{width:50px;height:50px;font-size:17px;top:6px;right:7px;}
  .sr-rec th{font-size:10.5px;white-space:normal;}
  .sr-rec__val{font-size:12.5px;}
  .sr-rec__rank{font-size:9px;min-width:74px;}
  .sr-verdict__grid{grid-template-columns:1fr;}
}