/* Archive presentation: preserve the established ranking card/stat/badge layout. */
@media(max-width:600px){
  .hall-intro{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:12px 0;padding:12px 14px}
  .hall-intro>div{min-width:0}
  .hall-intro .eyebrow,.hall-intro p{display:none}
  .hall-intro h2{font-size:18px;line-height:1.4;margin:0;white-space:nowrap}
  .hall-intro>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .hall-intro .hall-muted{font-size:10px;line-height:1.4;white-space:nowrap}
  .hall-intro .honor-score{flex-shrink:0;gap:4px;margin:0}
  .hall-intro .honor-score strong{font-size:24px;line-height:1.2}
  .hall-intro .honor-score>span{font-size:10px}
}
.hall-field-help{display:flex;align-items:center;margin:8px 0 20px;min-height:32px}
.hall-field-help>.text-button{margin:0;padding:6px 0;font-size:12px;line-height:1.5;white-space:nowrap}
.hall-card:is(.hall-rank-gold,.hall-rank-purple){--rank-edge:#bd8d30;--rank-ink:#82550f;--rank-glint:#ffe7a3;--rank-halo:#c595352c;border:1px solid var(--rank-edge);background:radial-gradient(ellipse at 0 0,#fff2c6,transparent 65%),linear-gradient(135deg,#faf2dc,#e7d19b);box-shadow:inset 0 0 0 3px #fff3cb, inset 0 0 0 4px #c5985366,0 6px 20px var(--rank-halo)}
.hall-card.hall-rank-purple{--rank-edge:#9871c4;--rank-ink:#674293;--rank-glint:#ecd8ff;--rank-halo:#895dbd24;background:radial-gradient(ellipse at 0 0,#f6eaff,transparent 65%),linear-gradient(135deg,#f2edf9,#ddd0ef);box-shadow:inset 0 0 0 3px #f6edff,inset 0 0 0 4px #9d7ac466,0 6px 20px var(--rank-halo)}
.hall-card:is(.hall-rank-gold,.hall-rank-purple):before{content:"";position:absolute;inset:7px;pointer-events:none;background:linear-gradient(var(--rank-edge),var(--rank-edge)) left top/23px 2px no-repeat,linear-gradient(var(--rank-edge),var(--rank-edge)) left top/2px 23px no-repeat,linear-gradient(var(--rank-edge),var(--rank-edge)) right bottom/23px 2px no-repeat,linear-gradient(var(--rank-edge),var(--rank-edge)) right bottom/2px 23px no-repeat}
.hall-card:is(.hall-rank-gold,.hall-rank-purple):after{content:"◆ 金榜 ◆";position:absolute;right:13px;top:5px;pointer-events:none;color:var(--rank-ink);font:600 9px/1.2 'Noto Serif KR',serif;letter-spacing:2px}
.hall-card.hall-rank-purple:after{content:"◆ 紫綬 ◆"}
.hall-card:is(.hall-rank-gold,.hall-rank-purple) .hall-rank{color:var(--rank-ink);text-shadow:0 1px 0 var(--rank-glint),0 0 12px var(--rank-glint);border-block:1px solid var(--rank-edge);text-align:center;background:linear-gradient(120deg,transparent,var(--rank-glint),transparent);border-radius:4px}
.hall-card:is(.hall-rank-gold,.hall-rank-purple) .hall-face{border-color:var(--rank-edge);box-shadow:0 0 0 2px var(--rank-glint),0 0 0 3px var(--rank-edge),0 4px 10px var(--rank-halo)}
.hall-card:is(.hall-rank-gold,.hall-rank-purple) h3{color:var(--rank-ink)}
.hall-card:is(.hall-rank-gold,.hall-rank-purple) .hall-card-score{color:var(--rank-ink);border-color:var(--rank-edge);background:linear-gradient(110deg,var(--rank-glint),transparent);box-shadow:inset 0 0 0 2px #ffffff40}
.hall-card:is(.hall-rank-gold,.hall-rank-purple) .hall-stat-row i b{background:linear-gradient(90deg,var(--rank-edge),var(--rank-ink))}
:root[data-color-mode="dark"] .hall-card.hall-rank-gold{--rank-ink:#ffe3a0;--rank-glint:#85611d70;--rank-edge:#d2a652;background:radial-gradient(ellipse at 0 0,#69512570,transparent 65%),linear-gradient(135deg,#322d21,#24281f);box-shadow:inset 0 0 0 3px #302b1d,inset 0 0 0 4px #bf9a5055,0 6px 24px #d4a94825}
:root[data-color-mode="dark"] .hall-card.hall-rank-purple{--rank-ink:#e6c7ff;--rank-glint:#74518f60;--rank-edge:#ae83dc;background:radial-gradient(ellipse at 0 0,#714b8c65,transparent 65%),linear-gradient(135deg,#30293c,#22232d);box-shadow:inset 0 0 0 3px #30263c,inset 0 0 0 4px #a17cba55,0 6px 24px #9c69c725}
:root[data-color-mode="dark"] .hall-card:is(.hall-rank-gold,.hall-rank-purple) :is(h3,.hall-card-score,.hall-rank){color:var(--rank-ink)}
.hall-repair{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:10px 0 16px}.hall-repair p{margin:0;font-size:12px;line-height:1.5}.hall-repair p:empty{display:none}.hall-repair button{min-height:38px;padding:8px 14px;font-size:13px}
.hall-card .hall-card-top .hall-rank{flex:0 0 auto;inline-size:max-content;min-inline-size:2ch;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.25}
.hall-card .hall-card-top .hall-face{flex-shrink:0}