/* The engraved frame occupies the outer six pixels. Content stays inside it. */
.room-action-report>.report-full{box-sizing:border-box;flex-shrink:0;max-width:100%;margin:0}
.room-action-report>header>.report-replay{flex:none;min-height:28px;height:28px;font-size:11px;white-space:nowrap;padding:4px 8px;margin:0 0 0 auto;align-self:center}
/* Receipt pages also apply on PC and landscape phones. Previously the DOM
   pager existed there, but mobile-only CSS left all originals stacked. */
@media(min-width:701px){
 .room-experience.is-room-result .room-action-report.has-companion-pages{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 34px;gap:8px;min-height:0;height:100%;max-height:100%;flex:1 1 0;overflow:hidden;padding:14px}
 .room-action-report.has-companion-pages>[data-receipt-original],.room-action-report.has-companion-pages>.report-full,.room-action-report.has-companion-pages>.companion-result-tabs{display:none!important}
 .room-experience.is-room-result .room-action-report.has-companion-pages>header{grid-area:1/1;min-height:0;padding:0 0 6px;gap:10px}
 .room-action-report.has-companion-pages>header>i{width:40px;height:44px;font-size:26px}
 .room-action-report.has-companion-pages>header h2{font-size:25px;line-height:1.2}.room-action-report.has-companion-pages>header p{font-size:13px;line-height:1.3;margin:2px 0 0}
 .room-action-report.has-companion-pages>.companion-result-viewport{grid-area:2/1;display:flex;min-height:0;overflow:hidden;align-items:stretch}
 .room-action-report.has-companion-pages .companion-result-page{display:none;min-width:0;width:100%;max-height:100%;box-sizing:border-box}
 .room-action-report.has-companion-pages .companion-result-page[data-active=true]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:8px;flex-shrink:0}
 .room-action-report.has-companion-pages .companion-result-page>*{flex-shrink:0;min-width:0}
 .room-action-report.has-companion-pages .companion-result-page>:is(.report-rewards,.report-growth-graphs,.retainer-report-card){grid-column:1/-1}
 .room-action-report.has-companion-pages .companion-result-page.packed{height:100%;grid-auto-rows:minmax(min-content,1fr)}
 .room-action-report.has-companion-pages .companion-result-page.packed>.report-growth-graphs{align-content:stretch;grid-auto-rows:minmax(0,1fr)}
 .room-action-report.has-companion-pages .companion-result-page.packed .growth-graph{display:flex;flex-direction:column;justify-content:center}
 .room-action-report.has-companion-pages .companion-result-page.single-companion>.retainer-report-card{height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:6px}
 .room-action-report.has-companion-pages .companion-result-page.single-companion>.retainer-report-card:has(.retainer-report-skills){grid-template-columns:minmax(0,1fr) minmax(150px,.3fr)}
 .room-action-report.has-companion-pages .companion-result-page.single-companion .retainer-report-identity{grid-row:1;grid-column:1/-1}
 .room-action-report.has-companion-pages .companion-result-page.single-companion .retainer-report-abilities{grid-row:2;grid-column:1;align-content:stretch}
 .room-action-report.has-companion-pages .companion-result-page.single-companion .retainer-report-skills{grid-row:2;grid-column:2;margin:0;align-content:stretch}
 .room-action-report.has-companion-pages .companion-result-page.single-companion .retainer-ability-change{display:flex;flex-direction:column;justify-content:center}
 .room-action-report.has-companion-pages .companion-result-page>.mobile-conquest-receipt{padding:6px 10px;margin:0;align-content:center;line-height:1}.room-action-report.has-companion-pages .companion-result-page>.mobile-conquest-receipt strong{display:block;font-size:11px;line-height:16px}.room-action-report.has-companion-pages .companion-result-page>.mobile-conquest-receipt p{font-size:18px;line-height:22px;margin:2px 0 0}
 .room-action-report.has-companion-pages>.companion-result-controls{grid-area:3/1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;margin:0}
 .room-action-report.has-companion-pages .companion-result-controls button{min-height:34px;padding:5px 13px;border:1px solid #8c795d;background:#203b53;color:#e9dfce;font:13px/1.3 var(--serif)}
 .room-action-report.has-companion-pages .companion-result-controls button:disabled{opacity:.4}.room-action-report.has-companion-pages .companion-result-controls span{font:12px/1.3 var(--serif);color:#d4c2a0}.room-action-report.has-companion-pages .companion-page-details{margin-left:auto}
 .room-action-report.has-companion-pages .report-rewards{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.room-action-report.has-companion-pages .report-rewards>div{padding:4px 10px;gap:2px;justify-content:center}.room-action-report.has-companion-pages .report-rewards span{font-size:12px;line-height:16px}.room-action-report.has-companion-pages .report-rewards b{font-size:22px;line-height:24px}
 .room-action-report.has-companion-pages .report-growth-graphs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
 .room-action-report.has-companion-pages .growth-graph{padding:6px 10px}.room-action-report.has-companion-pages .growth-graph header{font-size:14px;line-height:18px}.room-action-report.has-companion-pages .growth-graph header b{font-size:20px;line-height:20px}.room-action-report.has-companion-pages .growth-graph-values{font-size:12px;line-height:23px;margin:3px 0}.room-action-report.has-companion-pages .growth-graph-values strong{font-size:23px;line-height:23px}.room-action-report.has-companion-pages .growth-graph-track{height:7px}
 .room-action-report.has-companion-pages .retainer-report-card{padding:9px 12px;min-height:0;margin:0}
 .room-action-report.has-companion-pages .retainer-report-identity{grid-template-columns:48px minmax(0,1fr) auto;gap:8px;margin-bottom:6px}
 .room-action-report.has-companion-pages .retainer-report-portrait{width:48px;height:54px;object-fit:cover}.room-action-report.has-companion-pages .retainer-report-identity h3{font-size:23px;line-height:1.3}.room-action-report.has-companion-pages .retainer-report-identity small{font-size:10px}
 .room-action-report.has-companion-pages .retainer-report-relations{display:flex;gap:8px}.room-action-report.has-companion-pages .retainer-report-relations>div{padding:3px 7px;min-width:0}.room-action-report.has-companion-pages .retainer-report-relations :is(span,b,em){font-size:12px;line-height:18px}
 .room-action-report.has-companion-pages .retainer-report-abilities{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px}.room-action-report.has-companion-pages .retainer-ability-change{padding:6px 9px}.room-action-report.has-companion-pages .retainer-ability-change>div{font-size:13px}.room-action-report.has-companion-pages .retainer-ability-change>p{margin:3px 0;font-size:12px;line-height:24px}.room-action-report.has-companion-pages .retainer-ability-change>p strong{font-size:22px;line-height:24px}
 .room-action-report.has-companion-pages .retainer-report-skills{margin-top:5px}.room-action-report.has-companion-pages .retainer-report-skills>div{padding:4px 7px;gap:7px}.room-action-report.has-companion-pages .retainer-report-skills i{width:23px;height:25px;font-size:17px}.room-action-report.has-companion-pages .retainer-report-skills span{font-size:10px}.room-action-report.has-companion-pages .retainer-report-skills b{font-size:14px}
}
@media(min-width:701px) and (max-height:680px){
 .room-experience.is-room-result:has(.room-action-report){grid-template-rows:50px 114px 0 minmax(0,1fr) 60px}
 .room-experience.is-room-result:has(.room-action-report) .room-location{display:none}
}
@media(max-width:700px) and (max-height:680px){
 .room-action-report.has-companion-pages .companion-result-page .growth-graph{padding:4px 6px}
 .room-action-report.has-companion-pages .companion-result-page .growth-graph header{font-size:12px;line-height:16px}.room-action-report.has-companion-pages .companion-result-page .growth-graph header b{font-size:16px;line-height:16px}
 .room-action-report.has-companion-pages .companion-result-page .growth-graph-values{font-size:10px;line-height:18px;margin:2px 0}.room-action-report.has-companion-pages .companion-result-page .growth-graph-values strong{font-size:18px;line-height:18px}.room-action-report.has-companion-pages .companion-result-page .growth-graph-track{height:6px}
}
.room-experience.is-room-result .room-action-report {
  box-sizing: border-box;
  padding: 14px;
  min-width: 0;
  max-width: 100%;
}

/* Several rewards and abilities must share the report's actual available height. */
.room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)){
 justify-content:flex-start;gap:8px;
}
.room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3))>:is(header,.report-rewards,.report-full,.mobile-conquest-receipt){flex:none}
.room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3))>.report-growth-graphs{
 flex:1 1 0;min-height:0;grid-auto-rows:minmax(0,1fr);align-content:stretch;
}
.room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph{
 display:flex;flex-direction:column;justify-content:center;min-height:0;
}
.room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph-track{flex:none}
@media(min-width:701px){
 .room-action-report .report-rewards:has(>div:nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3))>header>i{width:48px;height:50px;font-size:28px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3))>header h2{font-size:28px;line-height:1.2}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3))>header p{font-size:16px;line-height:1.3}
}
@media(max-width:700px){
 .room-experience.is-room-result:has(.room-action-report>.report-growth-graphs>.growth-graph:nth-child(3)){grid-template-rows:44px 114px 0 minmax(0,1fr) 40px 54px}
 .room-experience.is-room-result:has(.room-action-report>.report-growth-graphs>.growth-graph:nth-child(3)) .room-location{display:none}
 .room-action-report .report-rewards:has(>div:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .room-action-report .report-rewards:has(>div:nth-child(5))>div{padding:6px 3px;gap:3px;text-align:center;min-width:0}
 .room-action-report .report-rewards:has(>div:nth-child(5)) span{font-size:11px;white-space:nowrap}
 .room-action-report .report-rewards:has(>div:nth-child(5)) b{font-size:18px;line-height:1.15}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3))>.report-growth-graphs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
}
@media(max-width:700px) and (max-height:680px){
 .room-experience.is-room-result:has(.room-action-report>.report-growth-graphs>.growth-graph:nth-child(3)){grid-template-rows:44px 98px 0 minmax(0,1fr) 40px 44px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)){gap:5px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph{padding:4px 7px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph.is-critical{border-width:1px;box-shadow:inset 0 0 0 2px #d8b36b44,0 0 12px #c99b3033}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph header{font-size:12px;line-height:17px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph header b{font-size:16px;line-height:17px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph-values{font-size:11px;line-height:18px;margin:3px 0}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph-values strong{font-size:18px;line-height:18px}
}
@media(max-width:700px) and (min-height:681px){
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph{padding:12px;justify-content:space-evenly}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph header{font-size:16px;line-height:1.3}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph header b{font-size:22px;line-height:1.3}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph-values{font-size:15px;line-height:1.2;gap:5px}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph-values strong{font-size:32px;line-height:1.2}
 .room-action-report:not(.has-candidate):not(.has-companion-pages):has(>.report-growth-graphs>.growth-graph:nth-child(3)) .growth-graph:after{font-size:70px}
}
.room-experience.is-room-result .room-action-report > * {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
}
.room-action-report > header > div {
  min-width: 0;
}
.room-action-report > header > i {
  margin-left: 3px;
}
.room-action-report :is(.report-rewards, .report-growth-graphs) {
  min-width: 0;
  width: 100%;
}
@media (max-width: 700px) {
  .room-experience.is-room-result .room-action-report {
    padding: 12px;
  }
  .room-experience.is-room-result .room-action-report > header {
    padding-bottom: 6px;
  }
  .room-experience.is-room-result .room-action-report .report-full {
    flex: none;
  }
}

/* Each stat keeps its own ink, while exceptional growth alone uses gold. */
.room-action-report .growth-graph {
  --growth-seal: '進';
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--growth-color) 65%, #263449);
  background:
    linear-gradient(90deg, var(--growth-color), transparent) left top / 30px 2px no-repeat,
    linear-gradient(180deg, var(--growth-color), transparent) left top / 2px 30px no-repeat,
    linear-gradient(270deg, var(--growth-color), transparent) right bottom / 30px 2px no-repeat,
    radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--growth-color) 19%, transparent), transparent 75%),
    repeating-linear-gradient(135deg, #ffffff03 0 1px, transparent 1px 8px),
    linear-gradient(125deg, #21374b, #101c2e);
  box-shadow: inset 0 0 0 3px #08142277, 0 3px 9px #0005;
}
.room-action-report .growth-graph[data-stat='might'] { --growth-seal: '武'; }
.room-action-report .growth-graph[data-stat='intellect'] { --growth-seal: '智'; }
.room-action-report .growth-graph[data-stat='leadership'] { --growth-seal: '統'; }
.room-action-report .growth-graph[data-stat='charm'] { --growth-seal: '魅'; }
.room-action-report .growth-graph[data-stat='wealth'] { --growth-seal: '財'; }
.room-action-report .growth-graph[data-stat='fame'] { --growth-seal: '名'; }
.room-action-report .growth-graph:after {
  content: var(--growth-seal);
  position: absolute;
  right: 12px;
  bottom: 8px;
  font: 700 66px/1 var(--serif);
  color: var(--growth-color);
  opacity: .13;
  z-index: -1;
  pointer-events: none;
}
.room-action-report .growth-graph header b {
  color: var(--growth-color);
  text-shadow: 0 2px 2px #0009, 0 0 15px color-mix(in srgb, var(--growth-color) 35%, transparent);
}
.room-action-report .growth-graph-values strong {
  color: #eef4ff;
  text-shadow: 0 2px 2px #0008;
}
.room-action-report .growth-graph-track {
  border-color: color-mix(in srgb, var(--growth-color) 42%, #18293b);
  box-shadow: inset 0 1px 5px #000a, 0 1px #ffffff19;
}
.room-action-report .growth-graph-added {
  background: linear-gradient(180deg, color-mix(in srgb, var(--growth-color) 75%, white), var(--growth-color));
  box-shadow: 0 0 10px var(--growth-color);
}
.room-action-report .growth-graph.is-critical {
  --growth-color: #f7cf78;
  background: radial-gradient(ellipse at 100% 0, #c49b3b44, transparent 75%), linear-gradient(125deg, #433923, #211e2d);
  border: 3px double #d8b36b;
  box-shadow: inset 0 0 0 2px #171728, 0 0 12px #c99b3033;
}
@media (max-width: 700px) {
  .room-action-report .growth-graph:after { font-size: 48px; right: 7px; bottom: 8px; }
}
@media (max-width: 700px) and (max-height: 680px) {
  .room-experience.is-room-result .room-action-report:not(.has-candidate):not(.has-companion-pages) {
    gap: 4px;
    justify-content: space-between;
  }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) > header { gap: 9px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) > header > i {
    width: 32px;
    height: 36px;
    font-size: 22px;
  }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) > header h2 { font-size: 20px; line-height: 24px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) > header p { font-size: 11px; line-height: 14px; margin-top: 2px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) .report-rewards > div { padding: 4px 6px; gap: 2px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) .report-rewards span { font-size: 10px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) .report-rewards b { font-size: 16px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) .growth-graph { padding: 5px 7px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) .growth-graph-values { margin: 2px 0; line-height: 21px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) .growth-graph-track { height: 6px; }
  .room-action-report:not(.has-candidate):not(.has-companion-pages) > .report-full { min-height: 25px; padding: 3px 7px; font-size: 10px; }
}
@media (min-width: 701px) and (max-height: 760px) {
  .room-experience.is-room-result .room-action-report.has-retainer-report { gap: 6px; }
  .room-action-report.has-retainer-report > header { gap: 9px; padding-bottom: 6px; }
  .room-action-report.has-retainer-report > header > i { width: 38px; height: 40px; font-size: 24px; }
  .room-action-report.has-retainer-report > header h2 { font-size: 22px; }
  .room-action-report.has-retainer-report > header p { font-size: 12px; margin-top: 2px; }
  .room-action-report.has-retainer-report > .report-full { min-height: 28px; padding: 3px 8px; font-size: 11px; }
}
/* Keep replay controls inside the result heading's engraved border. */
html body .room-action-report>header:has(>.report-replay){box-sizing:border-box;padding:8px 14px!important;gap:12px!important}
html body .room-action-report>header>.report-replay{margin:0 0 0 auto!important;min-height:36px;height:auto;padding:8px 12px;box-sizing:border-box;line-height:18px;flex-shrink:0}
html body .room-action-report>header:has(>.report-replay)>div{min-width:0}
@media(max-width:700px){html body .room-action-report>header:has(>.report-replay){padding:6px 9px!important;gap:8px!important}html body .room-action-report>header>.report-replay{padding:7px 8px;font-size:11px}}
html.landscape-desktop body .room-action-report>header:has(>.report-replay){padding:0 14px 6px!important}