:root{color-scheme:light;--purple:#5d267c;--purple-dark:#351446;--purple-mid:#8542a3;--ink:#34233f;--muted:#796785;--gold:#edb64c;--cream:#fffaed;--line:#e9ddef;--surface:#fff;--shadow:0 14px 45px #4f216c0a;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:#fbf7fc;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 25%,#fff5dba8,transparent 45%),#fbf7fc;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35;overflow-wrap:anywhere}h2{font-size:clamp(21px,2.5vw,30px);letter-spacing:.02em}h3{font-size:17px}p,li{overflow-wrap:anywhere}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #bc6905;outline-offset:4px}button:disabled{cursor:wait;opacity:.65}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:20px;padding:12px;background:#fff;z-index:10}.skip-link:focus{top:10px}.rank-header{background:#fffefefa;border-bottom:1px solid var(--line)}.rank-nav-wrap{max-width:1248px;margin:auto;min-height:86px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.rank-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;color:var(--purple);letter-spacing:.03em;flex-shrink:0}.rank-brand img{border-radius:50%}.rank-brand small{display:block;font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:600}.rank-header nav{display:flex;gap:6px}.rank-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border-radius:30px;font-weight:750;color:var(--muted)}.rank-header nav a[aria-current]{color:#fff;background:var(--purple);box-shadow:0 4px 10px #65298924}.rank-main{max-width:1248px;margin:0 auto;padding:24px 24px 58px;display:grid;gap:38px}.preview-notice{padding:13px 18px;border:1px solid #ebc879;background:#fff7df;border-radius:14px;color:#83561d;font-size:13px;display:flex;gap:10px;align-items:center}.preview-label{font-weight:900;white-space:nowrap}.rank-hero{position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 85% 25%,#a84fc460,transparent 60%),linear-gradient(120deg,#341342,#592374 60%,#391748);box-shadow:0 20px 45px #541b7320;border:1px solid #835094;color:white;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-width:0}.hero-copy{padding:40px;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.19em;color:#936721;margin-bottom:8px}.hero-copy .eyebrow{color:#e8c482}.hero-status{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#edddf2;margin-bottom:20px}.phase-pill{border:1px solid #d9b56b80;border-radius:25px;padding:3px 10px;background:#f6d69012;color:#ffe7ac;font-weight:800}.rank-hero h1{font-size:clamp(32px,3.7vw,48px);line-height:1.2;letter-spacing:.04em;text-wrap:balance}.rank-hero h1 span{display:block;color:#ffdc82;margin-top:8px}.hero-description{font-size:14px;color:#eee0f4;margin-top:22px;line-height:1.85}.hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.hero-tags span{font-size:11px;color:#f4e5fa;border:1px solid #bd8fd24f;border-radius:5px;padding:3px 8px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;min-width:44px;border:1px solid transparent;padding:11px 18px;border-radius:12px;font-size:14px;line-height:1.45;font-weight:800;transition:box-shadow .15s,background .15s}.button:hover{box-shadow:0 6px 14px #3a154a16}.button-gold{background:linear-gradient(110deg,#ffe5a0,#efbb53);color:#542d15;box-shadow:0 4px 16px #efba4824}.button-glass{background:#ffffff09;color:#fff;border-color:#ffffff48}.button-purple{background:linear-gradient(100deg,#6c2c8d,#9344aa);color:#fff}.button-outline{color:var(--purple);border-color:#decae8;background:#fff}.hero-art{align-self:stretch;position:relative;min-height:330px;background:#512564;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.banner-fallback{min-height:330px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ffe09a;background:radial-gradient(circle,#8c46a9,#48205d)}.banner-fallback>span{font-size:55px;line-height:1}.banner-fallback strong{font-size:36px;line-height:1.5;letter-spacing:.08em;margin:18px 0}.banner-fallback small{color:#dec9e9;font-size:12px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.subtle-pill{font-size:12px;color:#865724;border:1px solid #edce8c;background:#fff8e6;border-radius:20px;padding:7px 14px;white-space:nowrap;font-weight:750}.prize-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.prize-card{position:relative;background:linear-gradient(160deg,#fff 55%,#fbf3ff);border:1px solid #e3d2eb;border-radius:21px;overflow:hidden;padding:18px;box-shadow:var(--shadow);min-width:0}.prize-first{border-color:#e9bb59;background:linear-gradient(150deg,#fff9e7,#fff 70%)}.prize-rank{display:flex;align-items:center;gap:10px;margin-bottom:12px}.prize-rank>span{width:34px;height:34px;background:#eee2f5;border:1px solid #d9c1e6;color:#693487;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;font-variant-numeric:tabular-nums}.prize-first .prize-rank>span{background:linear-gradient(145deg,#ffedb3,#edbd5d);border-color:#dba141;color:#75440f}.prize-rank strong{font-size:13px;color:var(--purple)}.prize-visual{aspect-ratio:1.15;position:relative;background:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;border:1px solid #f2e9f4}.prize-visual img{width:100%;height:100%;object-fit:contain;padding:8px}.prize-image-fallback{font-size:12px;color:#947a9e;text-align:center;padding:15px}.prize-card h3{color:var(--purple-dark);font-size:16px;min-height:44px}.prize-card>p{font-size:12px;color:var(--muted);margin-top:5px}.pass-visual{background:radial-gradient(ellipse,#ede0f7,#faf7fd);padding:20px}.pass-card{width:100%;max-width:168px;min-height:134px;border:1px solid #e5bb64;border-radius:9px;background:linear-gradient(135deg,#482052,#7c3b96);color:#ffe1a2;padding:16px 12px;display:flex;align-items:center;flex-direction:column;box-shadow:6px 8px 0 #d4c2df;transform:rotate(-6deg)}.pass-card>span{font-size:8px;letter-spacing:.2em}.pass-card strong{font-size:27px;margin:8px 0 3px}.pass-card b{font-size:12px;letter-spacing:.2em}.pass-card small{font-size:8px;color:#dcc7e7;margin-top:8px}.section-note{font-size:12px;color:var(--muted);margin-top:14px}.rank-overview{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);padding:23px 28px;gap:24px}.rank-overview>div{min-width:0}.rank-overview>div+div{border-left:1px solid var(--line);padding-left:26px}.rank-overview>div>span{font-size:12px;font-weight:750;color:var(--muted)}.rank-overview p{display:flex;align-items:baseline;gap:8px;margin-top:3px}.rank-overview p>strong{font-size:34px;color:var(--purple);font-variant-numeric:tabular-nums;font-weight:850;line-height:1.35;overflow-wrap:anywhere}.rank-overview p>span{font-size:12px;color:var(--muted)}.rank-overview .overview-rule{display:flex;align-items:center;gap:15px}.overview-rule .rule-star{font-size:40px;color:#c68b34;line-height:1}.overview-rule p{display:block}.overview-rule p strong{display:block;font-size:16px;margin-bottom:4px}.overview-rule p span{display:block;font-size:11px}.leaderboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:22px;align-items:start}.leaderboard-panel,.personal-panel,.how-panel,.rules-panel{border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:var(--shadow);min-width:0}.leaderboard-panel{padding:28px;scroll-margin-top:24px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-heading .button{padding:9px 14px;white-space:nowrap;font-size:12px}.board-description{font-size:13px;color:var(--muted);margin-top:12px}.data-status{color:var(--muted);font-size:12px;min-height:24px;margin:10px 0 16px}.data-status.is-error{background:#fff2ed;border-radius:10px;color:#984925;padding:10px 13px}.podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}.podium-card{position:relative;background:linear-gradient(145deg,#f9f1fd,#fffcf6);border:1px solid #e7d7f0;border-radius:16px;padding:18px 10px;text-align:center;min-width:0}.podium-first{background:linear-gradient(140deg,#fff3cd,#fffaf0);border-color:#eabb59}.podium-place{height:40px;width:40px;margin:0 auto 10px;display:grid;place-items:center;font-size:20px;border-radius:50%;background:#f1e4f7;color:#7f508f;font-weight:900;border:1px solid #decae8}.podium-first .podium-place{background:linear-gradient(145deg,#ffedb3,#f0c261);border-color:#deaa46;color:#8b5918;box-shadow:0 4px 12px #cd983623}.podium-name{font-size:14px;font-weight:800;line-height:1.5;word-break:break-word;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:42px}.podium-total{font-variant-numeric:tabular-nums;font-size:26px;color:var(--purple-dark);font-weight:900;margin-top:7px;line-height:1.3;overflow-wrap:anywhere}.podium-total small{font-size:11px;font-weight:600;margin-left:4px;color:var(--muted)}.podium-card>p{font-size:10px;color:var(--muted);margin-top:4px}.ranking-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px}.ranking-table th{font-size:11px;font-weight:650;letter-spacing:.07em;color:var(--muted);background:#faf6fc;text-align:left;padding:12px 10px}.ranking-table th:first-child{width:58px;border-radius:9px 0 0 9px}.ranking-table th:last-child{width:108px;text-align:right;border-radius:0 9px 9px 0}.ranking-table td{padding:16px 10px;border-bottom:1px solid #eee5f1;vertical-align:middle}.ranking-table td:nth-child(2){font-weight:750;overflow-wrap:anywhere;word-break:break-word}.ranking-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:850;font-size:19px;color:var(--purple);white-space:nowrap}.row-rank{display:inline-flex;width:32px;min-height:32px;align-items:center;justify-content:center;background:#f6f0fa;color:#836c90;border-radius:9px;font-weight:850;font-variant-numeric:tabular-nums}.row-top .row-rank{background:#fff2d0;color:#9b681f}.ranking-table tr:last-child td{border-bottom:0}.more-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.board-footer{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;font-size:10px;color:#877491;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.empty-board{text-align:center;background:#faf7fc;border:1px dashed #dfcde8;border-radius:18px;padding:32px 18px}.empty-board>span{font-size:42px;color:#be9d54;line-height:1.4}.empty-board h3{font-size:17px;color:var(--purple)}.empty-board p{font-size:13px;color:var(--muted);margin:9px auto 0;max-width:320px}.personal-panel{background:linear-gradient(160deg,#f8f0fd,#fff 65%);padding:25px 22px;border-color:#dfc7e9}.personal-panel h2{font-size:21px}.my-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.my-progress>div{min-width:0}.my-progress>div>span{display:block;font-size:11px;color:var(--muted)}.my-progress strong{display:block;font-size:29px;color:var(--purple);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.5}.my-progress strong small{font-size:12px}.my-note{font-size:13px;color:var(--muted);margin:14px 0 20px}.personal-panel>.button{width:100%;margin-bottom:10px}.text-link{color:var(--purple);font-size:13px;font-weight:800;min-height:44px;display:inline-flex;align-items:center;gap:8px}.personal-panel>.text-link{display:flex;justify-content:center}.personal-tip{border-top:1px solid #e4d5ec;margin-top:16px;padding-top:20px;font-size:12px;color:var(--muted)}.personal-tip strong{font-size:12px;color:var(--purple)}.personal-tip p{margin-top:6px}.how-panel{padding:30px}.how-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:0}.how-steps li{display:flex;gap:14px}.how-steps li>span{font-size:14px;font-weight:900;color:#a56d20;background:#fff2d2;width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.how-steps h3{font-size:15px;color:var(--purple)}.how-steps p{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.9}.rules-panel{padding:28px 30px;background:#fffdf9}.rules-panel h2{font-size:20px}.rules-panel ul{margin:16px 0 0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.95}.rules-panel li+li{margin-top:8px}.rank-footer{max-width:1248px;padding:25px 24px 32px;margin:auto;border-top:1px solid var(--line);display:flex;gap:15px;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.rank-footer a{font-weight:850;color:var(--purple);font-size:15px}.no-script{padding:16px;background:#fff2d2;text-align:center}.no-script a{text-decoration:underline}
@media(min-width:1440px){.rank-main{padding-top:28px}.hero-copy{padding:45px}.rank-hero{min-height:425px}}
@media(max-width:1000px){.hero-copy{padding:30px}.rank-hero h1{font-size:35px}.hero-actions{gap:8px}.hero-actions .button{font-size:12px;padding:11px 13px}.prize-grid{gap:12px}.prize-card{padding:14px}.prize-card h3{font-size:14px}.pass-visual{padding:16px}.pass-card strong{font-size:23px}.leaderboard-layout{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.leaderboard-panel{padding:23px}.rank-overview{padding:22px;gap:18px}.rank-overview>div+div{padding-left:18px}.overview-rule .rule-star{display:none}.personal-panel{padding:23px 18px}}
@media(max-width:760px){.rank-nav-wrap{flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 18px}.rank-brand{margin-right:auto}.rank-header nav a{padding:8px 13px;font-size:12px}.rank-main{padding:18px 18px 38px;gap:28px}.preview-notice{display:block;font-size:11px;padding:12px 15px}.preview-label{display:block;margin-bottom:4px}.rank-hero{grid-template-columns:1fr}.hero-copy{padding:30px}.rank-hero h1{font-size:39px}.hero-art{min-height:0;aspect-ratio:1.6;margin:0 20px 20px;border-radius:18px;border:1px solid #a46bb57a}.banner-fallback{min-height:0}.banner-fallback strong{font-size:28px;margin:8px 0}.banner-fallback>span{font-size:30px}.prize-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.prize-card{padding:16px}.prize-card h3{font-size:16px;min-height:44px}.pass-card{max-width:150px}.section-heading{align-items:start;gap:10px}.subtle-pill{font-size:10px;padding:5px 9px}.rank-overview{grid-template-columns:1fr 1fr;gap:16px;padding:22px}.rank-overview>div+div{padding-left:20px}.rank-overview .overview-rule{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:15px}.overview-rule .rule-star{display:block;font-size:28px}.overview-rule p strong{font-size:14px;margin:0}.overview-rule p span{font-size:11px}.leaderboard-layout{grid-template-columns:1fr}.personal-panel{order:-1;padding:24px}.personal-panel>.button{max-width:none}.my-progress{margin:15px 0}.my-progress strong{font-size:28px}.personal-tip{margin-top:12px;padding-top:15px}.how-steps{grid-template-columns:1fr;gap:23px}.how-panel,.rules-panel{padding:25px}.how-panel .section-heading{display:block}.how-panel .text-link{margin-top:8px}.rank-footer{padding:22px 18px;flex-direction:column;align-items:start;gap:7px}}
@media(max-width:420px){.rank-nav-wrap{padding:12px 16px;gap:8px}.rank-brand{font-size:18px}.rank-brand img{width:38px;height:38px}.rank-header nav{width:100%;justify-content:space-between;gap:5px;border-top:1px solid #f0e6f5;padding-top:8px}.rank-header nav a{flex:1;padding:8px;font-size:12px}.rank-main{padding:14px 14px 34px;gap:25px}.rank-hero{border-radius:23px}.hero-copy{padding:25px 22px}.rank-hero h1{font-size:36px}.hero-description{font-size:13px;margin-top:18px}.hero-status{font-size:11px;margin-bottom:17px}.hero-tags{gap:5px;margin-top:14px}.hero-tags span{font-size:10px;padding:3px 6px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px;margin-top:20px}.hero-actions .button{font-size:14px}.hero-art{margin:0 14px 14px}.section-heading{display:block;margin-bottom:16px}.section-heading h2{font-size:22px}.section-heading .subtle-pill{display:inline-block;margin-top:11px}.prize-grid{gap:10px}.prize-card{padding:12px;border-radius:16px}.prize-rank{gap:6px;margin-bottom:10px}.prize-rank>span{height:29px;width:29px;font-size:12px}.prize-rank strong{font-size:11px}.prize-card h3{font-size:13px;min-height:38px}.prize-card>p{font-size:10px}.prize-visual{margin-bottom:12px}.prize-visual img{padding:5px}.pass-visual{padding:12px}.pass-card{padding:10px 7px;min-height:0}.pass-card>span{font-size:5px}.pass-card strong{font-size:20px;margin:4px 0 0}.pass-card b{font-size:9px}.pass-card small{font-size:6px;margin-top:4px}.rank-overview{padding:18px;gap:13px}.rank-overview>div+div{padding-left:16px}.rank-overview>div>span{font-size:11px}.rank-overview p>strong{font-size:29px}.leaderboard-panel{padding:20px 16px;border-radius:21px}.board-heading h2{font-size:23px}.board-heading .eyebrow{font-size:8px;letter-spacing:.1em}.board-heading .button{font-size:11px;padding:8px 10px}.board-description{font-size:11px}.data-status{font-size:11px;margin-bottom:14px}.podium-grid{gap:7px;margin-bottom:20px}.podium-card{padding:13px 6px;border-radius:12px}.podium-place{width:33px;height:33px;font-size:16px;margin-bottom:9px}.podium-name{font-size:11px;min-height:33px}.podium-total{font-size:23px}.podium-total small{font-size:9px;margin-left:2px}.podium-card>p{font-size:8px}.ranking-table th{font-size:10px;padding:11px 6px}.ranking-table th:first-child{width:43px}.ranking-table th:last-child{width:84px}.ranking-table td{padding:15px 6px;font-size:12px}.ranking-table td:last-child{font-size:17px}.row-rank{width:28px;min-height:28px;font-size:12px}.personal-panel{padding:23px 20px}.how-panel,.rules-panel{padding:24px 21px}.empty-board{padding:25px 15px}.board-footer{font-size:9px}}
.rank-brand,.rank-footer a{min-height:44px}.rank-footer a{display:inline-flex;align-items:center}.podium-name{display:block;-webkit-line-clamp:unset;overflow:visible}.my-progress #myRank{font-size:22px}.board-heading>div{min-width:0}.board-heading .button{flex-shrink:0}
.my-progress{grid-template-columns:minmax(0,1fr);gap:10px}.my-progress>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.my-progress>div>span{flex-shrink:0}.my-progress strong{text-align:right;min-width:0}
@media(max-width:420px){.board-heading h2{font-size:20px}.my-progress #myRank{font-size:21px}}
/* Medal artwork is decorative and separate from the unchanged product photos. */
.rank-art{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;isolation:isolate}
.rank-art .rank-medal-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 5px #40204920);padding:0}
.rank-art-fallback{width:68%;height:68%;display:grid;place-items:center;border:2px solid #d7b567;border-radius:50%;background:linear-gradient(145deg,#fff4c5,#e7b54e);color:#755018;font-weight:900;font-size:clamp(18px,3vw,33px);font-variant-numeric:tabular-nums}
.rank-art[data-rank="2"] .rank-art-fallback{border-color:#bbc0d0;background:linear-gradient(145deg,#fbfdff,#c7cddf);color:#59687e}
.rank-art[data-rank="3"] .rank-art-fallback{border-color:#cd9b78;background:linear-gradient(145deg,#ffe8d0,#d2a17d);color:#87502b}
.rank-art[data-rank="4"] .rank-art-fallback,.rank-art[data-rank="5"] .rank-art-fallback{border-color:#ba8dd7;background:linear-gradient(145deg,#faedff,#c592e4);color:#653389}
.eyebrow{font-size:11px;letter-spacing:.12em}
.rank-main{gap:30px}
.rank-jump-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 20px #592b7410;margin-top:-12px}
.rank-jump-nav a{min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;color:var(--purple);font-size:14px;font-weight:850;background:#f9f3fc}
.rank-jump-nav a:first-child{background:#fff3d8;color:#885315}
.rank-jump-nav a:hover{background:#f2e4fa}
.rank-jump-nav a>span{font-size:22px;line-height:1}
.rank-overview{border-color:#e4d6ed;background:linear-gradient(105deg,#fffdf7,#fff 65%);padding:21px 27px}
.leaderboard-panel{border-color:#dccaeb;box-shadow:0 12px 35px #5922750d;overflow:hidden}
.board-heading h2{font-size:30px;font-weight:900;letter-spacing:.02em}
.board-heading .eyebrow{color:#9b6b20;font-size:11px}
.data-status:not(.is-error){font-size:11px;color:#8e7b98;margin:7px 0 18px}
.podium-grid{position:relative;display:grid;grid-template-columns:1fr 1.12fr 1fr;grid-template-rows:auto;align-items:stretch;gap:12px;padding:52px 15px 18px;margin:20px 0 25px;border:1px solid #ebdaef;border-radius:20px;background:radial-gradient(ellipse at 50% 5%,#ffe7acaa,transparent 60%),linear-gradient(#fffefa,#f7f0fb);isolation:isolate}
.podium-grid:before{content:"";position:absolute;bottom:0;left:0;right:0;height:25px;background:linear-gradient(90deg,#e3ccef,#ceb0e1,#e3ccef);border-radius:0 0 19px 19px;z-index:-1}
.podium-card{grid-row:1;position:relative;margin-top:26px;border:1px solid #ded9e7;border-radius:18px 18px 12px 12px;padding:15px 11px 22px;background:linear-gradient(155deg,#fff,#f1f0fa);box-shadow:0 7px 0 #cdc4d9;text-align:center;min-width:0}
.podium-card[data-rank="2"]{grid-column:1}
.podium-card[data-rank="3"]{grid-column:3;background:linear-gradient(155deg,#fffaf4,#f6e6d9);border-color:#dfbba5;box-shadow:0 7px 0 #d8b799}
.podium-card[data-rank="1"]{grid-column:2;margin-top:0;padding-bottom:29px;background:linear-gradient(145deg,#fffbed,#fff0c7);border:2px solid #edc36f;box-shadow:0 8px 0 #dab568,0 0 25px #eac36329}
.podium-card .podium-place,.podium-first .podium-place{width:min(118px,100%);height:auto;aspect-ratio:1;margin:-42px auto 2px;display:flex;border:0;border-radius:0;background:none;box-shadow:none}
.podium-card .podium-label{display:inline-block;font-size:10px;font-weight:800;color:#7e648d;background:#ede6f4;padding:3px 8px;border-radius:20px;margin:1px 0 10px}
.podium-card[data-rank="1"] .podium-label{color:#91611f;background:#f4d693}
.podium-card[data-rank="3"] .podium-label{color:#965f36;background:#f1d2b5}
.podium-name{font-size:14px;line-height:1.6;font-weight:850;color:#493052;display:block;overflow:visible;-webkit-line-clamp:unset;min-height:44px}
.podium-total{font-size:32px;margin-top:8px;color:#69337e}
.podium-card[data-rank="1"] .podium-total{color:#9a611a;font-size:36px}
.podium-card>p{font-size:11px;margin-top:2px}
.ranking-table th:first-child{width:76px}
.ranking-table th{background:#f6effa;color:#8a7498;letter-spacing:0}
.ranking-table td{padding-top:14px;padding-bottom:14px}
.ranking-table tr[data-rank="1"]{background:linear-gradient(90deg,#fff9e7,#fffdf7)}
.ranking-table tr[data-rank="4"] .row-rank{color:#8541a5}
.row-rank.rank-art{width:51px;height:51px;background:none;border:0;border-radius:0}
.row-rank .rank-art-fallback{font-size:18px}
.ranking-table td:nth-child(2){font-size:15px}
.personal-panel{position:sticky;top:20px;border:1px solid #d8b7e8;background:radial-gradient(ellipse at 85% 0%,#f7dcffaa,transparent 50%),linear-gradient(160deg,#f7ebff,#fff 60%);box-shadow:0 8px 30px #5625790d;scroll-margin-top:20px}
.personal-panel .eyebrow{font-size:10px;color:#8b639d}
.personal-panel h2{font-size:23px;font-weight:900}
.my-progress{padding:13px 15px;border:1px solid #e5d5ee;border-radius:14px;background:#fff9;box-shadow:inset 0 1px 0 #fff}
.my-progress #myRank{font-size:19px}
.my-progress>div>span{font-size:11px}
.personal-panel>.button-purple{background:linear-gradient(105deg,#6c2d8d,#a242b0);box-shadow:0 5px 12px #943ea424}
.personal-tip{margin-top:9px;padding-top:6px}
.personal-tip summary{font-size:12px;font-weight:800;color:var(--purple);min-height:44px;display:list-item;align-content:center;cursor:pointer;list-style-position:inside}
.personal-tip summary:focus-visible{outline:3px solid #bc6905;outline-offset:3px}
.personal-tip p{margin:0 0 10px;font-size:12px}
.prize-section{scroll-margin-top:24px}
.prize-card{border:1px solid #e5d2ed;background:linear-gradient(145deg,#fff,#fbf4ff);box-shadow:0 7px 0 #eadff0,0 12px 24px #5f2f7510;padding:12px 18px 22px;border-radius:22px}
.prize-card[data-prize-rank="1"]{background:linear-gradient(150deg,#fff6d9,#fffdf6 65%);border-color:#e6c16c;box-shadow:0 7px 0 #eace92,0 12px 24px #96702e12}
.prize-card[data-prize-rank="2"]{background:linear-gradient(150deg,#f2f4ff,#fff 65%);border-color:#d1d2e3;box-shadow:0 7px 0 #dbdbe9,0 12px 24px #59607b10}
.prize-card[data-prize-rank="3"]{background:linear-gradient(150deg,#fff0e0,#fffbf5 65%);border-color:#e0bea2;box-shadow:0 7px 0 #ead3be,0 12px 24px #8c604910}
.prize-rank{gap:9px;margin:0 0 9px;align-items:center}
.prize-rank .rank-art.prize-medal,.prize-first .prize-rank .rank-art.prize-medal{width:81px;height:81px;background:none;border:0;border-radius:0}
.prize-rank strong{font-size:18px;font-weight:900;line-height:1.35}
.prize-rank strong small{display:block;font-size:10px;letter-spacing:.12em;color:#9a7cab;font-weight:650;margin-top:5px}
.prize-card[data-prize-rank="1"] .prize-rank strong{color:#976022}
.prize-card[data-prize-rank="1"] .prize-rank strong small{color:#a98447}
.prize-card[data-prize-rank="2"] .prize-rank strong{color:#737893}
.prize-card[data-prize-rank="3"] .prize-rank strong{color:#a6724b}
.prize-visual{border:1px solid #fff;background:radial-gradient(ellipse,#fff 60%,#f9f5f1);border-radius:16px;box-shadow:0 4px 12px #3c214009}
.prize-card h3{font-weight:900;margin-top:18px}
.prize-card>p{font-size:12px;margin-top:8px}
.section-note{margin-top:24px}
@media(min-width:761px){.leaderboard-layout{grid-template-columns:minmax(0,1fr) 290px}.hero-copy{padding-top:30px;padding-bottom:30px}.rank-hero{min-height:360px}}
@media(max-width:1000px) and (min-width:761px){.leaderboard-layout{grid-template-columns:minmax(0,1fr) 252px}.podium-grid{gap:8px;padding-left:10px;padding-right:10px}.podium-card{padding-left:8px;padding-right:8px}.podium-name{font-size:12px}.podium-label{white-space:nowrap}.my-progress{padding:12px 9px}.my-progress #myRank{font-size:17px}.prize-rank .rank-art.prize-medal{width:64px;height:64px}.prize-rank strong{font-size:15px}}
@media(max-width:760px){.rank-main{gap:26px}.rank-jump-nav{margin-top:-8px}.personal-panel{position:static;padding:20px 22px}.my-progress{margin:14px 0}.personal-panel>.text-link{font-size:12px}.my-note{margin:9px 0 15px;font-size:12px}.personal-tip{padding-top:4px}.podium-grid{padding-top:48px}.podium-card .podium-place{max-width:105px}.prize-card{padding-top:9px}.rank-overview{padding:19px 22px}.hero-description{margin-top:15px}.hero-copy{padding-top:25px;padding-bottom:25px}.hero-art{margin-bottom:16px}}
@media(max-width:420px){.rank-main{gap:24px}.rank-jump-nav{gap:5px;padding:6px;border-radius:14px}.rank-jump-nav a{font-size:12px;gap:5px;padding:4px;min-height:46px}.rank-jump-nav a>span{font-size:17px}.board-heading h2{font-size:23px}.board-heading .eyebrow{font-size:10px}.board-heading .button{font-size:11px}.podium-grid{gap:7px;padding:47px 7px 15px;border-radius:15px}.podium-grid:before{border-radius:0 0 14px 14px;height:23px}.podium-card{padding:12px 5px 15px;margin-top:22px;border-radius:13px 13px 9px 9px}.podium-card[data-rank="1"]{padding-bottom:21px}.podium-card .podium-place,.podium-first .podium-place{width:calc(100% + 8px);max-width:100px;margin:-37px -4px 0}.podium-label,.podium-card .podium-label{font-size:9px;padding:3px 5px;margin-bottom:8px}.podium-name{font-size:11px;line-height:1.6;min-height:36px}.podium-total{font-size:26px;margin-top:6px}.podium-card[data-rank="1"] .podium-total{font-size:30px}.podium-total small{font-size:9px}.podium-card>p{font-size:9px}.ranking-table th:first-child{width:58px}.ranking-table td:nth-child(2){font-size:13px}.ranking-table th:last-child{width:83px}.ranking-table td:last-child{font-size:17px}.row-rank.rank-art{width:43px;height:43px}.rank-overview{padding:18px}.prize-card{padding:8px 12px 18px;border-radius:18px}.prize-rank{gap:3px}.prize-rank .rank-art.prize-medal,.prize-first .prize-rank .rank-art.prize-medal{width:58px;height:62px;flex-shrink:1}.prize-rank strong{font-size:14px;white-space:nowrap}.prize-rank strong small{font-size:8px;letter-spacing:.03em;margin-top:4px}.prize-card h3{font-size:14px;line-height:1.5;margin-top:14px}.prize-card>p{font-size:10px}.my-progress #myRank{font-size:20px}.personal-panel{padding:20px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.07em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
