.leaderboard-page{min-height:100vh;display:flex;flex-direction:column;background:url('Background.png') center/cover fixed no-repeat;color:#fff4d8;font-family:Segoe UI,system-ui,sans-serif}.leaderboard-main{flex:1;width:min(1180px,100%);margin:0 auto;padding:44px 20px 70px}.leaderboard-intro{text-align:center;max-width:720px;margin:0 auto 32px}.leaderboard-intro h1{font:800 clamp(2rem,5vw,3.4rem) Georgia,serif;margin:0;color:#f1c56e}.leaderboard-intro p{font-size:1.05rem;line-height:1.6;color:#f0dfbf}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.leaderboard-card{background:rgba(255,250,242,.96);border:1px solid rgba(102,69,39,.16);border-radius:18px;box-shadow:0 12px 30px rgba(20,10,3,.28);overflow:hidden}.leaderboard-card h2{margin:0;padding:17px 18px;background:linear-gradient(135deg,#342014,#56361f);color:#f4cf78;font:800 1.05rem Georgia,serif}.leaderboard-top{list-style:none;padding:8px 16px 14px;margin:0}.leaderboard-top li{min-height:54px;display:grid;grid-template-columns:34px 38px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(102,69,39,.1)}.leaderboard-top li:last-child{border-bottom:0}.leaderboard-rank{font-weight:900;color:#a46c24}.leaderboard-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#eadcca;display:grid;place-items:center}.leaderboard-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{font-variant-numeric:tabular-nums;color:#6d4726}.leaderboard-state{grid-column:1/-1;color:#806b59;font-weight:500}.nav,.footer-inner{max-width:1100px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{color:#e8ad51;font-weight:900;text-decoration:none;letter-spacing:.08em}.logo-mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:7px;border:2px solid #e8ad51;border-radius:8px}.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-links a{color:#e8ad51;font-weight:800;text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{color:#fff;text-decoration:underline}.nav-cta{background:#e8ad51!important;color:#24170d!important;padding:9px 14px;border-radius:9px;text-decoration:none!important}.footer{background:#1a1107f2;border-top:2px solid #e8ad51;padding:22px clamp(16px,4vw,50px);color:#cba66b}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:10px 0 0}.footer-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.footer a{color:#e8ad51;text-decoration:none}.footer a:hover,.footer a:focus-visible{text-decoration:underline;color:#fff}.site-header{background:#1a1107f2;border-bottom:2px solid #e8ad51;padding:10px 20px}.leaderboard-page .leaderboard-footer{margin-top:auto;text-align:center;padding:18px;color:#866f59}@media(max-width:650px){.nav{align-items:flex-start;flex-direction:column}.nav-links{gap:10px}.footer-inner{display:block}.footer-links{margin-top:14px}}@media(max-width:600px){.leaderboard-main{padding:28px 14px 50px}.leaderboard-grid{grid-template-columns:1fr}.leaderboard-intro{margin-bottom:22px}}@media(prefers-reduced-motion:no-preference){.leaderboard-card{transition:transform .18s ease,box-shadow .18s ease}.leaderboard-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(66,42,22,.13)}}
*{box-sizing:border-box}body{margin:0;background:url('Background.png') center/cover fixed no-repeat;color:#fff4d8;font-family:Segoe UI,system-ui,sans-serif}.site-header{background:#1a1107f2;border-bottom:2px solid #e8ad51;padding:10px 20px}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1100px;margin:auto}.logo{color:#e8ad51;font-weight:900;text-decoration:none;letter-spacing:.08em}.logo-mark{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:7px;border:2px solid #e8ad51;border-radius:8px}.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-links a{color:#e8ad51;font-weight:800;text-decoration:none}.nav-cta{background:#e8ad51!important;color:#24170d!important;padding:9px 14px;border-radius:9px}.footer{background:#1a1107f2;border-top:2px solid #e8ad51;padding:22px clamp(16px,4vw,50px);color:#cba66b}.footer-inner{max-width:1100px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer p{margin:10px 0 0}.footer-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.footer a{color:#e8ad51;text-decoration:none}@media(max-width:650px){.nav{align-items:flex-start;flex-direction:column}.nav-links{gap:10px}.footer-inner{display:block}.footer-links{margin-top:14px}}
body.leaderboard-page{background:url('Background.png') center/cover fixed no-repeat}
.leaderboard-page .nav-content{display:flex;justify-content:center;align-items:center;gap:20px;max-width:750px;margin:auto;flex-wrap:wrap}.leaderboard-page .nav-logo{color:#e09f3e;font-weight:700;text-decoration:none;font-size:16px}.leaderboard-page .nav-logo:hover{color:#fff;text-decoration:underline}.leaderboard-page .site-footer{width:100%;background:rgba(26,17,7,.95);border-top:2px solid #e09f3e;padding:12px 20px;text-align:center;color:#e09f3e;font-size:13px}.leaderboard-page .footer-content{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:1050px;margin:auto}.leaderboard-page .footer-links{display:flex;justify-content:center;gap:8px 15px;flex-wrap:wrap}.leaderboard-page .site-footer a{color:#e09f3e;font-weight:700;text-decoration:none}
.leaderboard-page .site-header{backdrop-filter:blur(5px)}.leaderboard-page .site-footer{background:rgba(26,17,7,.97);border-top:1px solid rgba(224,159,62,.72);padding:20px;color:#c8b99d}.leaderboard-page .footer-content{gap:12px;max-width:760px}.leaderboard-page .footer-links{align-items:center;gap:4px 18px}.leaderboard-page .footer-links a{color:#f1c56e;transition:color .2s}.leaderboard-page .footer-links a:hover,.leaderboard-page .footer-links a:focus-visible{color:#fff;text-decoration:underline}@media(min-width:480px){.leaderboard-page .footer-content{flex-direction:row;justify-content:space-between}}
.leaderboard-page .site-header{padding:8px 20px}.leaderboard-page .nav{display:block;width:100%;max-width:750px;margin:0 auto}.leaderboard-page .nav-links{display:flex;justify-content:center;align-items:center;gap:20px;width:max-content;max-width:100%;margin:0 auto}.leaderboard-page .nav-links a{font-size:16px;color:#e8ad51}.leaderboard-page .nav-links a[aria-current="page"]{color:#f5c867}@media(max-width:650px){.leaderboard-page .nav-links{flex-wrap:wrap}}