#profile { --rank: var(--text); }

.refresh-row { flex-wrap: wrap; }
.refresh.claim { display: inline-flex; align-items: center; color: var(--rank); text-decoration: none; }
.refresh.claim:hover:not(:disabled) { color: var(--bright); }
.refresh.claim:disabled { color: var(--faint); cursor: not-allowed; }
.claimed { font-size: 13px; color: var(--muted); text-decoration: none; }
.claimed b { color: var(--text); font-weight: 600; }
a.claimed:hover b { color: var(--rank); }
.refresh-msg.good { color: var(--win); }

.past-ranks { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 8px; padding: 0; list-style: none; }
.past-ranks li { display: inline-flex; align-items: baseline; gap: 6px; padding: 2px 7px; border-radius: 2px; font-size: 12px; background: var(--well); box-shadow: var(--frame); white-space: nowrap; }
.past-ranks b { font-weight: 700; color: var(--muted); }
.past-ranks span { font-weight: 600; }

.rating-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.rating-sub { margin-top: 2px; font-size: 13px; color: var(--muted); }
.rating-sub b { font-weight: 700; }
.rating-record { text-align: right; white-space: nowrap; }
.rating-record > span { font-size: 15px; font-weight: 700; }
.rating-record small { display: block; font-size: 12px; color: var(--muted); }
.accuracy { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 18px; }
.figure { width: 44px; height: auto; }
.figure path, .figure circle { fill: #3a3a3a; }
.figure .head { fill: var(--rank); }
.accuracy ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.accuracy li { display: grid; grid-template-columns: 48px 64px minmax(0, 1fr); align-items: baseline; font-size: 14px; }
.accuracy li span { color: var(--muted); }
.accuracy li b { color: var(--bright); }
.accuracy li.head b { color: var(--rank); }
.accuracy li small { text-align: right; font-size: 13px; color: var(--muted); }

.side-row { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px var(--inset); border-top: 1px solid #000; box-shadow: inset 0 1px 0 var(--edge-soft); }
.side-row:first-child { border-top: 0; box-shadow: none; }
.weapon-icon { width: 76px; height: 26px; object-fit: contain; }
.map-icon { width: 76px; height: 30px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px #000; }
.side-name, .side-num { display: flex; flex-direction: column; min-width: 0; }
.side-name b { font-size: 14px; color: var(--bright); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.side-num { text-align: right; }
.side-num b { font-size: 15px; color: var(--bright); }
.side-num b.win { color: var(--win); }
.side-num b.loss { color: var(--loss); }
.side-row small { font-size: 12px; color: var(--muted); }

.recent-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px; padding: 12px var(--inset); background: var(--well); border-bottom: 1px solid #000; }
.sum-main { display: flex; flex-direction: column; margin-right: auto; }
.sum-main b { font-size: 16px; }
.sum-main b small { font-weight: 400; color: var(--muted); }
.sum-main > small, .sum-agent small { font-size: 13px; color: var(--muted); }
.sum-agent { display: flex; align-items: center; gap: 8px; }
.sum-agent img { width: 30px; height: 30px; border-radius: 3px; box-shadow: 0 0 0 1px #000; }
.sum-agent span { display: flex; flex-direction: column; line-height: 1.25; }
.sum-agent b { font-size: 14px; color: var(--bright); }
.recent-sum + .day-group .day { border-top: 0; box-shadow: none; }

.named.end { justify-content: flex-end; text-align: left; }
.named.end > span { display: flex; flex-direction: column; line-height: 1.25; }
.named.end small { font-size: 12px; color: var(--muted); }
.acts-table td.num:last-child { width: 1%; }
.dim { color: var(--faint); }
.names-transfer:empty { display: none; }
.names-transfer { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.names-move { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 3px; background: var(--well); box-shadow: var(--frame); }
.names-move small { font: 600 11px var(--body); text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.names-move b { font-size: 16px; color: var(--bright); }
.names-move span { font-size: 13px; color: var(--muted); }
.acts-loading { margin: 0 0 10px; font-size: 13px; color: var(--muted); }

.sb-rr { display: flex; align-items: baseline; gap: 10px; padding: 10px 14px; border-radius: 4px; background: var(--raised); box-shadow: var(--frame); }
.sb-rr b { font-size: 16px; }
.sb-rr small { font-size: 13px; color: var(--muted); }

.matches > .card > .more-matches { width: calc(100% - 24px); margin: 14px 12px 12px; border-top: 0; }
.matches > .card > .more-end, .matches > .card > .more-error { margin-top: 6px; }

.rr-card { display: grid; grid-template-columns: 140px minmax(0, 1fr); align-items: stretch; gap: 16px; padding: 14px; }
.rr-sum { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 12px 8px; border-radius: 3px; background: var(--well); box-shadow: var(--frame); text-align: center; }
.rr-sum small { font-size: 12px; color: var(--muted); }
.rr-sum b { font: 800 30px/1.1 var(--display); color: var(--bright); }
.rr-sum b.win { color: var(--win); }
.rr-sum b.loss { color: var(--loss); }
.rr-plot { position: relative; height: 140px; min-width: 0; }
.rr-plot svg { display: block; width: 100%; height: 100%; overflow: visible; }
.rr-date { font: 11px var(--body); fill: var(--faint); }
.rr-tip { position: absolute; top: -6px; transform: translateX(-50%); padding: 4px 8px; border-radius: 3px; font-size: 12px; white-space: nowrap; color: var(--text); background: #000; box-shadow: 0 0 0 1px var(--edge); pointer-events: none; }
.rr-tip b { font-weight: 700; }
.graph-locked .rr-gate { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; }
.rr-gate p { margin: 0; color: var(--muted); }
.rr-gate > div { display: flex; align-items: center; gap: 10px; }
.rr-gate .graph-run { padding: 8px 16px; }
.rr-gate .graph-note { font-size: 13px; }
.rr-gate .error { color: var(--loss); }

.side-row.text { grid-template-columns: minmax(0, 1fr) auto; }
.side-row.role-row { grid-template-columns: minmax(0, 1fr) auto auto; gap: 18px; }
.sub-head { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid #000; box-shadow: inset 0 1px 0 var(--edge-soft); font: 700 13px var(--body); text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.sub-head + .stat-grid { margin-top: 12px; }
.rivals-notes { margin: -8px 0 16px; font-size: 13px; color: var(--muted); }

.mode-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.mode-pick { position: relative; }
.mode-pick summary { display: inline-flex; align-items: center; gap: 10px; padding: 7px 12px; border-radius: 3px; transition: color .2s ease; background: linear-gradient(#232323, #191919); box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px #303030; font: 700 13px var(--body); color: var(--bright); cursor: pointer; list-style: none; }
.mode-pick summary::-webkit-details-marker { display: none; }
.mode-pick summary::after { content: ""; width: 7px; height: 7px; margin-top: -4px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: rotate(45deg); }
.mode-pick[open] summary, .mode-pick summary:hover { color: var(--rank); }
.mode-menu { position: absolute; top: calc(100% + 4px); left: 0; z-index: 15; display: flex; flex-direction: column; min-width: 190px; padding: 4px; border-radius: 4px; background: var(--pop); box-shadow: 0 0 0 1px #000, inset 0 0 0 1px var(--edge), 0 12px 28px rgba(0,0,0,.6); }
.mode-menu button { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 3px; background: none; border: 0; color: var(--text); font: 600 13px var(--body); text-align: left; cursor: pointer; }
.mode-menu button:hover { background: #1c1c1c; color: var(--bright); }
.mode-menu button[aria-checked="true"] { background: #1c1c1c; color: var(--bright); }
.mode-menu button[aria-checked="true"]::after { content: "\2713"; color: var(--rank); }
.mode-note { font-size: 13px; color: var(--muted); }
.mode-error { font-size: 13px; color: var(--loss); }
.mode-bar.loading summary { color: var(--faint); cursor: wait; }

@media (max-width: 720px) {
  .rr-card { grid-template-columns: minmax(0, 1fr); }
  .rr-sum { flex-direction: row; gap: 8px; padding: 8px; }
  .rr-sum b { font-size: 20px; }
  .refresh-row { justify-content: flex-start; }
  .recent-sum { gap: 10px 16px; }
}

.m-where b .mvp { display: inline-block; margin: 0 0 0 8px; padding: 1px 6px; border-radius: 2px; background: rgba(255,255,255,.07); font-size: 10px; line-height: 1.5; vertical-align: 2px; color: var(--muted); }
.block-link { margin-left: auto; padding: 4px 10px; border: 0; border-radius: 3px; background: linear-gradient(#232323, #191919); box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px #303030; color: var(--muted); font: 600 12px var(--body); cursor: pointer; }
.block-link:hover { color: var(--bright); }

.role-main { display: flex; align-items: center; gap: 14px; }
.role-icon { width: 40px; height: 40px; padding: 8px; border-radius: 4px; background: var(--well); box-shadow: var(--frame); }
.role-main span { display: flex; flex-direction: column; }
.role-main b { font: 700 18px/1.2 var(--display); color: var(--bright); }
.role-main small { font-size: 13px; color: var(--muted); }
.role-rest { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #000; box-shadow: inset 0 1px 0 var(--edge-soft); font-size: 13px; color: var(--muted); }
.role-rest span { display: inline-flex; align-items: center; gap: 6px; }
.role-rest b { color: var(--text); font-weight: 600; }
.role-icon-sm { width: 14px; height: 14px; opacity: .8; }

#profile.owned { --body: var(--pf-font); --display: var(--pf-font); --owner-radius: min(var(--pf-radius), 6px); font-family: var(--pf-font); background: var(--pf-pattern), linear-gradient(180deg, #0e0e0e, #0a0a0a); background-size: var(--pf-pattern-size), auto; }
#profile.owned.has-page-image { background: linear-gradient(rgba(10,10,10,.8), rgba(10,10,10,.92)), var(--pf-page-image) center / cover no-repeat; }
#profile.owned :is(.card, .ident, .tile, .tabs) { border-radius: var(--owner-radius); }
#profile.owned :is(.card, .ident) { background: var(--pf-card); -webkit-backdrop-filter: blur(var(--pf-blur)); backdrop-filter: blur(var(--pf-blur)); }
#profile.owned .ident.bannered::after { inset: 1px; opacity: .32; mask-image: linear-gradient(90deg, rgba(0,0,0,.4), #000 70%); -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,.4), #000 70%); }
#profile.owned .avatar { padding: 2px; background: var(--pf-ring); }
#profile.owned.owner-page { background: var(--pf-pattern), var(--pf-bg); background-size: var(--pf-pattern-size), auto; }
#profile.owned.owner-border :is(.card, .ident) { border: var(--pf-border); }
#profile.owned :is(.card, .ident) { box-shadow: var(--frame), var(--pf-shadow, none), var(--pf-glow, none); }
#profile.owned .tab[aria-selected="true"] { color: var(--owner-accent); }
#profile.owned .block-head h3 { text-transform: var(--pf-case); }
.owner-mains .main-row { display: flex; align-items: center; gap: 12px; padding: 10px var(--inset); border-top: 1px solid #000; box-shadow: inset 0 1px 0 var(--edge-soft); }
.owner-mains .main-row:first-child { border-top: 0; box-shadow: none; }
.owner-mains .main-row > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.owner-mains b { font-size: 14px; color: var(--bright); }
.owner-mains small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--muted); }
.main-agent { width: 36px; height: 36px; flex: none; border-radius: 3px; object-fit: cover; background: var(--well); box-shadow: 0 0 0 1px #000; }
.main-weapon { width: 76px; height: 26px; flex: none; object-fit: contain; }
.main-map { width: 76px; height: 36px; flex: none; border-radius: 3px; object-fit: cover; box-shadow: 0 0 0 1px #000; }
#profile.owned .owner-mains .main-row:first-child .main-agent { box-shadow: 0 0 0 1px #000, 0 0 0 2px color-mix(in srgb, var(--owner-accent) 60%, transparent); }

.owner-row { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 6px; }
.owner-chip { display: inline-flex; align-items: center; gap: 7px; padding: 3px 10px 3px 3px; border-radius: 3px; background: var(--well); box-shadow: var(--frame); font: 600 13px var(--body); color: var(--text); text-decoration: none; }
.owner-chip img { width: 22px; height: 22px; border-radius: 2px; object-fit: cover; }
.owner-chip:hover { color: var(--bright); }
.owner-social { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 3px; background: var(--well); box-shadow: var(--frame); color: var(--muted); }
.owner-social .pf-icon { width: 15px; height: 15px; background: currentColor; }
.owner-social:hover { color: var(--bright); }
@media (max-width: 720px) {
  .owner-row { justify-content: flex-start; }
}
.m-where b .mvp.gold { background: linear-gradient(180deg, color-mix(in srgb, #f0c75e 22%, transparent), color-mix(in srgb, #c9971f 14%, transparent)); color: #f3cf6b; box-shadow: inset 0 0 0 1px color-mix(in srgb, #f0c75e 35%, transparent); text-shadow: 0 0 10px color-mix(in srgb, #f0c75e 40%, transparent); }

.rk { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.rk b, .cell .rk b { display: inline; margin: 0; font-weight: 700; color: var(--rk, var(--bright)); }
.rk-icon { width: 26px; height: 26px; flex: none; object-fit: contain; }
.rk-sm { gap: 6px; }
.rk-sm .rk-icon { width: 18px; height: 18px; }
.pr-icon { width: 15px; height: 15px; align-self: center; margin-right: -2px; object-fit: contain; }
.past-ranks .pr-icon + span { color: var(--rk); }
.m-where b .mvp.silver { background: linear-gradient(180deg, color-mix(in srgb, #d5dde6 18%, transparent), color-mix(in srgb, #9aa6b2 12%, transparent)); color: #dfe6ee; box-shadow: inset 0 0 0 1px color-mix(in srgb, #d5dde6 30%, transparent); }
.tag-mvp.gold { background: linear-gradient(180deg, #f6d77a, #d9a83a); color: #241800; }
.standouts .side-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
.standout-icon { width: 34px; height: 34px; border-radius: 3px; object-fit: cover; background: var(--well); box-shadow: 0 0 0 1px #000; }

.who h1 { display: flex; align-items: baseline; flex-wrap: wrap; }
.name-check { display: inline-block; width: 20px; height: 20px; margin-left: 8px; align-self: center; flex: none; background: var(--owner-accent, var(--ui-accent, #f97316)); -webkit-mask: url(/img/verified.svg) center / contain no-repeat; mask: url(/img/verified.svg) center / contain no-repeat; }

.tab-row { display: flex; align-items: center; gap: 10px; margin: 14px 0 22px; }
.tab-row .tabs { flex: 1 1 auto; min-width: 0; margin: 0; }
.tab-row .mode-bar { flex: none; flex-wrap: nowrap; }
.tab-row .mode-pick summary { padding: 9px 14px; }
.tab-row .mode-menu { left: auto; right: 0; }
.tab-row .mode-error { position: absolute; margin-top: 64px; }

.past-ranks .pr-more { position: relative; margin-left: auto; padding: 0; background: none; box-shadow: none; }
.pr-more summary { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border-radius: 2px; background: var(--well); box-shadow: var(--frame); font-weight: 700; color: var(--muted); cursor: pointer; list-style: none; transition: color .2s ease; }
.pr-more summary::-webkit-details-marker { display: none; }
.pr-more summary::after { content: ""; width: 5px; height: 5px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.pr-more summary:hover, .pr-more details[open] summary { color: var(--bright); }
.pr-menu { position: absolute; top: calc(100% + 4px); right: 0; z-index: 15; display: flex; flex-direction: column; gap: 2px; min-width: 180px; margin: 0; padding: 4px; list-style: none; border-radius: 4px; background: var(--pop); box-shadow: 0 0 0 1px #000, inset 0 0 0 1px var(--edge), 0 12px 28px rgba(0,0,0,.6); }
.pr-menu li { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 3px; font-size: 12px; white-space: nowrap; }
.pr-menu li b { font-weight: 700; color: var(--muted); }
.pr-menu li span { font-weight: 600; }
.pr-menu li:hover { background: #1c1c1c; }
.who > div { min-width: 0; flex: 1 1 auto; }

@media (max-width: 560px) {
  .tab-row { flex-direction: column; align-items: stretch; }
  .tab-row .mode-bar { justify-content: flex-end; }
}
.ident { overflow: visible; }
.ident::after { border-radius: inherit; }

.tz-drawer { position: fixed; inset: 0 0 0 auto; width: min(440px, 100vw); max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0 22px 22px; border: 0; background: var(--pf-bg); box-shadow: -1px 0 0 #000, inset 1px 0 0 var(--pf-edge), -24px 0 48px rgba(0,0,0,.5); color: var(--pf-text); font-family: var(--pf-font); overflow-y: auto; }
.tz-drawer[open] { animation: tz-in .22s cubic-bezier(.2, .7, .2, 1); }
.tz-drawer::backdrop { background: rgba(0,0,0,.35); }
@keyframes tz-in { from { transform: translateX(24px); opacity: 0; } }
.tz-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin: 0 -22px 6px; padding: 18px 22px 14px; background: var(--pf-bg); border-bottom: 1px solid var(--pf-edge); }
.tz-head h2 { margin: 0; font: 700 18px/1.2 var(--pf-font); color: var(--pf-fg); }
.tz-close { width: 32px; height: 32px; border: 1px solid var(--pf-edge); border-radius: 6px; background: var(--st-input); color: var(--pf-muted); cursor: pointer; }
.tz-close:hover { color: var(--pf-fg); }
.tz-form .theme-presets { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tz-actions { position: sticky; bottom: -22px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin: 0 -22px; padding: 14px 22px 22px; background: var(--pf-bg); border-top: 1px solid var(--pf-edge); }
.tz-actions .form-msg { flex-basis: 100%; margin: 0; }

/* Site and owner themes cover the viewport and every tracker surface. */
body:is(.tracker-themed, .site-themed) {
  --void: var(--pf-bg); --night: var(--pf-bg); --raised: var(--pf-card); --well: var(--pf-card);
  --pop: linear-gradient(var(--pf-card), var(--pf-card)), #121212;
  --bright: var(--pf-fg); --text: var(--pf-text); --muted: var(--pf-muted);
  --faint: var(--pf-muted); --edge: var(--pf-edge); --edge-soft: var(--pf-edge);
  --rank: var(--pf-accent); --body: var(--pf-font); --display: var(--pf-font);
  --frame: 0 0 0 1px var(--pf-edge);
  min-height: 100vh;
  background: var(--pf-pattern), var(--pf-bg);
  background-size: var(--pf-pattern-size), auto;
  background-attachment: fixed;
  color: var(--pf-text);
  font-family: var(--pf-font);
}
body:is(.tracker-themed, .site-themed).has-page-image {
  background: linear-gradient(color-mix(in srgb, var(--pf-bg) 45%, transparent), color-mix(in srgb, var(--pf-bg) 70%, transparent)), var(--pf-page-image) center / cover fixed, var(--pf-bg);
}
body.tracker-themed #profile.owned { background: transparent; box-shadow: none; --owner-radius: var(--pf-radius); }
body.tracker-themed #profile.owned :is(.card, .ident, .tile, .tabs) {
  background: var(--pf-card); color: var(--pf-text); border: var(--pf-border);
  border-radius: var(--pf-radius); box-shadow: var(--owner-shadow);
  backdrop-filter: blur(var(--pf-blur)); -webkit-backdrop-filter: blur(var(--pf-blur));
}
body:is(.tracker-themed, .site-themed) :is(.search, .refresh, .action, .more-matches, .tab, .mode-pick, .account-chip) {
  background: var(--pf-card); color: var(--pf-text); border: var(--pf-border); border-radius: var(--pf-radius); box-shadow: none;
}
body.site-themed :is(.game, .recent-chip) { background: var(--pf-card); color: var(--pf-muted); border: var(--pf-border); border-radius: var(--pf-radius); box-shadow: none; backdrop-filter: blur(var(--pf-blur)); -webkit-backdrop-filter: blur(var(--pf-blur)); }
body.site-themed :is(.game, .recent-chip):hover:not(:disabled) { color: var(--pf-fg); }
body.site-themed .game[aria-checked="true"] { color: var(--pf-accent); border-color: color-mix(in srgb, var(--pf-accent) 45%, var(--pf-edge)); }
body.site-themed .search:focus-within { border-color: var(--pf-accent); }
body.tracker-themed #profile.owned .tab[aria-selected="true"] { color: var(--pf-accent); background: color-mix(in srgb, var(--pf-accent) 12%, var(--pf-card)); }
body.tracker-themed #profile.owned :is(.cell, .stat, .table, .table-head, .m-row, .role-main, .role-rest) { border-color: var(--pf-edge); }
body.tracker-themed #profile.owned :is(.tab, .refresh, .action):hover { background: color-mix(in srgb, var(--pf-accent) 16%, var(--pf-card)); }
body.tracker-themed[data-avatar-shape="circle"] #profile .avatar { border-radius: 50%; }
body.tracker-themed[data-avatar-shape="rounded"] #profile .avatar { border-radius: 22%; }
body.tracker-themed[data-avatar-shape="square"] #profile .avatar { border-radius: 0; }
body.tracker-themed[data-headings="accent"] #profile .block-head h3 { color: var(--pf-accent); }
body.tracker-themed[data-headings="off"] #profile .block-head h3 { position: absolute; clip-path: inset(50%); }
body.tracker-themed[data-headings="rule"] #profile .block-head { border-bottom: 1px solid var(--pf-edge); }
body.tracker-themed[data-hover="lift"] #profile a.card:hover { transform: translateY(-4px); }
body.tracker-themed[data-hover="press"] #profile a.card:hover { transform: scale(.98); }
body.tracker-themed[data-hover="glow"] #profile a.card:hover { box-shadow: var(--pf-glow), 0 0 24px var(--pf-accent); }

body.tracker-themed #profile.owned :is(.mode-pick summary, .mode-menu, .pr-menu, .block-link, .siege-links a, .rr-tip, .lol-champ small) {
  background: var(--pf-card); color: var(--pf-text); border: var(--pf-border); border-radius: var(--pf-radius); box-shadow: var(--owner-shadow);
}
body.tracker-themed #profile.owned :is(.mode-menu button:hover, .mode-menu button[aria-checked="true"], .pr-menu li:hover) { background: color-mix(in srgb, var(--pf-accent) 16%, var(--pf-card)); }
body.tracker-themed #profile.owned .mode-menu { background: var(--pf-card-solid, #141414); }
body.tracker-themed #profile.owned :is(.match:hover, tbody tr:hover td, .choice:hover) { background-color: var(--pf-row-hover); }
body.tracker-themed #profile.owned .more-matches {
  background: var(--pf-card-solid, #141414);
  color: var(--pf-fg);
  border: 1px solid var(--pf-edge);
  border-radius: 4px;
  box-shadow: none;
}
body.tracker-themed #profile.owned .more-matches:hover:not(:disabled) {
  background: color-mix(in srgb, var(--pf-fg) 8%, var(--pf-card-solid, #141414));
}

.duo-who { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
.duo-who img, .duo-blank { width: 32px; height: 32px; flex: none; object-fit: contain; }
.duo-who > span { display: flex; flex-direction: column; line-height: 1.25; }
.duo-who b small { margin-left: 2px; font-weight: 500; color: var(--faint); }
.duo-who > span > small { font-size: 12px; color: var(--muted); }
.duo-who:hover b { color: var(--rank); }

.rank-strip { display: flex; gap: 6px; margin: 0 0 14px; padding: 0 0 4px; overflow-x: auto; list-style: none; scrollbar-width: thin; scrollbar-color: var(--edge) transparent; }
.rank-strip li { display: flex; flex: none; align-items: center; gap: 8px; padding: 6px 12px 6px 8px; background: var(--raised); box-shadow: var(--frame); border-radius: 3px; }
.rank-strip img { width: 26px; height: 26px; object-fit: contain; }
.rank-strip span { display: flex; flex-direction: column; line-height: 1.2; }
.rank-strip small { font: 600 10px var(--body); letter-spacing: .04em; text-transform: uppercase; color: var(--faint); white-space: nowrap; }
.rank-strip b { font-size: 13px; white-space: nowrap; }

.vm-block > .card { padding: 12px; }
.vm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 10px; }
.vm-card { display: flex; flex-direction: column; overflow: hidden; background: var(--well); box-shadow: var(--frame); border-radius: 3px; }
.vm-head { position: relative; isolation: isolate; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; height: 74px; padding: 10px 14px; background: var(--raised); }
.vm-head::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.75)), var(--map, none) center / cover no-repeat; }
.vm-head b { font: 800 20px var(--display); color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.vm-head span { font-size: 12px; font-weight: 600; color: rgba(255,255,255,.8); }
.vm-record { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 10px; padding: 12px 14px 10px; }
.vm-record > b { font: 800 24px/1 var(--display); }
.vm-wl { justify-self: end; font-size: 13px; font-weight: 600; }
.vm-bar { grid-column: 1 / -1; height: 4px; overflow: hidden; border-radius: 2px; background: color-mix(in srgb, var(--loss) 70%, transparent); }
.vm-bar i { display: block; width: var(--w); height: 100%; background: var(--win); }
.vm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(54px, 1fr)); gap: 1px; margin: 0; background: #000; border-top: 1px solid #000; }
.vm-stats div { padding: 8px 10px; background: var(--well); }
.vm-stats dt { font: 600 10px var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--faint); }
.vm-stats dd { margin: 2px 0 0; font-size: 14px; font-weight: 700; color: var(--bright); }
.vm-agents { display: flex; gap: 6px; margin: 0; padding: 10px 14px 12px; list-style: none; border-top: 1px solid #000; box-shadow: inset 0 1px 0 var(--edge-soft); }
.vm-agents li { display: flex; align-items: center; gap: 6px; min-width: 0; }
.vm-agents img { width: 26px; height: 26px; border-radius: 3px; box-shadow: 0 0 0 1px #000; }
.vm-agents span { display: flex; flex-direction: column; line-height: 1.15; }
.vm-agents b { font-size: 12px; color: var(--bright); }
.vm-agents small { font-size: 10px; color: var(--faint); }