/* Arena HUD v8 — match records: the history list (#/history) and the match report (#/match/:id).
   Loaded after records.css, player-audit.css, hud.css and dashboard.css, and overrides their record/report rules.
   Colour carries meaning: teal = 내 이력서 / 승리, pink = 상대 / 패배, slate = 무승부 / 중립, amber = 심사 중.
   Pending records never show vote direction, criteria or reasons. */

/* ================================================================ history ================================================================ */
.arh-history{display:block;min-width:0;color:var(--hx-ink)}

/* ---------- overview banner ---------- */
.hx-rec-banner{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr) minmax(0,.8fr);align-items:stretch;overflow:hidden;--frame-rgb:var(--hx-teal-rgb)}
.hx-rec-banner-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(560px 300px at 4% 0%,rgba(var(--hx-teal-rgb),.14),transparent 68%),radial-gradient(460px 260px at 100% 110%,rgba(var(--hx-pink-rgb),.07),transparent 70%),linear-gradient(115deg,transparent 44%,rgba(255,255,255,.02) 44.2%,transparent 58%)}
.hx-rec-banner>:not(.hx-rec-banner-glow){position:relative;z-index:1}
.hx-rec-banner-record{display:grid;align-content:center;min-width:0;padding:28px 28px 28px 34px}
.hx-rec-wld{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));margin:0;border:1px solid var(--hx-line-2);border-radius:var(--hx-r-md);background:rgba(4,6,10,.4);overflow:hidden}
.hx-rec-wld-item{--w-rgb:var(--hx-draw-rgb);position:relative;display:grid;gap:9px;min-width:0;padding:14px 18px 17px;border-left:1px solid var(--hx-line)}
.hx-rec-wld-item:first-child{border-left:0}
.hx-rec-wld-item:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:rgb(var(--w-rgb));opacity:.75;box-shadow:0 0 12px rgba(var(--w-rgb),.8)}
.hx-rec-wld--win{--w-rgb:var(--hx-teal-rgb)}
.hx-rec-wld--loss{--w-rgb:var(--hx-pink-rgb)}
.hx-rec-wld-item small{font-size:12.5px;font-weight:700;line-height:1.2;color:var(--hx-muted)}
.hx-rec-wld-item b{font:800 46px/1 var(--hx-num);letter-spacing:-.05em;color:#C9D0DC;font-variant-numeric:tabular-nums}
.hx-rec-wld--win b{color:var(--hx-teal);text-shadow:0 0 26px rgba(var(--hx-teal-rgb),.35)}
.hx-rec-wld--loss b{color:#FF6F9F;text-shadow:0 0 26px rgba(var(--hx-pink-rgb),.25)}
.hx-rec-rate,.hx-rec-pending{display:flex;align-items:center;gap:18px;min-width:0;padding:28px 26px;border-left:1px solid var(--hx-line-2)}
.hx-rec-ring{flex:none;width:78px;height:78px;overflow:visible}
.hx-rec-ring-track{fill:rgba(4,6,10,.55);stroke:rgba(255,255,255,.08);stroke-width:6}
.hx-rec-ring-value{fill:none;stroke:var(--hx-teal);stroke-width:6;stroke-linecap:round;stroke-dasharray:100;filter:drop-shadow(0 0 6px rgba(var(--hx-teal-rgb),.65));animation:hx-draw 1s var(--hx-ease) both}
.hx-rec-stat{display:grid;gap:7px;min-width:0}
.hx-rec-stat>span{font-size:13px;font-weight:700;line-height:1.3;color:var(--hx-muted)}
.hx-rec-stat strong{display:flex;align-items:baseline;font:800 46px/1 var(--hx-num);letter-spacing:-.05em;color:#fff;white-space:nowrap}
.hx-rec-stat strong small{margin-left:3px;font:800 17px/1 var(--hx-num);letter-spacing:0;color:var(--hx-muted)}
.hx-rec-pending .hx-rec-stat strong small{font:700 14px/1 'Noto Sans KR',sans-serif}
.hx-rec-beacon{flex:none;width:14px;height:14px;border-radius:50%;border:1px solid rgba(var(--hx-gold-rgb),.45);background:rgba(var(--hx-gold-rgb),.16)}
.hx-rec-pending.is-live .hx-rec-beacon{border-color:var(--hx-gold);background:var(--hx-gold);--beacon-rgb:var(--hx-gold-rgb);animation:hx-beacon 1.4s ease-out infinite}
.hx-rec-pending.is-live .hx-rec-stat strong{color:var(--hx-gold)}

/* ---------- toolbar: segmented result filter + legend ---------- */
.arh-history .arh-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:22px 0 14px}
.arh-history .arh-filters{display:inline-flex;flex-wrap:nowrap;gap:4px;min-width:0;padding:4px;border:1px solid var(--hx-line-2);border-radius:14px;background:rgba(4,6,10,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.arh-history .arh-filters button{--f-rgb:var(--hx-draw-rgb);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px 0 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--hx-muted);font:700 13.5px/1 'Noto Sans KR',sans-serif;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s}
.arh-history .arh-filters .arh-filter--win{--f-rgb:var(--hx-teal-rgb)}
.arh-history .arh-filters .arh-filter--loss{--f-rgb:var(--hx-pink-rgb)}
.arh-history .arh-filters .arh-filter--pending{--f-rgb:var(--hx-gold-rgb)}
.arh-history .arh-filters button>.arh-filter-label{display:inline-flex;align-items:center;gap:7px;font-size:inherit;color:inherit}
.arh-history .arh-filters button>.arh-filter-label:before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:rgb(var(--f-rgb))}
.arh-history .arh-filters .arh-filter--all>.arh-filter-label:before{display:none}
.arh-history .arh-filters .arh-filter--pending>.arh-filter-label:before{background:transparent;border:1.5px dashed var(--hx-gold);width:8px;height:8px}
.arh-history .arh-filters button>.arh-filter-count{display:inline-grid;place-items:center;min-width:24px;height:20px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.07);font:800 12px/1 var(--hx-num);color:var(--hx-ink-2);font-variant-numeric:tabular-nums}
.arh-history .arh-filters button:hover{color:var(--hx-ink);background:rgba(255,255,255,.05)}
.arh-history .arh-filters button.is-zero:not(.is-selected){color:var(--hx-faint)}
.arh-history .arh-filters button.is-zero:not(.is-selected)>.arh-filter-label:before{opacity:.4}
.arh-history .arh-filters button.is-zero:not(.is-selected)>.arh-filter-count{background:rgba(255,255,255,.04);color:var(--hx-faint)}
.arh-history .arh-filters button.is-selected{color:#ECFFFA;border-color:rgba(var(--hx-teal-rgb),.6);background:linear-gradient(180deg,rgba(var(--hx-teal-rgb),.24),rgba(var(--hx-teal-rgb),.08));box-shadow:0 0 22px -6px rgba(var(--hx-teal-rgb),.9),inset 0 1px 0 rgba(255,255,255,.1)}
.arh-history .arh-filters button.is-selected>.arh-filter-count{background:var(--hx-teal);color:#03130F}
.arh-history .arh-filters button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* ---------- record rows ---------- */
.arh-history .arh-records{display:grid;gap:12px}
.arh-history .arh-record{--rec-rgb:var(--hx-draw-rgb);--rec:var(--hx-draw);--rec-hi:#E4E8F0;position:relative;min-width:0;border:1px solid var(--hx-line-2);border-radius:var(--hx-r-lg);background:var(--hx-panel-bg);box-shadow:var(--hx-panel-shadow);overflow:hidden;transition:border-color .2s}
.arh-history .arh-record--win{--rec-rgb:var(--hx-teal-rgb);--rec:var(--hx-teal);--rec-hi:#B5FFEE}
.arh-history .arh-record--loss{--rec-rgb:var(--hx-pink-rgb);--rec:var(--hx-pink);--rec-hi:#FFC0D6}
.arh-history .arh-record--draw{--rec-rgb:var(--hx-draw-rgb);--rec:#AEB6C6;--rec-hi:#E4E8F0}
.arh-history .arh-record--pending{--rec-rgb:var(--hx-gold-rgb);--rec:var(--hx-gold);--rec-hi:#FFE3A0;border-style:dashed;border-color:rgba(var(--hx-gold-rgb),.4)}
.arh-history .arh-record:hover{border-color:rgba(var(--rec-rgb),.42)}
.hx-rec-main{display:grid;grid-template-columns:186px minmax(0,.92fr) minmax(0,1.48fr);grid-template-areas:'rail opp verdict' 'rail foot foot';min-width:0}

/* result rail */
.hx-rec-rail{grid-area:rail;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0;padding:18px 16px 18px 22px;border-right:1px solid rgba(var(--rec-rgb),.22);background:linear-gradient(180deg,rgba(var(--rec-rgb),.19) 0%,rgba(var(--rec-rgb),.07) 58%,rgba(var(--rec-rgb),.03) 100%)}
.hx-rec-rail:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rec);box-shadow:0 0 14px rgba(var(--rec-rgb),.75)}
.arh-record--pending .hx-rec-rail{border-right-style:dashed;background:repeating-linear-gradient(135deg,rgba(var(--hx-gold-rgb),.045) 0 10px,transparent 10px 20px),linear-gradient(180deg,rgba(var(--hx-gold-rgb),.12),rgba(var(--hx-gold-rgb),.03))}
.arh-record--pending .hx-rec-rail:before{background:repeating-linear-gradient(180deg,var(--hx-gold) 0 7px,transparent 7px 12px);box-shadow:none}
.hx-rec-rail-head{display:grid;min-width:0}
.arh-history .hx-rec-rail .arh-sequence{display:block;font:800 11px/1.2 var(--hx-num);letter-spacing:.16em;color:rgba(var(--rec-rgb),.95)}
.arh-history .arh-record--draw .hx-rec-rail .arh-sequence{color:#C3CAD7}
.arh-history .hx-rec-rail h2{margin:8px 0 0;font-size:28px;font-weight:900;line-height:1.08;letter-spacing:-.05em;color:var(--rec-hi);text-shadow:0 0 24px rgba(var(--rec-rgb),.42)}
.arh-history .hx-rec-rail time{display:block;grid-column:auto;grid-row:auto;margin-top:7px;font:700 12px/1.4 var(--hx-num);letter-spacing:0;color:var(--hx-muted)}
.hx-rec-score{display:grid;gap:5px;min-width:0;padding-top:12px;border-top:1px solid rgba(var(--rec-rgb),.22)}
.hx-rec-score-label{font-size:12px;font-weight:600;line-height:1.2;color:var(--hx-faint)}
.arh-history .arh-score-delta{display:flex;align-items:baseline;gap:2px;font:800 31px/1 var(--hx-num);letter-spacing:-.05em;color:var(--hx-ink);font-variant-numeric:tabular-nums}
.arh-history .arh-score-delta.is-positive{color:var(--hx-teal);text-shadow:0 0 20px rgba(var(--hx-teal-rgb),.35)}
.arh-history .arh-score-delta.is-negative{color:#FF6F9F;text-shadow:0 0 20px rgba(var(--hx-pink-rgb),.28)}
.arh-history .arh-score-delta small{margin-left:3px;font:700 13px/1 'Noto Sans KR',sans-serif;letter-spacing:0;color:var(--hx-muted)}
.arh-history .arh-score-wait{display:block;font-size:17px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--hx-ink-2)}
.arh-history .arh-record--pending .arh-score-wait{color:var(--hx-gold)}
.arh-history .arh-score-range{display:flex;align-items:center;justify-content:flex-start;gap:5px;margin:0;font:700 12px/1.3 var(--hx-num);letter-spacing:-.01em;color:var(--hx-faint);font-variant-numeric:tabular-nums}
.arh-history .arh-score-range b{font-weight:800;color:var(--hx-ink)}

/* opponent snapshot */
.hx-rec-opp{grid-area:opp;min-width:0;padding:18px 22px 18px 22px;border-right:1px solid var(--hx-line)}
.hx-rec-opp-head{display:grid;gap:3px;margin-bottom:13px}
.arh-history .hx-rec-opp-head h3{margin:0;font-size:16px;font-weight:800;line-height:1.3;letter-spacing:-.03em;color:var(--hx-ink)}
.arh-history .arh-opponent-lines{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.arh-history .arh-opponent-lines p{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;margin:0;line-height:1.45}
.arh-history .arh-spec-label{display:inline-grid;place-items:center;height:22px;padding:0;border:1px solid var(--hx-line-2);border-radius:6px;background:rgba(255,255,255,.035);font-size:12px;font-weight:700;line-height:1;color:var(--hx-muted)}
.arh-history .arh-spec-body{display:grid;gap:2px;min-width:0}
.arh-history .arh-opponent-lines b{display:block;font-size:14px;font-weight:800;line-height:1.4;letter-spacing:-.02em;color:var(--hx-ink);overflow-wrap:anywhere}
.arh-history .arh-spec-meta{display:block;margin:0;font-size:12.5px;font-weight:500;line-height:1.45;color:var(--hx-ink-2);overflow-wrap:anywhere}
.arh-history .arh-spec-meta.arh-spec-none{color:var(--hx-faint)}
.arh-history .arh-spec-period{display:block;margin:1px 0 0;font:700 12px/1.45 var(--hx-num);letter-spacing:-.01em;color:var(--hx-faint);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.arh-history .arh-spec-more{justify-self:start;display:inline-flex;align-items:center;height:20px;margin-top:4px;padding:0 8px;border:1px solid var(--hx-line-2);border-radius:999px;font-size:12px;font-weight:600;color:var(--hx-muted)}

/* verdict column */
.hx-rec-verdict{grid-area:verdict;display:grid;align-content:start;gap:12px;min-width:0;padding:16px 18px}
.arh-history .arh-criteria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.hx-rec-verdict-foot{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;min-width:0;padding-top:12px;border-top:1px solid var(--hx-line)}

/* ---------- criterion cells (shared by list + report) ---------- */
.arh-criteria .arh-criterion{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:11px 12px;border:1px solid var(--hx-line-2);border-radius:12px;background:rgba(4,6,10,.42)}
.arh-criteria .arh-criterion--own{border-color:rgba(var(--hx-teal-rgb),.32);background:linear-gradient(180deg,rgba(var(--hx-teal-rgb),.12),rgba(4,6,10,.42) 78%)}
.arh-criteria .arh-criterion--opponent{border-color:rgba(var(--hx-pink-rgb),.32);background:linear-gradient(180deg,rgba(var(--hx-pink-rgb),.11),rgba(4,6,10,.42) 78%)}
.arh-criteria .arh-criterion--tie{border-color:rgba(var(--hx-draw-rgb),.34)}
.arh-criteria .arh-criterion--split{border-style:dashed;border-color:rgba(var(--hx-draw-rgb),.32)}
.arh-criteria .arh-criterion-head{display:grid;justify-content:normal;gap:3px;min-width:0}
.arh-criteria .arh-criterion-head>span{font-size:12px;font-weight:600;line-height:1.3;color:var(--hx-muted)}
.arh-criteria .arh-criterion-head>b{font-size:14px;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:#D3D9E4;white-space:nowrap}
.arh-criteria .arh-criterion--own .arh-criterion-head>b{color:#8FF5DE}
.arh-criteria .arh-criterion--opponent .arh-criterion-head>b{color:#FF9DC0}
.arh-criterion-tug{position:relative;display:flex;align-items:center;gap:6px;min-width:0}
.arh-tug-n{flex:none;min-width:9px;font:800 12px/1 var(--hx-num);text-align:center;font-variant-numeric:tabular-nums}
.arh-tug-n--own{color:var(--hx-teal)}
.arh-tug-n--opponent{color:#FF6F9F}
.arh-criteria .arh-vote-track{position:relative;flex:1;display:flex;gap:2px;height:6px;min-width:0;margin:0;border-radius:4px;overflow:hidden;background:rgba(255,255,255,.07)}
.arh-criteria .arh-vote-track>i{display:block;min-width:0;height:100%;border-radius:0}
.arh-criteria .arh-vote--own{background:linear-gradient(90deg,#1FBFA0,var(--hx-teal));box-shadow:0 0 10px rgba(var(--hx-teal-rgb),.5)}
.arh-criteria .arh-vote--opponent{background:linear-gradient(90deg,var(--hx-pink),#D9306E)}
.arh-criteria .arh-vote--tie{background:rgba(var(--hx-draw-rgb),.75)}
.arh-criteria .arh-criterion>.arh-criterion-note{margin:0;font-size:12px;line-height:1.3;color:var(--hx-faint);word-break:keep-all}
.arh-criteria .arh-criterion>.arh-criterion-note>span{white-space:nowrap}

/* ---------- judges: one token per judge, coloured by that judge's final pick ---------- */
.arh-final-votes{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;max-width:none;margin:0;font-size:12px;color:var(--hx-muted)}
.arh-final-votes>span.arh-final-caption{flex:none;width:auto;margin:0;font-size:12px;font-weight:700;line-height:1.2;color:var(--hx-muted);white-space:nowrap}
.arh-final-votes>.arh-final-caption b{font:800 12.5px/1 var(--hx-num);color:var(--hx-ink)}
.arh-judges{display:inline-flex;align-items:center;gap:4px;flex:none}
.arh-judge{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--hx-line-3);border-radius:8px;background:rgba(255,255,255,.04);font:800 12px/1 var(--hx-num);font-style:normal;color:var(--hx-muted)}
.arh-judge--win{border-color:rgba(var(--hx-teal-rgb),.75);background:linear-gradient(180deg,rgba(var(--hx-teal-rgb),.44),rgba(var(--hx-teal-rgb),.16));color:#EFFFFB;box-shadow:0 0 10px -2px rgba(var(--hx-teal-rgb),.75)}
.arh-judge--loss{border-color:rgba(var(--hx-pink-rgb),.72);background:linear-gradient(180deg,rgba(var(--hx-pink-rgb),.42),rgba(var(--hx-pink-rgb),.15));color:#FFF0F5}
.arh-judge--draw{border-color:rgba(var(--hx-draw-rgb),.72);background:rgba(var(--hx-draw-rgb),.3);color:#F2F4F8}
.arh-judge.is-dot{width:10px;height:10px;border-radius:50%}
.arh-judge--win.is-dot{background:var(--hx-teal);border-color:var(--hx-teal)}
.arh-judge--loss.is-dot{background:var(--hx-pink);border-color:var(--hx-pink)}
.arh-judge--draw.is-dot{background:var(--hx-draw);border-color:var(--hx-draw)}
.arh-final-votes--pending .arh-judge{border-style:dashed;border-color:rgba(var(--hx-gold-rgb),.5);background:transparent;color:rgba(var(--hx-gold-rgb),.8)}
.arh-final-votes--pending .arh-judge.is-in{border-style:solid;border-color:var(--hx-gold);background:linear-gradient(180deg,rgba(var(--hx-gold-rgb),.42),rgba(var(--hx-gold-rgb),.15));color:#FFF6DA;box-shadow:0 0 10px -2px rgba(var(--hx-gold-rgb),.75)}
.arh-final-split{display:inline-flex;align-items:baseline;gap:3px;flex:none;font:800 17px/1 var(--hx-num);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.arh-final-split>i{margin:0 1px;font-style:normal;color:var(--hx-faint)}
.arh-split-own{color:var(--hx-teal)}
.arh-split-opp{color:#FF6F9F}
.arh-split-side{display:none}
.arh-final-draw{flex:none;font-size:12px;font-weight:700;color:#C3CAD7;white-space:nowrap}

/* ---------- quote preview ---------- */
.arh-history .arh-reason-preview{--p-rgb:var(--hx-draw-rgb);display:grid;gap:4px;min-width:0;margin:0;padding:1px 0 1px 13px;border:0;border-left:2px solid rgba(var(--p-rgb),.7)}
.arh-history .arh-reason-preview--win{--p-rgb:var(--hx-teal-rgb)}
.arh-history .arh-reason-preview--loss{--p-rgb:var(--hx-pink-rgb)}
.arh-history .arh-reason-preview>.arh-reason-label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;line-height:1.3;color:var(--hx-faint);white-space:nowrap}
.arh-history .arh-reason-preview p{display:-webkit-box;margin:0;font-size:13px;line-height:1.6;color:var(--hx-ink-2);overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}

/* ---------- pending verdict: received count only ---------- */
.hx-rec-verdict--pending{align-content:center}
/* a withdrawn opponent: the name and the final votes only, no item grid above the votes */
.arh-history .hx-rec-opp.is-gone .hx-rec-opp-head{margin-bottom:0}
.hx-rec-verdict--gone .hx-rec-verdict-foot{padding-top:0;border-top:0}
.arh-record.is-gone .hx-rec-main{grid-template-areas:'rail opp verdict'}
/* desktop: one slim row. The rail keeps the result and the date; the points sit at the row's end; all centred */
@media(min-width:941px){
  .arh-record.is-gone .hx-rec-rail{display:contents}
  .arh-record.is-gone .hx-rec-rail-head{grid-area:rail;align-content:center;padding:16px 16px 16px 22px;border-right:1px solid rgba(var(--rec-rgb),.22);background:linear-gradient(180deg,rgba(var(--rec-rgb),.19) 0%,rgba(var(--rec-rgb),.07) 58%,rgba(var(--rec-rgb),.03) 100%)}
  .arh-record.is-gone .hx-rec-score{grid-area:verdict;align-self:center;justify-self:end;justify-items:end;gap:4px;padding:0 22px 0 0;border-top:0;text-align:right}
  .arh-record.is-gone .hx-rec-score-label{display:none}
  .arh-history .arh-record.is-gone .arh-score-range{justify-content:flex-end}
  .arh-record.is-gone .hx-rec-opp{display:grid;align-content:center}
  .arh-record.is-gone .hx-rec-verdict{align-content:center;padding-right:150px}
}
.hx-rec-progress{display:grid;gap:10px;padding:16px 18px;border:1px dashed rgba(var(--hx-gold-rgb),.35);border-radius:14px;background:rgba(var(--hx-gold-rgb),.04)}
/* the count goes under the five boxes when the card is too narrow for one line (phones under about 390 px) */
.hx-rec-progress .arh-final-votes{gap:8px 12px;flex-wrap:wrap;min-width:0}
.hx-rec-progress .arh-final-votes>.arh-final-caption{order:2;font-size:13px;color:var(--hx-ink-2)}
.hx-rec-progress .arh-final-votes>.arh-final-caption b{font-size:14px;color:var(--hx-gold)}
.hx-rec-progress .arh-judge{width:30px;height:30px;border-radius:9px;font-size:12px}

/* ---------- footer: inline notes + report link ---------- */
.hx-rec-main>.arh-record-footer{grid-area:foot;position:relative;display:block;min-width:0;min-height:46px;margin:0;padding:0 0 0 22px;border-top:1px solid var(--hx-line);background:rgba(4,6,10,.3)}
.arh-history .arh-record--pending .arh-record-footer{display:flex;justify-content:flex-end;padding:0}
.arh-history .arh-reasons{display:block;flex:none;min-width:0}
.arh-history .arh-reasons>summary{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:46px;padding:0 150px 0 0;list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--hx-ink-2)}
.arh-history .arh-reasons>summary::-webkit-details-marker{display:none}
.arh-history .arh-reasons-title b{margin:0 1px;font:800 13px/1 var(--hx-num);color:var(--hx-ink)}
.arh-history .arh-details-more{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--hx-muted);transition:color .18s}
.arh-history .arh-reasons>summary:hover .arh-details-more{color:var(--hx-ink)}
.arh-history .arh-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--hx-ease)}
.arh-history .arh-reasons[open] .arh-chevron{transform:rotate(180deg)}
.arh-history .arh-more-open,.arh-history .arh-reasons[open] .arh-more-closed{display:none}
.arh-history .arh-reasons[open] .arh-more-open{display:inline}
.arh-history .arh-reasons>ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:2px 16px 16px 0;list-style:none}
.arh-history .arh-reasons>ol>li{--p-rgb:var(--hx-draw-rgb);position:relative;min-width:0;margin:0;padding:12px 14px 13px 16px;border:1px solid var(--hx-line-2);border-radius:12px;background:rgba(4,6,10,.45);overflow:hidden}
.arh-history .arh-reasons>ol>li:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:0 2px 2px 0;background:rgb(var(--p-rgb));box-shadow:0 0 10px rgba(var(--p-rgb),.6)}
.arh-history .arh-reasons li.arh-reason-card--win{--p-rgb:var(--hx-teal-rgb)}
.arh-history .arh-reasons li.arh-reason-card--loss{--p-rgb:var(--hx-pink-rgb)}
.arh-history .arh-reasons li>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}
.arh-history .arh-reasons li>div>b{font-size:13px;font-weight:800;color:var(--hx-ink)}
.arh-history .arh-reasons li .arh-judge{width:22px;height:22px;border-radius:7px;font-size:12px}
.arh-history .arh-reason-choice{display:inline-flex;align-items:center;height:22px;padding:0 8px;border:1px solid rgba(var(--hx-draw-rgb),.4);border-radius:999px;background:rgba(var(--hx-draw-rgb),.12);font-size:12px;font-weight:700;color:#D3D9E4;white-space:nowrap}
.arh-history .arh-reason-choice--win{border-color:rgba(var(--hx-teal-rgb),.4);background:rgba(var(--hx-teal-rgb),.1);color:#8FF5DE}
.arh-history .arh-reason-choice--loss{border-color:rgba(var(--hx-pink-rgb),.42);background:rgba(var(--hx-pink-rgb),.11);color:#FFB3CC}
.arh-history .arh-reasons li>p{margin:9px 0 0;font-size:13px;line-height:1.7;color:var(--hx-ink-2);overflow-wrap:anywhere}
.arh-history .arh-reasons li>p.is-removed{color:var(--hx-muted)}
/* The pending matches: their own group under the decided ones. */
.arh-history .arh-group{display:flex;margin:14px 0 -2px 4px}
.arh-history .arh-group i{background:var(--hx-gold);box-shadow:0 0 8px var(--hx-gold)}
.arh-history .arh-detail-link{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 18px 0 16px;border-left:1px solid var(--hx-line);font-size:13px;font-weight:800;color:var(--hx-ink);text-decoration:none;white-space:nowrap;transition:color .18s,background-color .18s}
.arh-history .arh-record--pending .arh-detail-link{position:static}
.arh-history .arh-detail-link .arh-link-icon{width:15px;height:15px;fill:none;stroke:var(--rec);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--hx-ease)}
.arh-history .arh-detail-link:hover{color:#fff;background:rgba(var(--rec-rgb),.09)}
.arh-history .arh-detail-link:hover .arh-link-icon{transform:translateX(3px)}
.arh-history .arh-record a:focus-visible,.arh-history .arh-record summary:focus-visible{outline:2px solid var(--hx-teal);outline-offset:-3px;border-radius:10px}
/* 더 보기: the next 20 cards of the chosen filter */
.arh-history .arh-more{display:flex;justify-content:center;margin-top:16px}
html[data-theme=dark] .arh-history .arh-more .btn{min-width:200px}
@media(max-width:740px){html[data-theme=dark] .arh-history .arh-more .btn{width:100%}}

/* ---------- empty states ---------- */
.arh-history .arh-empty{position:relative;display:grid;justify-items:center;padding:44px 24px 40px;text-align:center;border:1px dashed rgba(255,255,255,.16);border-radius:var(--hx-r-lg);background:radial-gradient(60% 90% at 50% 0%,rgba(var(--hx-teal-rgb),.07),transparent 72%),rgba(4,6,10,.38)}
.arh-history .arh-empty>.arh-empty-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 0 16px;border:1px solid rgba(var(--hx-teal-rgb),.35);border-radius:14px;background:rgba(var(--hx-teal-rgb),.08);font-size:0;line-height:0}
.arh-history .arh-empty>.arh-empty-mark:before{content:'';width:12px;height:12px;border:2px solid var(--hx-teal);border-radius:2px;transform:rotate(45deg);box-shadow:0 0 10px rgba(var(--hx-teal-rgb),.55)}
.arh-history .arh-empty h2{margin:0 0 18px;font-size:19px;font-weight:800;line-height:1.4;letter-spacing:-.03em;color:var(--hx-ink)}
.arh-history .arh-empty p{max-width:380px;margin:8px auto 20px;font-size:14px;line-height:1.65;color:var(--hx-muted)}

/* ================================================================ match report ================================================================ */
.match-report{display:block}
html[data-theme=dark] .match-report-scoreboard{--o-rgb:var(--hx-draw-rgb);--o:#C3CAD7;--o-hi:#EEF1F6;--frame-rgb:var(--o-rgb);position:relative;display:block;padding:0;gap:0;border:1px solid rgba(var(--o-rgb),.32);border-radius:var(--hx-r-lg);background:var(--hx-panel-bg);box-shadow:var(--hx-panel-shadow),0 34px 80px -46px rgba(var(--o-rgb),.55);overflow:hidden}
html[data-theme=dark] .match-report-scoreboard[data-outcome="win"]{--o-rgb:var(--hx-teal-rgb);--o:var(--hx-teal);--o-hi:#B5FFEE;border-color:rgba(var(--hx-teal-rgb),.32)}
html[data-theme=dark] .match-report-scoreboard[data-outcome="loss"]{--o-rgb:var(--hx-pink-rgb);--o:#FF6F9F;--o-hi:#FFC0D6;border-color:rgba(var(--hx-pink-rgb),.32)}
html[data-theme=dark] .match-report-scoreboard[data-outcome="draw"]{border-color:rgba(var(--hx-draw-rgb),.34)}
html[data-theme=dark] .match-report-scoreboard[data-outcome="pending"]{--o-rgb:var(--hx-gold-rgb);--o:var(--hx-gold);--o-hi:#FFE3A0;border-style:dashed;border-color:rgba(var(--hx-gold-rgb),.42)}
html[data-theme=dark] .match-report-scoreboard:before{content:'';position:absolute;left:18px;right:18px;top:-1px;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);pointer-events:none}
.hx-rep-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(620px 360px at 10% 40%,rgba(var(--o-rgb),.22),transparent 66%),radial-gradient(520px 300px at 100% 0%,rgba(var(--o-rgb),.07),transparent 70%),linear-gradient(115deg,transparent 31%,rgba(var(--o-rgb),.05) 31.2%,transparent 47%)}
/* above .hx-rep-body: the opponent's name is a link whose 44 px tap area reaches a few px under this row */
.hx-rep-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:24px 36px 0}
.hx-rep-top .hx-label i{background:var(--o);box-shadow:0 0 8px var(--o)}
.hx-rep-vs{display:inline-flex;align-items:center;gap:9px;min-width:0;font-size:13.5px;font-weight:700;color:var(--hx-ink-2)}
.hx-rep-vs b{font-weight:800}
.hx-rep-vs .is-me{color:#8FF5DE}
.hx-rep-vs .is-opp{color:#FFA3C4}
.hx-rep-vs i{font:800 11px/1 var(--hx-num);font-style:normal;letter-spacing:.14em;color:var(--hx-faint)}
.hx-rep-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;padding:16px 0 32px}
html[data-theme=dark] .match-report-scoreboard .report-outcome{display:grid;align-content:center;gap:12px;min-width:0;padding:4px 28px 0 36px}
.hx-rep-word{display:block;justify-self:start;font:800 78px/.9 var(--hx-num);letter-spacing:.005em;background:linear-gradient(180deg,var(--o-hi) 0%,var(--o) 58%,rgba(var(--o-rgb),.7) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(var(--o-rgb),.42));animation:hx-rise .55s var(--hx-ease) both}
.hx-rep-result{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
html[data-theme=dark] .match-report-scoreboard .report-caption{display:block;margin:0;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:0;color:var(--hx-muted)}
html[data-theme=dark] .match-report-scoreboard .report-outcome h2{margin:0;font-size:26px;font-weight:900;line-height:1.15;letter-spacing:-.045em;color:var(--o-hi)}
html[data-theme=dark] .match-report-scoreboard .report-rating{display:grid;align-content:center;gap:10px;min-width:0;padding:4px 28px 0;border-left:1px solid var(--hx-line-2);border-top:0;font-variant-numeric:tabular-nums}
html[data-theme=dark] .match-report-scoreboard .report-rating>strong{display:flex;align-items:flex-end;margin:0;font:800 88px/.88 var(--hx-num);letter-spacing:-.06em;color:var(--hx-ink)}
html[data-theme=dark] .match-report-scoreboard .report-rating>strong.is-up{color:var(--hx-teal);text-shadow:0 0 40px rgba(var(--hx-teal-rgb),.35)}
html[data-theme=dark] .match-report-scoreboard .report-rating>strong.is-down{color:#FF6F9F;text-shadow:0 0 40px rgba(var(--hx-pink-rgb),.3)}
html[data-theme=dark] .match-report-scoreboard .report-rating>strong>small{margin:0 0 9px 6px;font:800 20px/1 'Noto Sans KR',sans-serif;letter-spacing:0;color:var(--hx-muted)}
html[data-theme=dark] .match-report-scoreboard .report-unsettled{font:800 32px/1.1 'Noto Sans KR',sans-serif;letter-spacing:-.04em;color:var(--o-hi)}
html[data-theme=dark] .match-report-scoreboard .report-rating-range{display:flex;align-items:center;gap:7px;margin:0;font:700 14px/1.3 var(--hx-num);color:var(--hx-muted)}
html[data-theme=dark] .match-report-scoreboard .report-rating-range b{color:var(--hx-ink)}
html[data-theme=dark] .match-report-scoreboard .report-final-votes{display:grid;align-content:center;gap:14px;min-width:0;padding:4px 36px 0 28px;border-left:1px solid var(--hx-line-2);border-top:0}
html[data-theme=dark] .match-report-scoreboard .report-final-votes>.report-caption{margin:0}
.match-report-scoreboard .arh-final-votes{display:grid;grid-template-columns:auto;justify-items:start;gap:14px}
.match-report-scoreboard .arh-final-votes:not(.arh-final-votes--pending)>.arh-final-caption{display:none}
.match-report-scoreboard .arh-final-votes--pending>.arh-final-caption{order:2;font-size:14px;color:var(--hx-ink-2)}
.match-report-scoreboard .arh-final-votes--pending>.arh-final-caption b{font-size:15px;color:var(--hx-gold)}
.match-report-scoreboard .arh-judges{gap:10px;padding-bottom:22px}
.match-report-scoreboard .arh-final-votes--pending .arh-judges{padding-bottom:0}
.match-report-scoreboard .arh-judge{position:relative;width:52px;height:52px;border-radius:15px;font-size:19px}
.match-report-scoreboard .arh-judge[data-pick]:after{content:attr(data-pick);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);font:700 12px/1 'Noto Sans KR',sans-serif;color:var(--hx-muted);white-space:nowrap}
.match-report-scoreboard .arh-final-split{gap:8px;font-size:28px}
.match-report-scoreboard .arh-split-side{display:inline;font:700 13px/1 'Noto Sans KR',sans-serif;letter-spacing:0;color:var(--hx-muted)}
.match-report-scoreboard .arh-final-draw{font-size:13px}

/* ---------- report panels ---------- */
html[data-theme=dark] .match-report .match-report-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:18px;align-items:start;margin-top:18px}
html[data-theme=dark] .match-report .match-report-panel{min-width:0;padding:24px 26px 22px;border:1px solid var(--hx-line-2);border-radius:var(--hx-r-lg);background:var(--hx-panel-bg);box-shadow:var(--hx-panel-shadow)}
html[data-theme=dark] .match-report .report-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 18px}
html[data-theme=dark] .match-report .report-panel-heading .report-caption{display:inline-flex;align-items:center;gap:8px;margin:0;font:700 11px/1.2 var(--hx-num);letter-spacing:.18em;text-transform:uppercase;color:var(--hx-faint)}
html[data-theme=dark] .match-report .report-panel-heading .report-caption:before{content:'';width:6px;height:6px;border-radius:1px;transform:rotate(45deg);background:var(--hx-teal);box-shadow:0 0 8px var(--hx-teal)}
html[data-theme=dark] .match-report .report-pending .report-panel-heading .report-caption:before{background:var(--hx-gold);box-shadow:0 0 8px var(--hx-gold)}
html[data-theme=dark] .match-report .report-panel-heading h2{margin:8px 0 0;font-size:20px;font-weight:900;line-height:1.3;letter-spacing:-.04em;color:var(--hx-ink)}
html[data-theme=dark] .match-report .report-panel-heading>span{display:inline-flex;align-items:center;flex:none;height:26px;padding:0 10px;border:1px solid var(--hx-line-2);border-radius:8px;background:rgba(255,255,255,.04);font-size:12px;font-weight:700;color:var(--hx-ink-2);white-space:nowrap}

/* round breakdown: tug-of-war rows */
.hx-rep-sides{display:flex;justify-content:space-between;gap:12px;margin:-4px 0 10px;font-size:12px;font-weight:800}
.hx-rep-sides span{display:inline-flex;align-items:center;gap:7px}
.hx-rep-sides span:first-child{color:#8FF5DE}
.hx-rep-sides span:last-child{color:#FFA3C4;flex-direction:row-reverse}
.hx-rep-sides span:before{content:'';width:14px;height:4px;border-radius:2px;background:var(--hx-teal);box-shadow:0 0 8px rgba(var(--hx-teal-rgb),.6)}
.hx-rep-sides span:last-child:before{background:var(--hx-pink);box-shadow:none}
.match-report .arh-criteria{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.match-report .arh-criteria .arh-criterion{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px 16px;border-radius:14px}
.match-report .arh-criteria .arh-criterion-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.match-report .arh-criteria .arh-criterion-head>span{font-size:15px;font-weight:800;letter-spacing:-.02em;color:var(--hx-ink)}
.match-report .arh-criteria .arh-criterion-head>b{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid var(--hx-line-2);border-radius:7px;background:rgba(255,255,255,.04);font-size:12px}
.match-report .arh-criteria .arh-criterion--own .arh-criterion-head>b{border-color:rgba(var(--hx-teal-rgb),.42);background:rgba(var(--hx-teal-rgb),.12)}
.match-report .arh-criteria .arh-criterion--opponent .arh-criterion-head>b{border-color:rgba(var(--hx-pink-rgb),.42);background:rgba(var(--hx-pink-rgb),.12)}
.match-report .arh-criteria .arh-criterion--split .arh-criterion-head>b{border-style:dashed}
.match-report .arh-criterion-tug{gap:12px}
.match-report .arh-criterion-tug:after{content:'';position:absolute;left:50%;top:50%;width:2px;height:20px;border-radius:2px;transform:translate(-50%,-50%);background:rgba(255,255,255,.6);box-shadow:0 0 0 2px rgba(11,13,18,.6);pointer-events:none}
.match-report .arh-tug-n{min-width:24px;font-size:20px}
.match-report .arh-criteria .arh-vote-track{height:12px;border-radius:7px}
.match-report .arh-criteria .arh-vote-track>i{animation:arh-grow-x .7s var(--hx-ease) both}
.match-report .arh-criteria .arh-criterion>.arh-criterion-note{font-size:12.5px;text-align:center}
@keyframes arh-grow-x{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:none}}

/* judges' notes */
html[data-theme=dark] .match-report .report-reasons{display:grid;gap:10px}
html[data-theme=dark] .match-report .report-reason{--p-rgb:var(--hx-draw-rgb);position:relative;margin:0;padding:15px 18px 16px 20px;border:1px solid var(--hx-line-2);border-radius:14px;background:rgba(4,6,10,.42);overflow:hidden}
html[data-theme=dark] .match-report .report-reason+.report-reason{margin-top:0;padding-top:15px;border-top:1px solid var(--hx-line-2)}
html[data-theme=dark] .match-report .report-reason[data-pick="win"]{--p-rgb:var(--hx-teal-rgb)}
html[data-theme=dark] .match-report .report-reason[data-pick="loss"]{--p-rgb:var(--hx-pink-rgb)}
html[data-theme=dark] .match-report .report-reason:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:rgb(var(--p-rgb));box-shadow:0 0 12px rgba(var(--p-rgb),.7)}
html[data-theme=dark] .match-report .hx-rep-note-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
html[data-theme=dark] .match-report .report-judge-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid rgba(var(--p-rgb),.6);border-radius:9px;background:linear-gradient(180deg,rgba(var(--p-rgb),.34),rgba(var(--p-rgb),.1));font:800 12px/1 var(--hx-num);color:#fff}
html[data-theme=dark] .match-report .report-reason strong{font-size:14px;font-weight:800;color:var(--hx-ink)}
html[data-theme=dark] .match-report .report-reason .pill{height:26px;font-size:12px;white-space:nowrap}
html[data-theme=dark] .match-report .report-reason .pill-red:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--hx-pink)}
html[data-theme=dark] .match-report .report-reason .pill:not(.pill-mint):not(.pill-red):not(.pill-violet):before{content:'';width:6px;height:6px;border-radius:50%;background:var(--hx-draw)}
html[data-theme=dark] .match-report .report-reason p{margin:10px 0 0;font-size:14px;line-height:1.75;color:var(--hx-ink-2);white-space:pre-line;overflow-wrap:anywhere}
/* a player's report on a judge's reason (11-09): top right of the card; a reason an operator deleted says so */
html[data-theme=dark] .match-report .report-reason.has-flag .hx-rep-note-head{padding-right:64px}
html[data-theme=dark] .match-report .hx-rep-flag{position:absolute;top:10px;right:8px}
html[data-theme=dark] .match-report .report-reason p.is-removed{color:var(--hx-muted);font-style:normal}

/* pending: three-step judge progress only */
html[data-theme=dark] .match-report .report-pending{grid-column:1/-1}
.hx-rep-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0;list-style:none}
.hx-rep-steps li{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 16px;border:1px dashed rgba(var(--hx-gold-rgb),.35);border-radius:14px;background:rgba(4,6,10,.38)}
.hx-rep-steps li.is-done{border-style:solid;border-color:rgba(var(--hx-gold-rgb),.6);background:linear-gradient(180deg,rgba(var(--hx-gold-rgb),.14),rgba(var(--hx-gold-rgb),.04))}
.hx-rep-step-no{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px dashed rgba(var(--hx-gold-rgb),.55);border-radius:11px;font:800 13px/1 var(--hx-num);color:rgba(var(--hx-gold-rgb),.85)}
.hx-rep-steps li.is-done .hx-rep-step-no{border:0;background:var(--hx-gold);color:#1A1200;box-shadow:0 0 16px rgba(var(--hx-gold-rgb),.5)}
.hx-rep-step-no .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hx-rep-step-text{display:grid;gap:3px;min-width:0}
.hx-rep-step-text b{font-size:14px;font-weight:800;color:var(--hx-ink)}
.hx-rep-step-text small{font-size:12px;font-weight:600;color:var(--hx-muted)}
.hx-rep-steps li.is-done .hx-rep-step-text small{color:#FFDD85}

/* ---------- historical profiles: 내 이력서 vs 상대 이력서 ---------- */
html[data-theme=dark] .match-report .match-report-profiles{margin-top:18px;border:1px solid var(--hx-line-2);border-radius:var(--hx-r-lg);background:var(--hx-panel-bg);box-shadow:var(--hx-panel-shadow);overflow:hidden}
html[data-theme=dark] .match-report .match-report-profiles>summary{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:14px 22px 14px 20px;list-style:none;cursor:pointer}
html[data-theme=dark] .match-report .match-report-profiles>summary>span{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;color:var(--hx-ink)}
html[data-theme=dark] .match-report .match-report-profiles>summary>span+span{flex:none;width:auto;padding:0;gap:10px;font-size:12.5px;font-weight:700;color:var(--hx-muted)}
html[data-theme=dark] .match-report .match-report-profiles>summary:hover>span+span{color:var(--hx-ink)}
.hx-rep-disclosure-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--hx-line-2);border-radius:12px;background:rgba(255,255,255,.03);color:var(--hx-teal)}
html[data-theme=dark] .match-report .match-report-profiles .hx-rep-disclosure-icon .icon{width:20px;height:20px;color:var(--hx-teal)}
html[data-theme=dark] .match-report .match-report-profiles>summary>span+span .icon{width:16px;height:16px;color:currentColor}
html[data-theme=dark] .match-report .match-report-profiles[open]>summary{border-bottom:1px solid var(--hx-line)}
html[data-theme=dark] .match-report .match-report-profiles>summary:focus-visible{outline:2px solid var(--hx-teal);outline-offset:-3px;border-radius:var(--hx-r-lg)}
html[data-theme=dark] .match-report .match-profile-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;margin:0;padding:20px}
.hx-rep-vs-badge{position:absolute;z-index:2;left:50%;top:34px;display:grid;place-items:center;width:42px;height:42px;transform:translateX(-50%) rotate(45deg);border:1px solid var(--hx-line-3);border-radius:11px;background:#0E1119;box-shadow:0 0 0 5px rgba(11,13,18,.9),0 10px 24px rgba(0,0,0,.5);font:800 12px/1 var(--hx-num);letter-spacing:.06em;color:var(--hx-ink);pointer-events:none}
.hx-rep-vs-badge{font-size:0}
.hx-rep-vs-badge:before{content:'VS';transform:rotate(-45deg);font:800 12px/1 var(--hx-num);letter-spacing:.06em;color:var(--hx-ink)}
html[data-theme=dark] .match-report .match-profile-card{--side-rgb:var(--hx-teal-rgb);--side-hi:#B5FFEE;position:relative;min-width:0;margin:0;padding:0;border:1px solid rgba(var(--side-rgb),.3);border-radius:16px;background:linear-gradient(180deg,rgba(var(--side-rgb),.07),transparent 170px),rgba(4,6,10,.42);box-shadow:none;overflow:hidden}
html[data-theme=dark] .match-report .match-profile-card[data-view-role="opponent"]{--side-rgb:var(--hx-pink-rgb);--side-hi:#FFC0D6}
html[data-theme=dark] .match-report .match-profile-card[data-winner="true"]{border-color:rgba(var(--side-rgb),.75);box-shadow:0 0 0 1px rgba(var(--side-rgb),.35),0 0 36px -8px rgba(var(--side-rgb),.6)}
html[data-theme=dark] .match-report .match-profile-card>.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:15px 18px;border-bottom:1px solid rgba(var(--side-rgb),.28);background:linear-gradient(90deg,rgba(var(--side-rgb),.22),rgba(var(--side-rgb),.05) 72%)}
html[data-theme=dark] .match-report .match-profile-card .match-player-heading{gap:12px}
html[data-theme=dark] .match-report .match-profile-card .match-player-mark{flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(var(--side-rgb),.55);border-radius:11px;background:rgba(var(--side-rgb),.15);color:var(--side-hi)}
html[data-theme=dark] .match-report .match-profile-card .match-player-mark>.icon{width:18px;height:18px}
.hx-rep-player{display:grid;gap:3px;min-width:0}
html[data-theme=dark] .match-report .match-profile-card .hx-rep-side-tag{font:800 11px/1.2 var(--hx-num);letter-spacing:.16em;color:var(--side-hi);opacity:.9}
html[data-theme=dark] .match-report .match-profile-card>.section-label h2{margin:0;font-size:19px;font-weight:900;line-height:1.25;letter-spacing:-.035em;color:var(--hx-ink)}
html[data-theme=dark] .match-report .match-profile-card>.section-label .pill{flex:none;height:26px;font-size:12px}
html[data-theme=dark] .match-report .match-profile-card>.section-label .pill-red:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--hx-pink)}
html[data-theme=dark] .match-report .match-profile-card .summary-list{margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
html[data-theme=dark] .match-report .match-profile-card .summary-item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;margin:0;padding:17px 18px;border:0;border-bottom:1px solid var(--hx-line);align-items:start}
html[data-theme=dark] .match-report .match-profile-card .summary-item:last-child{border-bottom:0}
html[data-theme=dark] .match-report .match-profile-card .summary-item>small{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;justify-self:stretch;width:auto;height:26px;padding:0 6px;border:1px solid var(--hx-line-2);border-radius:8px;background:rgba(255,255,255,.035);font:700 12px/1 'Noto Sans KR',sans-serif;color:var(--hx-ink-2);text-align:center}
.hx-rep-spec-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(var(--side-rgb),.18);font:800 12px/1 var(--hx-num);color:var(--side-hi)}
html[data-theme=dark] .match-report .match-profile-card .summary-item>div{grid-column:auto;grid-row:auto;min-width:0;font-size:14px;color:var(--hx-ink-2)}
html[data-theme=dark] .match-report .match-profile-card .summary-item.is-empty>div{font-size:13.5px;color:var(--hx-faint);padding-top:3px}
html[data-theme=dark] .match-report .match-profile-card .spec-timeline>.spec-entry>.spec-period{border-color:rgba(var(--side-rgb),.24);background:rgba(var(--side-rgb),.07);font:700 12px/1.5 var(--hx-num);letter-spacing:-.01em;color:var(--hx-ink-2)}
html[data-theme=dark] .match-report .match-profile-card .spec-timeline>.spec-entry>.spec-period>.spec-period-dot{border-color:rgba(var(--side-rgb),.6);background:rgba(var(--side-rgb),.35);box-shadow:0 0 0 3px rgba(var(--side-rgb),.08)}
html[data-theme=dark] .match-report .match-profile-card .spec-timeline>.spec-entry:not(:last-child):before{background:linear-gradient(rgba(var(--side-rgb),.35),rgba(255,255,255,.07))}
html[data-theme=dark] .match-report .match-profile-card .spec-timeline>.spec-entry>.spec-entry-heading{color:var(--hx-ink)}
html[data-theme=dark] .match-report .match-profile-card .spec-timeline>.spec-entry>.spec-entry-detail{color:var(--hx-muted)}
html[data-theme=dark] .match-report .match-profile-card .career-summary-detail>small,html[data-theme=dark] .match-report .match-profile-card .legacy-achievement-summary>small{font-size:12px}
html[data-theme=dark] .match-report .match-profile-card .career-result{border-left-color:rgba(var(--side-rgb),.3)}
html[data-theme=dark] .match-report .match-profile-card .career-result>.spec-period{font-size:12px;color:var(--hx-muted)}
html[data-theme=dark] .match-report .match-profile-card .career-result>.spec-period>.spec-period-dot{background:rgba(var(--side-rgb),.7)}
html[data-theme=dark] .match-report .match-profile-card .academic-status{font-size:12px}

/* ================================================================ responsive ================================================================ */
@media(max-width:1180px){
  .hx-rec-main{grid-template-columns:172px minmax(0,.9fr) minmax(0,1.5fr)}
  .hx-rec-opp{padding-left:18px;padding-right:18px}
  .hx-rec-verdict{padding-left:16px;padding-right:16px}
  .hx-rep-word{font-size:66px}
  html[data-theme=dark] .match-report-scoreboard .report-rating>strong{font-size:76px}
}
@media(max-width:980px){
  .hx-rep-body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);row-gap:24px}
  html[data-theme=dark] .match-report-scoreboard .report-final-votes{grid-column:1/-1;padding:22px 36px 0;border-left:0;border-top:1px solid var(--hx-line-2)}
  .match-report-scoreboard .arh-final-votes{grid-template-columns:auto auto auto;align-items:start;justify-content:start;column-gap:28px}
  .match-report-scoreboard .arh-final-split,.match-report-scoreboard .arh-final-draw{align-self:center;margin-top:-22px}
  .match-report-scoreboard .arh-final-votes--pending{align-items:center}
  html[data-theme=dark] .match-report .match-report-content{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:940px){
  .hx-rec-banner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hx-rec-banner-record{grid-column:1/-1;padding:22px 24px 22px 28px}
  .hx-rec-rate{border-left:0;border-top:1px solid var(--hx-line-2)}
  .hx-rec-pending{border-top:1px solid var(--hx-line-2)}
  .hx-rec-rate,.hx-rec-pending{padding:20px 24px 22px 28px}
  .hx-rec-main{grid-template-columns:minmax(0,1fr);grid-template-areas:'rail' 'opp' 'verdict' 'foot'}
  .arh-record.is-gone .hx-rec-main{grid-template-areas:'rail' 'opp' 'verdict'}
  .hx-rec-rail{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 20px 16px 22px;border-right:0;border-bottom:1px solid rgba(var(--rec-rgb),.22);background:linear-gradient(90deg,rgba(var(--rec-rgb),.2),rgba(var(--rec-rgb),.05) 78%)}
  .arh-record--pending .hx-rec-rail{border-right:0;border-bottom-style:dashed;background:repeating-linear-gradient(135deg,rgba(var(--hx-gold-rgb),.045) 0 10px,transparent 10px 20px),linear-gradient(90deg,rgba(var(--hx-gold-rgb),.13),rgba(var(--hx-gold-rgb),.03))}
  .hx-rec-rail-head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:3px;min-width:0}
  .arh-history .hx-rec-rail .arh-sequence{order:1}
  .arh-history .hx-rec-rail time{order:2;margin:0;white-space:nowrap}
  .arh-history .hx-rec-rail h2{order:3;flex-basis:100%;margin-top:4px}
  .hx-rec-score{flex:none;justify-items:end;padding:0;border:0;text-align:right}
  .hx-rec-score-label{display:none}
  .arh-history .arh-record--pending .hx-rec-score-label{display:block}
  .arh-history .arh-score-range{justify-content:flex-end}
  .hx-rec-opp{padding:16px 20px;border-right:0;border-bottom:1px solid var(--hx-line)}
  .hx-rec-opp-head{grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:10px;margin-bottom:12px}
  .arh-history .arh-opponent-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .hx-rec-verdict{padding:16px 20px}
  .hx-rec-main>.arh-record-footer{padding-left:20px}
}
@media(max-width:740px){
  .hx-rec-banner-record{padding:18px}
  .hx-rec-wld-item{gap:7px;padding:12px 12px 15px}
  .hx-rec-wld-item:after{left:12px;right:12px}
  .hx-rec-wld-item b{font-size:38px}
  .hx-rec-rate,.hx-rec-pending{gap:12px;padding:16px 18px 18px}
  .hx-rec-pending{border-left:1px solid var(--hx-line-2)}
  .hx-rec-ring{width:54px;height:54px}
  .hx-rec-stat{gap:5px}
  .hx-rec-stat>span{font-size:12.5px}
  .hx-rec-stat strong{font-size:34px}
  .hx-rec-stat strong small{font-size:14px}
  .arh-history .arh-list-toolbar{gap:12px;margin:16px 0 12px}
  .arh-history .arh-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:3px;padding:3px}
  .arh-history .arh-filters button{flex-direction:column;gap:6px;min-width:0;min-height:54px;padding:6px 2px;font-size:13px}
  .arh-history .arh-filters button>.arh-filter-label{gap:5px}
  .arh-history .arh-filters button>.arh-filter-label:before{width:6px;height:6px}
  .hx-rec-rail{padding:14px 16px 14px 19px}
  .arh-history .hx-rec-rail h2{font-size:26px}
  .arh-history .arh-score-delta{font-size:28px}
  .hx-rec-opp{padding:15px 16px 16px}
  .arh-history .hx-rec-opp-head h3{font-size:15px}
  .arh-history .arh-opponent-lines{grid-template-columns:minmax(0,1fr);gap:11px}
  .hx-rec-verdict{gap:12px;padding:14px 16px 16px}
  .arh-history .arh-criteria{gap:6px}
  .arh-criteria .arh-criterion{gap:7px;padding:10px 9px}
  .arh-criteria .arh-criterion-head>b{font-size:13px}
  .arh-tug-n{min-width:7px}
  .arh-criterion-tug{gap:4px}
  .hx-rec-verdict-foot{grid-template-columns:minmax(0,1fr);gap:12px}
  .hx-rec-main>.arh-record-footer{padding-left:16px}
  .arh-history .arh-reasons>ol{grid-template-columns:minmax(0,1fr)}
  .arh-history .arh-reasons>summary{gap:10px;min-height:48px;padding-right:132px}
  .arh-history .arh-reasons>ol{padding:2px 14px 14px 0}
  .arh-history .arh-detail-link{min-height:48px;padding:0 14px 0 14px}
  .hx-rec-progress{padding:14px 15px}
  .arh-history .arh-empty{padding:34px 18px 30px}
  .hx-rep-top{padding:20px 20px 0}
  .hx-rep-body{grid-template-columns:minmax(0,1fr);padding:10px 0 22px;row-gap:0}
  html[data-theme=dark] .match-report-scoreboard .report-outcome{grid-column:auto;gap:10px;padding:0 20px 18px}
  .hx-rep-word{font-size:52px}
  html[data-theme=dark] .match-report-scoreboard .report-outcome h2{font-size:22px}
  html[data-theme=dark] .match-report-scoreboard .report-caption{font-size:12.5px}
  html[data-theme=dark] .match-report-scoreboard .report-rating{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:14px;row-gap:8px;padding:16px 20px 18px;border-left:0;border-top:1px solid var(--hx-line-2)}
  html[data-theme=dark] .match-report-scoreboard .report-rating>.report-caption{flex-basis:100%}
  html[data-theme=dark] .match-report-scoreboard .report-rating>strong{font-size:56px}
  html[data-theme=dark] .match-report-scoreboard .report-rating>strong>small{font-size:16px;margin-bottom:6px}
  html[data-theme=dark] .match-report-scoreboard .report-unsettled{font-size:26px}
  html[data-theme=dark] .match-report-scoreboard .report-rating-range{font-size:13px}
  html[data-theme=dark] .match-report-scoreboard .report-final-votes{grid-column:auto;gap:12px;padding:16px 20px 0;border-left:0;border-top:1px solid var(--hx-line-2)}
  .match-report-scoreboard .arh-final-votes{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:24px;row-gap:6px}
  .match-report-scoreboard .arh-final-votes--pending{align-items:center}
  .match-report-scoreboard .arh-final-split{font-size:22px;gap:6px}
  .match-report-scoreboard .arh-final-split,.match-report-scoreboard .arh-final-draw{align-self:center;margin:0 0 20px}
  .match-report-scoreboard .arh-split-side{font-size:12px}
  .match-report-scoreboard .arh-judges{gap:16px;padding-bottom:20px}
  .match-report-scoreboard .arh-judge{width:40px;height:40px;border-radius:12px;font-size:15px}
  .match-report-scoreboard .arh-judge[data-pick]:after{top:calc(100% + 6px)}
  html[data-theme=dark] .match-report .match-report-panel{padding:20px 16px 18px}
  html[data-theme=dark] .match-report .report-panel-heading{flex-wrap:wrap;gap:10px;margin-bottom:16px}
  html[data-theme=dark] .match-report .report-panel-heading h2{font-size:18px}
  .match-report .arh-criteria .arh-criterion{padding:12px 13px}
  .match-report .arh-tug-n{font-size:18px;min-width:20px}
  html[data-theme=dark] .match-report .report-reason{padding:14px 14px 14px 17px}
  html[data-theme=dark] .match-report .report-reason p{font-size:13.5px}
  .hx-rep-steps{grid-template-columns:minmax(0,1fr);gap:8px}
  html[data-theme=dark] .match-report .match-report-profiles>summary{min-height:64px;padding:12px 16px}
  html[data-theme=dark] .match-report .match-profile-grid{grid-template-columns:minmax(0,1fr);gap:14px;padding:12px}
  .hx-rep-vs-badge{display:none}
  html[data-theme=dark] .match-report .match-profile-card>.section-label{padding:13px 14px}
  html[data-theme=dark] .match-report .match-profile-card .summary-item{grid-template-columns:minmax(0,1fr);gap:10px;padding:15px 14px}
  html[data-theme=dark] .match-report .match-profile-card .summary-item>small{justify-self:start;padding:0 9px}
}
/* Judges' notes: the tier chip and the pick are part of the head's one line on wide screens. Under 640 px the head has
   the same lines on every card, whatever the tier's length, so the five cards are equally tall: the name,
   then the tier chip and the pick. The 신고 flag's room is kept on the name line only. */
html[data-theme=dark] .match-report .hx-rep-note-tags{display:contents}
@media(max-width:639px){
  html[data-theme=dark] .match-report .report-reason.has-flag .hx-rep-note-head{padding-right:0}
  html[data-theme=dark] .match-report .hx-rep-note-tags{display:flex;flex-wrap:wrap;align-items:center;gap:9px;order:2;flex:0 0 100%;min-width:0}
}
/* Up to 374 px the longest tier and the pick do not fit side by side: the chip has its own line and the pick the next. */
@media(max-width:374px){
  html[data-theme=dark] .match-report .hx-rep-note-head{row-gap:0}
  html[data-theme=dark] .match-report .hx-rep-note-head>strong{flex:1 0 calc(100% - 39px)}
  html[data-theme=dark] .match-report .hx-rep-note-tags{display:contents}
  html[data-theme=dark] .match-report .hx-rep-note-head .hx-jchip{order:1;margin-top:9px}
  html[data-theme=dark] .match-report .hx-rep-note-head:after{content:'';order:2;flex:0 0 100%;height:0}
  html[data-theme=dark] .match-report .hx-rep-note-head .pill{order:3;margin-top:9px}
}
@media(max-width:480px){
  .hx-rec-rate,.hx-rec-pending{gap:10px;padding:16px 14px 17px 16px}
  .hx-rec-ring{width:46px;height:46px}
  .hx-rec-stat strong{font-size:30px}
  .arh-history .arh-filters button{font-size:12.5px}
}
@media(max-width:359px){
  .hx-rec-wld-item{padding:11px 10px 14px}
  .hx-rec-wld-item small{font-size:12px}
  .hx-rec-wld-item b{font-size:32px}
  .hx-rec-banner{grid-template-columns:minmax(0,1fr)}
  .hx-rec-pending{border-left:0}
  .hx-rec-rate,.hx-rec-pending{gap:14px;padding:14px 16px}
  .hx-rec-ring{width:44px;height:44px}
  .hx-rec-pending .hx-rec-beacon{margin:0 15px}
  .hx-rec-stat strong{font-size:28px}
  .arh-history .arh-filters button{font-size:12px;min-height:52px}
  .arh-history .arh-filters button>.arh-filter-label:before{display:none}
  .arh-history .arh-criteria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arh-history .arh-reasons>summary{gap:8px;padding-right:120px}
  .arh-history .hx-rec-rail h2{font-size:24px}
  .arh-history .arh-score-delta{font-size:26px}
  .hx-rep-word{font-size:44px}
  html[data-theme=dark] .match-report-scoreboard .report-rating>strong{font-size:50px}
  .match-report-scoreboard .arh-judges{gap:14px}
}
@media(pointer:coarse) and (min-width:741px){
  .arh-history .arh-reasons>summary,.arh-history .arh-detail-link{min-height:48px}
}
@media(prefers-reduced-motion:reduce){
  .arh-history .arh-filters button,.arh-history .arh-record,.arh-history .arh-detail-link,.arh-history .arh-detail-link .arh-link-icon,.arh-history .arh-chevron,.arh-history .arh-details-more{transition:none}
  .match-report .arh-criteria .arh-vote-track>i{animation:none}
}

/* ---------- match report (11-06): each judge's four round picks ---------- */
.hx-rep-pick-key{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:12px;font-weight:600;color:var(--hx-muted)}
.hx-rep-pick-key li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.hx-rep-picks{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 0;padding:0;list-style:none}
.hx-rep-picks li{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 9px;border-radius:8px;border:1px solid var(--hx-line-2);background:rgba(255,255,255,.025);font-size:12.5px;font-weight:700;color:var(--hx-ink-2);white-space:nowrap}
.hx-rep-picks li[data-pick="own"]{border-color:rgba(var(--hx-teal-rgb),.36);background:rgba(var(--hx-teal-rgb),.07)}
.hx-rep-picks li[data-pick="opponent"]{border-color:rgba(var(--hx-pink-rgb),.36);background:rgba(var(--hx-pink-rgb),.07)}
/* a side pick carries its strength: 확실히 fills the chip in the side's colour, 조금 keeps the tint above */
.hx-rep-picks li[data-pick="own"][data-margin="2"]{border-color:var(--hx-teal);background:var(--hx-teal);color:#04130F}
.hx-rep-picks li[data-pick="opponent"][data-margin="2"]{border-color:var(--hx-pink);background:var(--hx-pink);color:#2A0613}
.hx-rep-picks li i,.hx-rep-pick-key li i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--hx-faint)}
.hx-rep-picks li[data-pick="own"] i,.hx-rep-pick-key li[data-pick="own"] i{background:var(--hx-teal);box-shadow:0 0 7px rgba(var(--hx-teal-rgb),.7)}
.hx-rep-picks li[data-pick="opponent"] i,.hx-rep-pick-key li[data-pick="opponent"] i{background:var(--hx-pink);box-shadow:0 0 7px rgba(var(--hx-pink-rgb),.7)}
.hx-rep-picks li:is([data-pick="own"],[data-pick="opponent"])[data-margin="2"] i{background:currentColor;box-shadow:none}
.hx-rep-picks li[data-pick="tie"] i,.hx-rep-pick-key li[data-pick="tie"] i{width:10px;height:3px;border-radius:2px;background:rgb(var(--hx-draw-rgb))}
/* 매치 기록: the same picks under each 판정 이유 */
.arh-history .arh-reasons .hx-rep-picks{margin:9px 0 0}

/* ---------- match report (11-06): on a phone the resumes compare one category at a time ---------- */
.hx-cmp{display:none}
@media(max-width:740px){
  html[data-theme=dark] .match-report .match-profile-grid{display:none}
  .hx-cmp{display:grid;gap:16px;padding:14px 12px 12px}
  .hx-cmp-row{display:grid;gap:8px;min-width:0}
  #app .hx-cmp-label{display:flex;align-items:center;gap:10px;margin:0 2px;font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--hx-ink)}
  #app .hx-cmp-label:after{content:'';flex:1;height:1px;background:var(--hx-line-2)}
  html[data-theme=dark] .match-report .hx-cmp-cell{--side-rgb:var(--hx-teal-rgb);--side-hi:#B5FFEE;position:relative;min-width:0;padding:12px 14px 13px 16px;border-radius:12px;border:1px solid rgba(var(--side-rgb),.24);background:linear-gradient(90deg,rgba(var(--side-rgb),.07),transparent 60%),rgba(4,6,10,.42)}
  html[data-theme=dark] .match-report .hx-cmp-cell[data-view-role="opponent"]{--side-rgb:var(--hx-pink-rgb);--side-hi:#FFC0D6}
  html[data-theme=dark] .match-report .hx-cmp-cell[data-winner="true"]{border-color:rgba(var(--side-rgb),.6)}
  .hx-cmp-cell:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:rgb(var(--side-rgb))}
  .hx-cmp-who{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:12px;font-weight:800;color:var(--side-hi)}
  .hx-cmp-who b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:rgba(var(--side-rgb),.18);font:800 11.5px/1 var(--hx-num);color:var(--side-hi)}
  .hx-cmp-body{min-width:0;font-size:14px;color:var(--hx-ink-2)}
  .hx-cmp-cell.is-empty .hx-cmp-body{font-size:13px;color:var(--hx-faint)}
  html[data-theme=dark] .match-report .hx-cmp-cell .spec-timeline>.spec-entry>.spec-period{border-color:rgba(var(--side-rgb),.24);background:rgba(var(--side-rgb),.07);font:700 12px/1.5 var(--hx-num);letter-spacing:-.01em;color:var(--hx-ink-2)}
  html[data-theme=dark] .match-report .hx-cmp-cell .spec-timeline>.spec-entry>.spec-period>.spec-period-dot{border-color:rgba(var(--side-rgb),.6);background:rgba(var(--side-rgb),.35);box-shadow:0 0 0 3px rgba(var(--side-rgb),.08)}
  html[data-theme=dark] .match-report .hx-cmp-cell .spec-timeline>.spec-entry:not(:last-child):before{background:linear-gradient(rgba(var(--side-rgb),.35),rgba(255,255,255,.07))}
  html[data-theme=dark] .match-report .hx-cmp-cell .spec-timeline>.spec-entry>.spec-entry-heading{color:var(--hx-ink)}
  html[data-theme=dark] .match-report .hx-cmp-cell .spec-timeline>.spec-entry>.spec-entry-detail{color:var(--hx-muted)}
  html[data-theme=dark] .match-report .hx-cmp-cell .career-result{border-left-color:rgba(var(--side-rgb),.3)}
  html[data-theme=dark] .match-report .hx-cmp-cell .career-result>.spec-period{font-size:12px;color:var(--hx-muted)}
  html[data-theme=dark] .match-report .hx-cmp-cell .career-result>.spec-period>.spec-period-dot{background:rgba(var(--side-rgb),.7)}
  html[data-theme=dark] .match-report .hx-cmp-cell .academic-status{font-size:12px}
}

/* ---------- a round empty on both resumes (skipped on the judge screen, stored as a tie) reads 둘 다 없음 ---------- */
.arh-criteria .arh-criterion--none{border-style:dashed;border-color:var(--hx-line-2)}
.arh-criteria .arh-criterion--none .arh-criterion-head>b,.arh-criteria .arh-criterion--none .arh-tug-n{color:var(--hx-faint)}
.arh-criteria .arh-criterion--none .arh-vote-track{background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 6px,transparent 6px 11px)}
.match-report .arh-criteria .arh-criterion--none .arh-criterion-head>b{border-style:dashed}
.hx-rep-picks li[data-pick="none"]{border-style:dashed;background:none;color:var(--hx-faint)}
.hx-rep-picks li[data-pick="none"] i,.hx-rep-pick-key li[data-pick="none"] i{width:8px;height:2px;border-radius:1px;background:var(--hx-faint);box-shadow:none}