/* UI.8 — a single vertical podium at every viewport. Scope: hall cards only. */
.hall-world .hall-runners{grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.hall-world .hall-channel{display:block;box-sizing:border-box;text-align:left;min-height:44px}
.hall-world .hall-hero{padding:18px 20px 20px}
.hall-world .hall-runner{padding:14px 18px 16px}
.hall-world .hall-channel .hall-current-rank{display:block;width:100%;margin:0 0 13px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:center;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.12em}
.hall-world .hall-hero .hall-current-rank{font-size:14px;letter-spacing:.16em;font-weight:650;margin-bottom:16px}
.hall-world .hall-channel .hall-identity{display:flex;align-items:center;gap:11px}
.hall-world .hall-channel .hall-identity-text{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:0}
.hall-world .hall-channel .online59-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:11px;margin:0!important}
.hall-world .hall-channel .online59-avatar svg{width:23px;height:23px}
.hall-world .hall-hero .online59-avatar{width:44px;height:44px;flex-basis:44px;border-radius:13px}
.hall-world .hall-channel .hall-name{font-size:17px;line-height:1.5;font-weight:600;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}
.hall-world .hall-hero .hall-name{font-size:22px;font-weight:650}
.hall-world .hall-channel .hall-featured{margin:11px 0 0;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--hall-color) 14%,transparent)}
.hall-world .hall-hero .hall-featured{margin-top:13px}
.hall-world .hall-channel .hall-video-title{font-size:15px;line-height:1.6;font-weight:500;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.hall-world .hall-hero .hall-video-title{font-size:16px}
.hall-world .hall-channel .hall-video-views{margin-top:7px;gap:3px 7px}
.hall-world .hall-channel .hall-video-views strong,.hall-world .hall-channel .hall-stat strong{font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.hall-world .hall-hero .hall-video-views strong,.hall-world .hall-hero .hall-stat strong{font-size:27px;font-weight:650}
.hall-world .hall-channel .hall-video-views small,.hall-world .hall-channel .hall-stat small,.hall-world .hall-featured>small{font-size:13px;line-height:1.6}
.hall-world .hall-channel .hall-stat{margin:10px 0 0 47px;gap:4px 7px;flex-wrap:wrap}
.hall-world .hall-hero .hall-stat{margin-left:55px}
/* Second: one quiet edge glint. Third: plain static material, same tier hue. */
.hall-world .hall-runner[data-rank='2']{border-color:color-mix(in srgb,var(--hall-color) 33%,#282b35);box-shadow:0 5px 14px #0003,inset 0 1px color-mix(in srgb,var(--hall-color) 15%,transparent)}
.hall-world .hall-runner[data-rank='3']{border-color:color-mix(in srgb,var(--hall-color) 19%,#282b35);background:linear-gradient(115deg,color-mix(in srgb,var(--hall-color) 5%,#13151d),#11131b);box-shadow:0 2px 8px #0002}
.hall-world .hall-runner[data-rank='3']::after{opacity:.35}
/* Retain the tier-specific hero architecture and the UI.6 edge-only light lifecycle. */
@media(min-width:900px){.hall-world .hall-hero{padding:20px 25px 23px}.hall-world .hall-runner{padding:15px 23px 18px}.hall-world .hall-hero .hall-name{font-size:24px}.hall-world .hall-runner .hall-name{font-size:18px}}
@media(max-width:374px){.hall-world .hall-hero{padding:17px 15px 18px}.hall-world .hall-runner{padding:13px 14px 15px}.hall-world .hall-channel .hall-identity{gap:9px}.hall-world .hall-channel .hall-stat{margin-left:0}.hall-world .hall-hero .hall-name{font-size:21px}}