.renown-trial-hud {
  position: absolute;
  top: max(68px, 11vh);
  left: 50%;
  transform: translateX(-50%);
  width: min(390px, calc(100vw - 28px));
  padding: 11px 16px 10px;
  box-sizing: border-box;
  border: 1px solid #a38655;
  border-radius: 3px;
  background: linear-gradient(160deg, rgba(30, 28, 30, .94), rgba(12, 14, 18, .96));
  color: #e9d9b6;
  box-shadow: inset 0 0 0 2px rgba(9, 10, 13, .8), 0 8px 25px rgba(0, 0, 0, .5);
  z-index: 35;
  text-align: center;
  pointer-events: none;
  letter-spacing: .03em;
}
.renown-trial-hud[hidden] { display: none !important; }
.renown-trial-hud .trial-header {
  display: block; font: 600 10px/1.5 Georgia, serif;
  color: #c9b388; letter-spacing: .17em;
}
.renown-trial-hud .trial-title {
  display: block; margin-top: 2px; color: #fff4da;
  font: bold clamp(13px, 1.5vw, 18px)/1.3 Georgia, serif;
  text-shadow: 0 1px #000;
}
.renown-trial-hud .trial-clock {
  display: block; margin: 7px 0 3px; color: #efdc9e;
  font: 800 22px/1.1 ui-monospace, Consolas, monospace;
}
.renown-trial-hud.overtime .trial-clock,
.renown-trial-hud.overtime .trial-details { color: #ffa487; }
.renown-trial-hud .trial-details {
  display: block; font-size: 11px; line-height: 1.45;
  color: #d3c6ab;
}
.renown-trial-hud .trial-footer {
  display: block; margin-top: 7px; padding-top: 7px;
  border-top: 1px solid rgba(166, 134, 82, .4);
  color: #bda982; font-size: 9px; letter-spacing: .06em;
}
.renown-trial-hud .trial-line {
  display: block; margin: 8px auto 2px;
  max-width: 25em; color: #fff5cf;
  font: 15px/1.35 Georgia, serif; font-style: italic;
}
.renown-trial-hud .trial-line[hidden] { display: none; }
.renown-trial-hud :is(.trial-clock, .trial-details, .trial-footer):empty { display: none; }
.renown-trial-hud.ceremony {
  top: auto; bottom: max(22px, 7%); width: min(430px, calc(100% - 24px));
}
#hud:has(.renown-trial-hud.ceremony:not([hidden])) :is(
  #crosshair, #pointer-hint, .bottom-hud, #kill-feed, .touch-controls, #death-card
) { visibility: hidden; }
.renown-trial-hud[data-cue="COMBAT"] {
  position: static; transform: none; width: max-content; max-width: 100%;
  padding: 5px 9px; display: flex; flex-wrap: wrap;
  justify-content: center; align-items: baseline; gap: 4px 8px;
  background: #1a1815df; box-shadow: 0 2px 8px #0006;
}
.renown-trial-hud[data-cue="COMBAT"] :is(.trial-header, .trial-title, .trial-details, .trial-clock) {
  font-size: 10px; line-height: 1.15; letter-spacing: .045em; margin: 0; white-space: nowrap;
}
@container app (max-height: 450px) {
  .renown-trial-hud[data-cue="COMBAT"] { padding: 4px 6px; }
  .renown-trial-hud.ceremony { bottom: 6%; padding: 8px 12px; }
}

.final-row.trial-ledger-row {
  grid-template-columns: 6.5em 1fr minmax(7.5em, auto);
  padding-inline: 8px;
}
.final-row.trial-ledger-row b { white-space: nowrap; }
.final-row.trial-ledger-row em { text-align: right; }
#renown-reward:empty { display: none; }
.trial-recommended { display: block; margin-top: .15rem; font: 700 8px/1.2 var(--font-script); letter-spacing: .08em; }