.tr-tools { padding-top: 0; }
.tr-views { display: flex; flex-wrap: wrap; gap: .2rem; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.tr-views button { display: inline-flex; align-items: center; gap: .4rem; margin-bottom: -1px; padding: .45rem .8rem .5rem; border-bottom: 2px solid transparent; color: var(--text-3); font: 600 .88rem var(--font-ui); }
.tr-views button:hover { color: var(--text-1); }
.tr-views button[aria-pressed="true"] { border-bottom-color: var(--gold-2); color: var(--gold-1); }
.tr-views .ia-emblem { width: 1.05rem; height: 1.05rem; }
.tr-count { min-width: 1.25rem; padding: 0 .35rem; border-radius: .6rem; background: rgba(242, 198, 106, .22); color: var(--gold-1); font: 700 .72rem/1.3rem var(--font-num); text-align: center; }
.combat-tabs button[aria-pressed="true"] .tr-count { background: rgba(29, 18, 4, .72); }
@media (min-width: 761px) and (min-height: 501px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) { .is-hud .stage .combat-tabs button[aria-pressed="true"] .tr-count { background: rgba(242, 198, 106, .2); } }

.tr-record-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; padding: .2rem .8rem .6rem; }
.tr-record { display: grid; gap: .35rem; padding: .55rem .65rem; border-radius: .6rem; border: 1px solid rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .035); }
.tr-record.is-current { border-color: color-mix(in srgb, var(--skill) 60%, transparent); background: color-mix(in srgb, var(--skill) 9%, rgba(255, 255, 255, .03)); }
.tr-record.is-shut { opacity: .72; }
.tr-record-head { display: flex; align-items: center; gap: .4rem; min-width: 0; }
.tr-record-head .ia-emblem { width: 1.05rem; height: 1.05rem; color: var(--skill); }
.tr-record-head b { font: 600 .92rem var(--font-display); color: var(--text-1); }
.tr-record-head .tr-crest { margin-left: auto; }
.tr-record-rows { display: grid; grid-template-columns: auto 1fr; gap: .1rem .5rem; align-items: baseline; }
.tr-record-rows small { color: var(--text-3); font-size: .74rem; }
.tr-record-rows b { color: var(--gold-1); font: 600 .95rem var(--font-num); text-align: right; }
.tr-record-shut { display: flex; align-items: center; gap: .3rem; color: var(--text-3); font-size: .76rem; }
.tr-record-shut .ia-glyph { width: .8rem; height: .8rem; }

.tr-crest { --crest: #b98a5a; --rim: #6b4a2c; position: relative; display: inline-grid; place-items: center; width: 2.1rem; height: 2.35rem; flex: none; }
.tr-shield { position: absolute; inset: 0; width: 100%; height: 100%; }
.tr-shield path { fill: rgba(255, 255, 255, .03); stroke: color-mix(in srgb, var(--crest) 35%, #3a4050); stroke-width: 1.5; }
.tr-shield .tr-shield-inner { fill: none; stroke: rgba(255, 255, 255, .06); stroke-width: 1; }
.tr-crest b { position: relative; font: 700 .7rem var(--font-num); color: var(--text-4); padding-bottom: .15rem; }
.tr-crest.is-earned .tr-shield path { fill: var(--crest); stroke: var(--rim); stroke-width: 2; }
.tr-crest.is-earned .tr-shield .tr-shield-inner { fill: none; stroke: color-mix(in srgb, var(--rim) 70%, #fff 30%); stroke-width: 1.2; }
.tr-crest.is-earned { filter: drop-shadow(0 .1rem .15rem rgba(0, 0, 0, .6)) drop-shadow(0 0 .3rem color-mix(in srgb, var(--crest) 40%, transparent)); }
.tr-crest.is-earned b { color: #1c1406; }
.tr-crests { display: flex; flex-wrap: wrap; gap: .45rem; }

.tr-loop { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: .1rem .8rem .7rem; list-style: none; }
.tr-loop-step { display: grid; grid-template-columns: 1.9rem minmax(0, 1fr); align-items: start; gap: .5rem; padding: .5rem .6rem; border-radius: .6rem; border: 1px solid rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .03); }
.tr-loop-step.is-here { border-color: color-mix(in srgb, var(--skill) 45%, transparent); background: color-mix(in srgb, var(--skill) 8%, rgba(255, 255, 255, .03)); }
.tr-loop-icon { display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: .5rem; background: rgba(0, 0, 0, .3); color: var(--gold-1); }
.tr-loop-icon .ia-emblem, .tr-loop-icon .ia-glyph { width: 1.1rem; height: 1.1rem; }
.tr-loop-copy { display: grid; gap: .15rem; min-width: 0; }
.tr-loop-copy b { display: flex; align-items: baseline; gap: .35rem; color: var(--text-1); font: 600 .88rem var(--font-display); }
.tr-loop-copy b i { font: 700 .66rem var(--font-num); font-style: normal; color: var(--gold-2); }
.tr-loop-copy small { color: var(--text-3); font-size: .72rem; line-height: 1.35; }

.tr-now { display: grid; gap: .55rem; margin: 0 0 .7rem; padding: .75rem .85rem; border-radius: .75rem; border: 1px solid color-mix(in srgb, var(--skill, var(--gold-2)) 45%, transparent); background: color-mix(in srgb, var(--skill, var(--gold-2)) 7%, rgba(255, 255, 255, .03)); }
.tr-now-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .55rem; }
.tr-now-head small.t-caps { flex-basis: 100%; color: var(--gold-3); }
.tr-now-head strong { font: 400 1.35rem/1.1 var(--font-display); color: var(--gold-0); }
.tr-now-level { color: var(--text-2); font-size: .86rem; }
.tr-now-head .chip { margin-left: auto; align-self: center; }
.tr-now-kills { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .35rem .75rem; }
.tr-now-count { display: flex; align-items: baseline; gap: .3rem; white-space: nowrap; }
.tr-now-count b { font: 700 1.7rem/1 var(--font-num); color: var(--text-1); }
.tr-now-count small { color: var(--text-3); font-size: .8rem; }
.tr-now-bar { height: .55rem; background: rgba(0, 0, 0, .4); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }
.tr-now-bar > i { background: var(--skill, var(--gold-2)); box-shadow: none; }
.tr-now-then { grid-column: 1 / -1; margin: 0; color: var(--text-1); font-size: .9rem; line-height: 1.4; }
.tr-now-point { display: flex; align-items: center; gap: .4rem; margin: 0; color: var(--gold-1); font-size: .82rem; }
.tr-now-point .ia-glyph, .tr-now-point .ia-emblem { width: .95rem; height: .95rem; flex: none; }
.tr-now-facts { display: grid; gap: .3rem; margin: 0; }
.tr-now-facts > div { display: grid; grid-template-columns: 6.6rem minmax(0, 1fr); align-items: center; gap: .5rem; }
.tr-now-facts dt { display: flex; align-items: center; gap: .35rem; color: var(--text-3); font-size: .78rem; }
.tr-now-facts dt .ia-glyph { width: .85rem; height: .85rem; color: var(--gold-3); }
.tr-now-facts dd { margin: 0; color: var(--text-1); font-size: .84rem; }
.tr-now-mods { display: flex; flex-wrap: wrap; gap: .25rem; }
.tr-now-next { display: grid; gap: .15rem; padding: .5rem .6rem; border-radius: .55rem; background: rgba(0, 0, 0, .25); }
.tr-now-next small.t-caps { color: var(--gold-3); }
.tr-now-next p { margin: 0; color: var(--text-2); font-size: .82rem; line-height: 1.4; }
.tr-now-next p b { color: var(--text-1); font-weight: 600; }
.tr-now-records { display: flex; align-items: center; gap: .4rem; margin: 0; color: var(--text-3); font-size: .78rem; }
.tr-now-records b { color: var(--gold-1); }
.tr-now-records .ia-glyph { width: .85rem; height: .85rem; flex: none; }
.tr-now-foot { display: flex; justify-content: flex-end; margin-top: .1rem; }
.tr-card-note { display: flex; align-items: center; gap: .35rem; margin: -.2rem 0 .5rem; color: var(--text-3); font-size: .78rem; }
.hud-pop.is-trial { max-height: 30rem; }
.hud-pop.is-trial .tr-now { margin: 0; }

.hud-trial { display: grid; gap: .35rem; padding-top: .55rem; border-top: 1px solid rgba(255, 255, 255, .08); }
.hud-trial-head { display: flex; align-items: baseline; gap: .5rem; white-space: nowrap; }
.hud-trial-head strong { font: 400 1.05rem var(--font-display); color: var(--gold-0); }
.hud-trial-head small { color: var(--text-3); font-size: .82rem; }
.hud-trial-head > span { margin-left: auto; color: var(--text-3); font-size: .86rem; }
.hud-trial-head > span b { color: var(--text-1); font-weight: 600; }
.hud-trial-bar { height: .42rem; background: rgba(255, 255, 255, .1); box-shadow: none; }
.hud-trial-bar > i { background: var(--skill); box-shadow: none; }
.hud-trial-then, .hud-trial-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .25rem .6rem; margin: 0; font-size: .84rem; color: var(--text-2); line-height: 1.3; }
.hud-trial-meta { color: var(--text-3); font-size: .8rem; }
.hud-trial-meta > span { display: inline-flex; align-items: center; gap: .3rem; }
.hud-trial-meta .ia-glyph { width: .85rem; height: .85rem; color: var(--gold-3); }
.hud-trial-mods { gap: .2rem; }
.hud-trial-mods .tr-mod { font-size: .64rem; }


.tr-jumps { display: flex; flex-wrap: wrap; gap: .4rem; padding: 0 .8rem .3rem; }
.tr-jump { gap: .3rem; }
.tr-rows { display: grid; gap: .4rem; padding: .2rem .8rem .9rem; }
.res-card.tr-row { grid-template-columns: 3.4rem minmax(0, 1fr) auto; min-height: 3.9rem; gap: .75rem; padding: .45rem .7rem; }
.tr-row-tier { display: grid; justify-items: center; line-height: 1; gap: .1rem; }
.tr-row-tier small { font: 700 .5rem var(--font-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--text-3); }
.tr-row-tier b { font: 700 1.5rem var(--font-num); color: var(--text-1); }
.tr-row-tier em { font: 600 .6rem var(--font-num); font-style: normal; color: var(--gold-3); white-space: nowrap; }
.tr-row.is-locked .tr-row-tier b { color: var(--text-3); }
.tr-row.is-locked .tr-row-copy { opacity: .7; }
.tr-row-copy { display: grid; gap: .35rem; min-width: 0; }
.tr-row-mods { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem; min-width: 0; }
.tr-mark { margin-left: .2rem; color: var(--gold-2); font: 600 .7rem var(--font-ui); font-style: normal; letter-spacing: .04em; }
.tr-row-line { display: grid; grid-template-columns: minmax(4rem, 11rem) auto; align-items: center; gap: .5rem; }
.tr-row-line small { color: var(--text-3); font-size: .72rem; white-space: nowrap; }
.tr-row-side { display: grid; justify-items: end; gap: .3rem; }
.tr-row-side .card-power { display: inline-flex; align-items: center; gap: .15rem; font-size: .82rem; }

.tr-mod { --mod: #9aa4b8; display: inline-flex; align-items: center; padding: .05rem .42rem; border-radius: .4rem; border: 1px solid color-mix(in srgb, var(--mod) 45%, transparent); background: color-mix(in srgb, var(--mod) 16%, transparent); color: color-mix(in srgb, var(--mod) 70%, #fff 30%); font: 600 .68rem/1.35 var(--font-ui); letter-spacing: .02em; white-space: nowrap; }
.tr-mod.is-none { --mod: #626470; color: var(--text-3); }
.tr-mod.is-hardened { --mod: #8fa4b8; }
.tr-mod.is-swift { --mod: #7cc96a; }
.tr-mod.is-warded { --mod: #66c6ff; }
.tr-mod.is-blighted { --mod: #9ab04a; }
.tr-mod.is-evasive { --mod: #b98dff; }
.tr-mod.is-thorned { --mod: #c9953f; }
.tr-mod.is-mirrored { --mod: #d9d3c3; }
.tr-mod.is-frenzied { --mod: #ff5d57; }

.tr-idle { position: relative; height: .42rem; border-radius: .3rem; background: rgba(0, 0, 0, .45); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); overflow: visible; }
.tr-idle i { position: absolute; inset: 0 auto 0 0; border-radius: inherit; background: color-mix(in srgb, var(--emerald) 80%, #fff 5%); }
.tr-idle i.is-over { background: color-mix(in srgb, var(--crimson) 85%, #fff 5%); }
.tr-idle s { position: absolute; top: -.18rem; bottom: -.18rem; width: 2px; margin-left: -1px; background: var(--gold-1); border-radius: 1px; }
.tr-idle.is-big { height: .65rem; }

.tr-block { display: grid; gap: .45rem; margin: .6rem 0; padding: .7rem .8rem; border-radius: .75rem; border: 1px solid rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .035); }
.tr-block > small.t-caps { color: var(--gold-3); }
.tr-mod-line { display: grid; grid-template-columns: 6.2rem minmax(0, 1fr); align-items: center; gap: .55rem; color: var(--text-2); font-size: .86rem; }
.tr-mod-line .tr-mod { justify-self: start; }
.tr-idle-block.is-safe { border-color: rgba(88, 214, 127, .28); }
.tr-idle-text { margin: 0; color: var(--text-2); font-size: .86rem; line-height: 1.45; }
.tr-idle-text b { color: var(--text-1); }
.tr-idle-block .chip { justify-self: start; }
.trial-portrait { width: 1.9rem; height: 1.9rem; border-radius: .35rem; object-fit: cover; flex: none; background: rgba(0, 0, 0, .35); }
.tr-foe b { display: inline-flex; align-items: center; gap: .15rem; }
.tr-modes { justify-self: start; }
.trials-detail .versus .vs-meta b { font-size: 1rem; }
.tr-drop-copy { display: grid; gap: .15rem; }
.tr-drop-band { display: flex; align-items: center; gap: .4rem; }
.tr-drop-band .ia-emblem { width: 1.1rem; height: 1.1rem; color: var(--gold-2); }
.tr-drop-band b { color: var(--text-1); font: 600 .95rem var(--font-display); }
.tr-drop-copy small { color: var(--text-3); font-size: .78rem; }
.tr-drops .facts { margin: 0; }

.tr-rule { display: grid; gap: .35rem; justify-items: start; padding: .1rem .8rem .7rem; }
.tr-rule-note { color: var(--text-3); font-size: .76rem; line-height: 1.4; }
.tr-rule.is-row { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .75rem; }
.tr-rule.is-row .tr-rule-note { flex: 1 1 16rem; }
.tr-pieces { display: grid; gap: .55rem; padding: 0 .8rem .9rem; }
.tr-piece { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "well main power" "well main acts"; align-items: start; gap: .45rem 1rem; padding: .75rem .85rem; border-radius: .85rem; border: 1px solid rgba(255, 255, 255, .08); background: rgba(255, 255, 255, .035); }
.tr-piece:hover { border-color: rgba(242, 198, 106, .3); }
.tr-piece.is-selected { border-color: rgba(242, 198, 106, .55); background: rgba(242, 198, 106, .06); }
.tr-piece-pick { position: absolute; inset: 0; z-index: 0; border: 0; border-radius: inherit; background: none; cursor: pointer; }
.tr-piece-pick:focus-visible { outline: 2px solid var(--gold-2); outline-offset: 1px; }
.tr-piece > :not(.tr-piece-pick) { position: relative; z-index: 1; }
.tr-piece-main, .tr-piece-power { pointer-events: none; }
.tr-piece-well { grid-area: well; width: 3.7rem; height: 3.7rem; cursor: pointer; }
.tr-piece-main { grid-area: main; display: grid; gap: .2rem; min-width: 0; }
.tr-piece-main > strong { font: 600 1.02rem/1.2 var(--font-display); }
.tr-piece-main > small { color: var(--text-3); font-size: .78rem; line-height: 1.35; }
.tr-piece-lines { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .2rem 1.1rem; margin-top: .3rem; }
.tr-piece-lines .tip-line { font-size: .8rem; }
.tr-piece-lines .tip-line .tl-text { flex: 0 1 auto; }
.tr-piece-lines .tip-special { grid-column: 1 / -1; padding: .2rem .4rem; font-size: .76rem; }
.tr-piece-lines .tip-special.is-effect b { color: var(--rar-legendary); }
.tr-piece-power { grid-area: power; display: grid; justify-items: end; gap: .08rem; text-align: right; }
.tr-piece-power small { color: var(--text-3); font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; }
.tr-piece-power b { font: 400 1.4rem/1 var(--font-num); color: var(--text-1); }
.tr-piece-power em { font: 700 .84rem var(--font-num); font-style: normal; color: var(--text-3); }
.tr-piece-power.is-up em { color: var(--emerald); }
.tr-piece-power.is-down em { color: var(--crimson); }
.tr-piece-power .tr-piece-vs { max-width: 13rem; letter-spacing: 0; text-transform: none; font-size: .72rem; }
.tr-piece-acts { grid-area: acts; display: grid; justify-items: end; align-self: end; gap: .3rem; }
.tr-piece-acts .tr-copy-buttons { flex-wrap: nowrap; }
.tr-piece-acts .tr-copy-buttons > .btn { flex: 0 0 auto; }
.tr-piece-acts .action-note { max-width: 17rem; margin: 0; font-size: .74rem; text-align: right; }
.tr-copy-card .tip-head { display: flex; align-items: center; gap: .7rem; margin-bottom: .4rem; }
.tr-copy-card .tip-body { display: grid; gap: .1rem; }
.tr-copy-card .tip-special.is-effect { display: grid; gap: .15rem; }
.tr-copy-card .tip-special.is-effect b { color: var(--rar-legendary); }
.tip-well { width: 3.6rem; height: 3.6rem; }
.tr-banked { display: flex; align-items: center; gap: .5rem; margin: 0 .8rem .7rem; padding: .45rem .6rem; border-radius: .55rem; border: 1px solid rgba(242, 198, 106, .18); background: rgba(242, 198, 106, .05); color: var(--text-2); font-size: .8rem; }
.tr-banked > .ia-emblem { width: 1.1rem; height: 1.1rem; flex: none; color: var(--gold-2); }
.tr-banked span { flex: 1; min-width: 0; }
.tr-banked .btn { flex: none; }
.tr-copy-buttons { display: flex; flex-wrap: wrap; gap: .45rem; }
.tr-copy-buttons > .btn { flex: 1 1 8.5rem; }

.well.is-rolled { position: relative; }
.bank-inspect.is-rolled .tip-head { display: flex; align-items: center; gap: .7rem; margin-bottom: .4rem; }
.bank-inspect.is-rolled .tip-body { display: grid; gap: .1rem; }
.bank-inspect.is-rolled .tip-special.is-effect { display: grid; gap: .15rem; }
.bank-inspect .tr-copy-buttons { flex-direction: column; }
.bank-inspect .tr-copy-buttons > .btn { flex: 0 0 auto; width: 100%; }
.bank-inspect.is-rolled .action-note { margin: .45rem 0 0; }

.tr-boards { margin-left: auto; gap: .3rem; }
.tr-boards .ia-emblem { width: .95rem; height: .95rem; }

.lb-trial { display: inline-flex; align-items: center; gap: .45rem; }
.lb-trial .tr-crest { width: 1.45rem; height: 1.62rem; }
.lb-trial .tr-crest b { font-size: .5rem; padding-bottom: .1rem; }
.lb-dim { color: var(--text-4); font-weight: 400; }
.lb-deepest { display: inline-grid; justify-items: end; line-height: 1.2; }
.lb-deepest small { color: var(--gold-3); font-size: .72rem; }
.lb-scopes button { padding-left: .45rem; padding-right: .45rem; }
@media (min-width: 761px) and (min-height: 501px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) { .is-hud .stage .lb-boards .lb-scopes button { padding: 0 .5rem; } }

.clan-trial { display: grid; gap: .35rem; margin: .1rem 0 .5rem; padding: .5rem .6rem; border-radius: .6rem; border: 1px solid rgba(242, 198, 106, .18); background: rgba(242, 198, 106, .05); }
.clan-trial-pick { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.clan-trial-pick small { color: var(--gold-3); }
.clan-trial-step { display: inline-flex; align-items: center; gap: .4rem; }
.clan-trial-step b { min-width: 7.5rem; text-align: center; color: var(--gold-1); font: 600 .9rem var(--font-ui); }
.clan-trial-note { margin: 0; color: var(--text-3); font-size: .76rem; line-height: 1.4; }
.clan-trial-mods { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; margin: 0 0 .4rem; }
.clan-trial-mods small { flex-basis: 100%; color: var(--text-3); font-size: .76rem; }

.welcome-stop.is-trials { border-color: rgba(242, 198, 106, .3); }

@media (max-width: 760px), (max-height: 500px) and (pointer: coarse) {
  .tr-loop { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .1rem .6rem .6rem; }
  .tr-loop-step { grid-template-columns: 1.6rem minmax(0, 1fr); padding: .45rem .5rem; }
  .tr-loop-icon { width: 1.6rem; height: 1.6rem; }
  .tr-now-facts > div { grid-template-columns: 5.6rem minmax(0, 1fr); }
  .tr-record-grid { grid-template-columns: 1fr; }
  .tr-record { grid-template-columns: auto 1fr; align-items: center; }
  .tr-record-rows { grid-template-columns: repeat(3, auto auto); gap: .1rem .4rem; }
  .res-card.tr-row { grid-template-columns: 2.8rem minmax(0, 1fr); }
  .tr-row-side { grid-column: 1 / -1; grid-template-columns: auto auto; justify-content: space-between; align-items: center; }
  .tr-row-line { grid-template-columns: minmax(3rem, 1fr) auto; }
  .tr-mod-line { grid-template-columns: 1fr; gap: .2rem; }
  .tr-pieces { padding: 0 .6rem .8rem; }
  .tr-piece { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "well main" "power power" "acts acts"; gap: .5rem .75rem; padding: .7rem; }
  .tr-piece-well { width: 3.2rem; height: 3.2rem; }
  .tr-piece-lines { grid-template-columns: minmax(0, 1fr); }
  .tr-piece-power { grid-template-columns: auto auto auto; justify-content: start; justify-items: start; align-items: baseline; gap: .1rem .45rem; text-align: left; }
  .tr-piece-power .tr-piece-vs { grid-column: 1 / -1; max-width: none; }
  .tr-piece-acts { justify-items: stretch; }
  .tr-piece-acts .tr-copy-buttons > .btn { flex: 1 1 0; }
  .tr-piece-acts .action-note { max-width: none; text-align: left; }

  .tr-views button { min-height: 3.3rem; font-size: .95rem; }
  .tr-count { min-width: 1.5rem; font-size: .9rem; line-height: 1.5rem; }
  .tr-record-rows { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: column; grid-template-rows: auto auto; gap: .05rem .5rem; }
  .tr-record-rows small { font-size: .9rem; }
  .tr-record-rows b { text-align: left; }
  .tr-record-shut, .tr-loop-copy small, .tr-loop-copy b i, .tr-mark, .tr-row-line small, .tr-drop-copy small, .tr-rule-note, .tr-now-records, .tr-now-facts dt, .tr-card-note,
  .tr-piece-main > small, .tr-piece-power small, .tr-piece-power .tr-piece-vs, .tr-piece-acts .action-note, .tr-piece-lines .tip-special { font-size: .9rem; }
  .tr-loop-copy b, .tr-now-level, .tr-now-facts dd, .tr-now-point, .tr-now-next p, .tr-mod-line, .tr-idle-text, .tr-banked, .tr-piece-lines .tip-line, .tr-row-side .card-power { font-size: .95rem; }
  .tr-crest b { font-size: .9rem; }
  .tr-now-count small { font-size: .9rem; }
  .tr-crest { width: 2.5rem; height: 2.8rem; }
  .tr-mod { font-size: .9rem; padding: .1rem .5rem; }
  .tr-row-tier small { font-size: .9rem; letter-spacing: .08em; }
  .tr-row-tier em { font-size: .9rem; }
  .res-card.tr-row { grid-template-columns: 4.6rem minmax(0, 1fr); }
  .tr-piece-lines .tip-line .tl-tier { font-size: .9rem; }
  .tr-piece-power em { font-size: .95rem; }
  .tr-rule .segmented button { min-height: 3.3rem; }
  .tr-piece-well { width: 3.4rem; height: 3.4rem; }
  .tr-piece-acts .tr-copy-buttons { flex-wrap: wrap; }
  .tr-piece-acts .tr-copy-buttons > .btn { flex: 1 1 8rem; }
}

@media (min-width: 761px) and (min-height: 501px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) {
  .is-hud .stage .res-card.tr-row { grid-template-columns: 3.4rem minmax(0, 1fr) auto; grid-template-rows: auto; grid-template-areas: none; align-items: center; gap: .9rem; min-height: 4rem; padding: .55rem .8rem; }
  .is-hud .stage .tr-rows { padding: 0 .25rem .25rem 0; gap: .5rem; }
  .is-hud .stage .res-card.tr-row .tr-row-tier b { font-size: 1.55rem; }
  .is-hud .stage .tr-record-grid, .is-hud .stage .tr-jumps, .is-hud .stage .tr-rule, .is-hud .stage .tr-pieces { padding-left: 0; padding-right: .25rem; }
  .is-hud .stage .tr-banked { margin-left: 0; margin-right: .25rem; }
  .is-hud .stage .tr-piece .btn { box-shadow: none; text-shadow: none; border-radius: .6rem; }
}