@font-face{font-family:D-DIN-Bold;src:url('../fonts/D-DIN-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#0a0707;color:#f8eddc;font-family:Arial,"Microsoft YaHei",sans-serif}body{overflow:hidden}.page{height:100vh;height:100dvh;min-height:700px;position:relative;isolation:isolate;display:grid;grid-template-rows:clamp(90px,13vh,150px) 38px clamp(180px,24vh,260px) minmax(0,1fr) 46px;gap:12px;padding:12px clamp(20px,4vw,90px) 12px}.arena-background{position:fixed;inset:0;z-index:-2;background:#0c0906 url('../img/arena-background.png') center/cover no-repeat}.arena-background:after{content:"";position:absolute;inset:0;background:linear-gradient(#0001,#0002 35%,#0007)}.masthead{display:flex;justify-content:center;align-items:center;min-height:0}.arena-logo{height:100%;max-width:80%;object-fit:contain;filter:drop-shadow(0 0 12px #ffbd5344)}
.tabs{display:flex;width:300px;justify-self:center;border:1px solid #a98048;border-radius:30px;overflow:hidden;background:#0c0908df;z-index:5}.tabs button{flex:1;border:0;border-radius:24px;color:#d8c4a1;background:transparent;font-size:17px;cursor:pointer}.tabs button[aria-selected=true]{color:#352310;background:linear-gradient(120deg,#ffe8bb,#bc8a45);font-weight:700}button:focus-visible{outline:2px solid #fff1cb;outline-offset:-4px}
.podiums{position:relative;align-self:stretch;justify-self:center;width:min(680px,78vw);pointer-events:none}.podium{position:absolute;bottom:0;top:0;width:30%;--avatar:62px;--at:35px;--panel:61px;--rank:104px;--name:142px;--tone:#c9bce8}.podium.second{left:0}.podium.first{left:35%;--at:15px;--panel:41px;--rank:84px;--name:122px;--tone:#f0d1bc}.podium.third{right:0;--tone:#dfb7dc}.pedestal{position:absolute;inset:var(--panel) 0 0;border:1.5px solid transparent;border-radius:16px;background:linear-gradient(#61503b,#0a0707 70%) padding-box,linear-gradient(120deg,#b98a68,#493022 40%,#dcc4b1 92%,#8e654a) border-box}.first .pedestal{bottom:20px}.crown{position:absolute;width:calc(var(--avatar)*1.1111);height:calc(var(--avatar)*.8333);top:calc(var(--at) - var(--avatar)*.54444);left:50%;transform:translateX(-50%);object-fit:contain}.podium-avatar,.avatar-rim{position:absolute;width:var(--avatar);height:var(--avatar);top:var(--at);left:50%;transform:translateX(-50%);border-radius:50%;object-fit:cover;z-index:2}.avatar-rim{z-index:3;border:2px solid transparent;background:linear-gradient(135deg,#a56a43,#f3cbab,#ad734b,#fbe6d3) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.podium-rank,.podium-name,.podium-caption,.podium-points{position:absolute;left:0;right:0;text-align:center;pointer-events:auto;user-select:text}.podium-rank{top:var(--rank);font:italic 700 36px/1 D-DIN-Bold,Arial;background:linear-gradient(var(--tone),#625a60);background-clip:text;-webkit-background-clip:text;color:transparent}.podium-name{top:var(--name);font-size:17px;font-weight:600}.podium-caption{display:none}.podium-points{top:calc(var(--name) + 26px);font:700 18px D-DIN-Bold,Arial;color:#e0cdb9}.podium-points:before{content:"积分 ";font:12px Arial;color:#c4b6a6}
.ranking-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;min-height:0}.rank-group{background:#0c0908d9;backdrop-filter:blur(6px);border:1px solid #ad844c80;border-radius:12px;padding:0 12px 6px;display:flex;flex-direction:column;min-height:0;overflow:hidden;box-shadow:0 10px 30px #0004}.group-title{margin:0;padding:9px 0;font-size:13px;letter-spacing:1px;color:#dcb679;text-align:center;border-bottom:1px solid #ad844c50;flex-shrink:0}.group-list{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(10,minmax(0,1fr));flex:1;min-height:0}.row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #b78c4325;min-height:0}.row:last-child{border-bottom:0}.rank{width:24px;flex-shrink:0;text-align:center;color:#d8b880;font:700 16px D-DIN-Bold,Arial}.avatar{height:clamp(24px,3.2vh,38px);width:clamp(24px,3.2vh,38px);object-fit:cover;border:1px solid #b8935d;border-radius:50%;flex-shrink:0}.identity{min-width:0}.name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone{font-size:10px;color:#a9987e;margin-top:3px}.score{margin-left:auto;text-align:right;flex-shrink:0}.label{font-size:9px;color:#b7a58a}.value{font:700 15px D-DIN-Bold,Arial;color:#efca8a;white-space:nowrap}.pagination{display:flex;gap:20px;align-items:center;justify-content:center;background:#0a0707aa;border-radius:24px;justify-self:center;padding:0 14px}.pagination button{border:1px solid #b68e52;color:#edcf9d;border-radius:8px;padding:6px 15px;background:#21170eee;cursor:pointer;font-size:13px}.pagination button:disabled{opacity:.35;cursor:default}#page-status{font-size:12px;color:#e6d3b3;min-width:160px;text-align:center}
@media(min-height:900px){.podium{--avatar:76px;--at:42px;--panel:73px;--rank:126px;--name:169px}.podium.first{--at:20px;--panel:51px;--rank:104px;--name:147px}.podium-name{font-size:20px}.podium-points{font-size:21px;top:calc(var(--name) + 30px)}}
@media(max-height:699px) and (min-width:1000px){body{overflow-y:auto}.arena-background{position:fixed}}
@media(max-width:999px){body{overflow-y:auto}.page{height:auto;min-height:100dvh;grid-template-rows:120px 38px 220px auto 50px;padding:12px 16px;gap:16px}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rank-group{min-height:490px}.group-list{grid-template-rows:repeat(10,44px)}.podiums{width:min(650px,95%)}.podium{--avatar:62px;--at:35px;--panel:61px;--rank:104px;--name:142px}.podium.first{--at:15px;--panel:41px;--rank:84px;--name:122px}.podium-name{font-size:16px}.podium-points{font-size:17px;top:calc(var(--name) + 26px)}.avatar{width:30px;height:30px}}
@media(max-width:560px){.ranking-grid{grid-template-columns:1fr}.podiums{width:100%}.podium-name{font-size:14px}.podium-points{font-size:15px}.podium-points:before{font-size:10px}.tabs{width:260px}.rank-group{padding:0 14px}.name{font-size:14px}.phone{font-size:11px}.value{font-size:17px}.pagination{gap:10px;padding:0 5px}#page-status{min-width:135px}.pagination button{padding:6px 10px}}
.crown{mix-blend-mode:screen}.arena-logo{height:135%;max-height:none}.masthead{overflow:visible}
@media(min-width:1000px) and (max-height:899px){.podium{--rank:94px;--name:128px}.podium.first{--rank:74px;--name:108px}.phone{margin-top:1px;font-size:9px;line-height:10px}.name{font-size:12px;line-height:14px}.label{display:none}}

/* Five groups of six; gold-edged logo restored and doubled. */
.page{grid-template-rows:clamp(180px,26vh,300px) 38px clamp(180px,24vh,260px) minmax(0,1fr) 46px;min-height:820px}.arena-logo{height:135%;max-width:90%;clip-path:polygon(14.7% 1.9%,50% 15.6%,85.3% 1.9%,78% 24.5%,87% 29%,89% 35%,82% 49%,89.5% 49%,83% 68%,90% 83%,66.5% 83%,50.5% 95%,33.8% 85%,8.8% 82.5%,17% 66%,11.7% 49%,18.2% 49%,11.3% 34%,12% 31%,21.5% 24.5%);filter:drop-shadow(0 0 8px #ffbd5355)}
.ranking-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.group-list{grid-template-rows:repeat(6,minmax(0,1fr))}.podium-points:before{content:none}.phone,.label{display:none}.row{gap:6px}.rank-group{padding:0 8px 6px}.name{font-size:12px}.value{font-size:15px}
@media(min-width:1000px) and (max-height:819px){body{overflow-y:auto}}
@media(max-width:999px){.page{grid-template-rows:240px 38px 220px auto 50px;min-height:100dvh}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-group{min-height:310px}.group-list{grid-template-rows:repeat(6,44px)}}
@media(max-width:560px){.ranking-grid{grid-template-columns:1fr}.arena-logo{max-width:100%;height:100%}.name{font-size:14px}.value{font-size:17px}}
.arena-logo{height:100%;max-height:100%}

/* Preserve the complete gold logo: no silhouette clipping or cropping. */
.arena-logo{clip-path:none;object-fit:contain;object-position:center;display:block;width:auto;height:100%;max-height:100%;max-width:100%;filter:drop-shadow(0 0 12px #d99b3b33);border:0}