@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito+Sans:wght@400;600;700;800&display=swap');
:root{color-scheme:dark;--honey:#f5b301;--text:#fff;--soft:#f2eedc;--glass:rgba(20,16,8,.72);--line:rgba(255,255,255,.16);--green:#b9d65b;--muted:rgba(255,255,255,.72)}
*{box-sizing:border-box}html{min-height:100%;background:#111}body{margin:0;min-height:100vh;color:var(--text);font-family:'Nunito Sans',sans-serif;background:linear-gradient(135deg,rgba(9,13,7,.72),rgba(10,9,5,.53)),url('/assets/bee-background.jpg') center/cover fixed;}
a{color:inherit;text-decoration:none}.site-header{width:min(1040px,calc(100% - 32px));margin:18px auto 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:16px;background:rgba(18,16,10,.64);backdrop-filter:blur(14px)}
.brand{font:800 20px/1 'Baloo 2',sans-serif;letter-spacing:.2px}.brand span{color:var(--honey)}.back-link{font-weight:800;color:#fff}.back-link:hover{color:var(--honey)}
.page{width:min(920px,calc(100% - 32px));margin:clamp(28px,7vh,72px) auto 48px}.panel{padding:clamp(22px,5vw,44px);border:1px solid var(--line);border-radius:24px;background:var(--glass);box-shadow:0 24px 80px rgba(0,0,0,.26);backdrop-filter:blur(16px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--honey);font-weight:900;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
h1{margin:10px 0 4px;font:800 clamp(32px,6vw,48px)/1.08 'Baloo 2',sans-serif;letter-spacing:-.02em}.subtitle{margin:0;color:var(--soft);font-size:15px;line-height:1.55}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px}.status{color:var(--muted);font-size:13px}.refresh{border:1px solid rgba(245,179,1,.42);border-radius:999px;padding:8px 14px;background:rgba(245,179,1,.12);color:#fff;font:800 13px 'Nunito Sans',sans-serif;cursor:pointer}.refresh:hover{background:rgba(245,179,1,.22)}.refresh:focus-visible,.back-link:focus-visible{outline:3px solid var(--honey);outline-offset:3px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:rgba(4,5,3,.24)}table{width:100%;border-collapse:collapse;min-width:520px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.09)}th{color:var(--honey);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.045)}td{font-weight:700}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(255,255,255,.045)}.rank{width:68px;color:var(--honey);font-family:'Baloo 2',sans-serif;font-size:18px}.xp{font-variant-numeric:tabular-nums;white-space:nowrap}.clan-name,.user-name{font-weight:800}.muted-cell{color:var(--muted);font-weight:600}.empty-cell{text-align:center;color:var(--muted);padding:28px 16px}
footer{padding:0 16px 24px;text-align:center;color:rgba(255,255,255,.62);font-size:12px}
@media(max-width:600px){.site-header{margin-top:10px}.page{margin-top:28px}.panel{border-radius:20px}.toolbar{align-items:flex-start;flex-direction:column}.refresh{align-self:flex-end}th,td{padding:12px 11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}