/* RC1 UI.3. Static architectural decoration only; no animations or blur filters.
   Tier controls the stage; equipped titles retain their own --tier-color. */
.hall-world .hall-channel{isolation:isolate;transition:none}
.hall-world .hall-channel>*{position:relative;z-index:2}
.hall-world .hall-channel::before,.hall-world .hall-channel::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;border:0;box-shadow:none;transform:none;border-radius:inherit;background:none;opacity:1;width:auto;height:auto}
/* Natural height: the longest card defines its row; no empty title/visit slots. */
.hall-world .hall-runners{gap:10px;align-items:stretch;margin-top:10px}
.hall-world .hall-runner{min-height:44px;padding:14px 12px 15px;justify-content:flex-start;border-radius:12px;box-shadow:0 5px 18px #0002}
.hall-runner .hall-place{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;line-height:18px;letter-spacing:.16em}
.hall-accent{width:4px;height:4px;border-radius:50%;flex-shrink:0}
.hall-world .hall-runner .hall-name{font-size:18px;line-height:1.45;margin:7px 0 0!important;font-weight:650;white-space:normal;overflow-wrap:anywhere}
.hall-world .hall-runner .online59-title{font-size:13px;line-height:1.5;margin:9px 0 0;padding:4px 7px;white-space:normal;max-width:100%;align-self:center}
/* Silver: brushed horizontal metal, light from the upper left. */
.hall-tier-silver .hall-channel{border-color:#a9b4c06b;background:linear-gradient(145deg,#27303a66,#111317 58%),var(--bg)}
.hall-tier-silver .hall-channel::before{background:repeating-linear-gradient(0deg,#d6e1ee07 0 1px,transparent 1px 5px),linear-gradient(120deg,#edf5ff12,transparent 43%);opacity:.65}
.hall-tier-silver .hall-hero::after{inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,#eff7ff,transparent)}
/* Gold: offset jeweller's corners and a controlled diagonal foil reflection. */
.hall-tier-gold .hall-channel{border-radius:16px 4px 16px 4px;border-color:#f0c96680;background:linear-gradient(125deg,#6e512d65,transparent 45%),linear-gradient(160deg,#211d16,#101011)}
.hall-tier-gold .hall-channel::before{inset:6px;border-radius:10px 1px 10px 1px;background:linear-gradient(#f0c96666,#f0c96666) left top/22px 1px no-repeat,linear-gradient(#f0c96666,#f0c96666) left top/1px 22px no-repeat,linear-gradient(#f0c9664d,#f0c9664d) right bottom/22px 1px no-repeat,linear-gradient(#f0c9664d,#f0c9664d) right bottom/1px 22px no-repeat}
.hall-tier-gold .hall-hero::after{background:linear-gradient(115deg,transparent 13%,#fff3c90c 27%,transparent 41%)}
/* Platinum: woven horizontal facets, broad shallow shoulder. */
.hall-tier-platinum .hall-channel{border-radius:22px 22px 5px 5px;border-color:#70d7cf78;background:linear-gradient(180deg,#23444085,#101819 54%,#101113)}
.hall-tier-platinum .hall-channel::before{background:repeating-linear-gradient(155deg,transparent 0 24px,#70d7cf09 25px 26px,transparent 27px 49px);opacity:.7}
.hall-tier-platinum .hall-hero::after{inset:7px 12px auto;height:4px;border-top:1px solid #a2e8e28c;border-bottom:1px solid #70d7cf24;border-radius:100%}
/* Diamond: opposing cut corners, quiet prism planes, a fine angular inset. */
.hall-tier-diamond .hall-channel{border-radius:3px 25px 3px 25px;border-color:#80b7ff8c;background:conic-gradient(from 230deg at 50% 0%,#101624,#263a5c80 75deg,#111722 145deg,#1b2b4880 230deg,#101624 360deg)}
.hall-tier-diamond .hall-channel::before{inset:6px;border:1px solid #80b7ff24;border-radius:1px 20px 1px 20px}
.hall-tier-diamond .hall-hero::after{background:linear-gradient(34deg,transparent 49.6%,#cce3ff15 50%,transparent 50.4%) top left/40% 100% no-repeat,linear-gradient(-34deg,transparent 49.6%,#cce3ff15 50%,transparent 50.4%) top right/40% 100% no-repeat}
/* Master: vaulted portal. Arc lines distinguish it from a colour-swapped card. */
.hall-tier-master .hall-channel{border-radius:40px 40px 8px 8px;border-color:#c29af587;background:radial-gradient(ellipse at 50% -15%,#55377399,transparent 70%),linear-gradient(180deg,#20172d,#111015)}
.hall-tier-master .hall-channel::before{inset:8px;border:1px solid #c29af526;border-radius:34px 34px 3px 3px}
.hall-tier-master .hall-hero::after{background:radial-gradient(ellipse 110px 125px at 50% 0%,transparent 79%,#dcc5ff36 80% 80.5%,transparent 81%),radial-gradient(ellipse 137px 150px at 50% 0%,transparent 80%,#c29af51c 81% 81.5%,transparent 82%)}
/* Legend: a heraldic, upright frame; narrow warm rays come from the two sides. */
.hall-tier-legend .hall-channel{border-radius:5px 5px 22px 22px;border-color:#ffac7994;background:linear-gradient(105deg,#733d2545,transparent 28% 72%,#733d2545),linear-gradient(180deg,#302017,#130f10)}
.hall-tier-legend .hall-channel::before{inset:7px;border-left:1px solid #ffac7942;border-right:1px solid #ffac7942;border-radius:1px 1px 15px 15px}
.hall-tier-legend .hall-hero::after{background:linear-gradient(71deg,transparent 45%,#ffcc9f22 46%,transparent 48%) left/18% 100% no-repeat,linear-gradient(-71deg,transparent 45%,#ffcc9f22 46%,transparent 48%) right/18% 100% no-repeat,linear-gradient(90deg,transparent,#ffcf9d,transparent) top/66% 1px no-repeat}
/* World: a celestial globe canopy and four quiet star points, exclusive to World.
   The medallion sits above the text; an opaque central scrim preserves contrast. */
.hall-tier-world .hall-channel{border-radius:28px 28px 12px 12px;border-color:#ffe294ad;background:radial-gradient(ellipse at 50% 0%,#65512d8c,transparent 65%),linear-gradient(180deg,#211f20,#111015 58%,#201b13);box-shadow:0 15px 35px #0005,inset 0 1px 0 #ffe29452}
.hall-tier-world .hall-channel::before{inset:7px;border-radius:22px 22px 6px 6px;background:linear-gradient(#ffe294a8,#ffe294a8) left top/17px 1px no-repeat,linear-gradient(#ffe294a8,#ffe294a8) left top/1px 17px no-repeat,linear-gradient(#ffe294a8,#ffe294a8) right top/17px 1px no-repeat,linear-gradient(#ffe294a8,#ffe294a8) right top/1px 17px no-repeat,linear-gradient(#ffe29463,#ffe29463) left bottom/17px 1px no-repeat,linear-gradient(#ffe29463,#ffe29463) right bottom/17px 1px no-repeat}
.hall-tier-world .hall-hero::after{background:radial-gradient(ellipse 64px 29px at 50% 73px,transparent 94%,#ffe29477 95% 96%,transparent 97%),radial-gradient(ellipse 24px 29px at 50% 73px,transparent 94%,#ffe29438 95% 96%,transparent 97%),radial-gradient(ellipse 64px 11px at 50% 73px,transparent 94%,#ffe29438 95% 96%,transparent 97%),radial-gradient(circle at 14% 24%,#fff0be 0 1px,transparent 2px),radial-gradient(circle at 86% 24%,#fff0be 0 1px,transparent 2px),radial-gradient(circle at 20% 86%,#ffe29466 0 1px,transparent 2px),radial-gradient(circle at 80% 86%,#ffe29466 0 1px,transparent 2px)}
/* Restrained runners share the tier's shape/material, not the hero's full ornament. */
.hall-world .hall-runner::before{opacity:.6}.hall-world .hall-runner::after{display:none}
.hall-tier-master .hall-runner{border-radius:20px 20px 6px 6px}.hall-tier-world .hall-runner{border-radius:18px 18px 8px 8px;box-shadow:0 5px 18px #0003}
.hall-world .hall-hero .hall-name,.hall-world .hall-hero .hall-subs{border-radius:5px;background:linear-gradient(90deg,transparent,#10101438 20% 80%,transparent)}
@media(max-width:374px){.hall-world .hall-runner{padding:13px 10px 14px}.hall-world .hall-runner .hall-name{font-size:17px}.hall-world .hall-runners{gap:8px}}
@media(min-width:900px){.hall-world .hall-runners{gap:14px}.hall-world .hall-runner{padding:17px 16px 18px}.hall-world .hall-runner .hall-name{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hall-world .hall-channel{transition:none}}