/* MELEETIERS VISUAL REFRESH — functionality intentionally unchanged */
:root{--bg:#07080d;--bg2:#0b0d14;--panel:rgba(17,20,30,.78);--panel2:#171b27;--line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.13);--gold:#f3c75f;--gold2:#ffdf86;--violet:#9d7cff;--text:#f6f7fb;--muted:#8d94a7;--muted2:#687083;--strike:#ff6672;--defense:#55d99b}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(900px 500px at 8% -12%,rgba(157,124,255,.19),transparent 62%),radial-gradient(800px 520px at 92% -8%,rgba(243,199,95,.13),transparent 62%),radial-gradient(650px 420px at 50% 48%,rgba(76,101,180,.055),transparent 70%),linear-gradient(180deg,#08090e 0%,#07080d 55%,#090a10 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
button{font:inherit}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:76px;padding:12px clamp(18px,4vw,54px);border-bottom:1px solid var(--line);background:rgba(7,8,13,.74);backdrop-filter:blur(22px) saturate(150%);box-shadow:0 10px 40px rgba(0,0,0,.18)}
.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(243,199,95,.32),rgba(157,124,255,.28),transparent)}
.brand{display:flex;align-items:center;gap:11px;margin-right:8px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:11px;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:700;letter-spacing:.04em;color:#0b0c11;background:linear-gradient(135deg,var(--gold2),var(--gold) 48%,#b98af8);box-shadow:0 0 26px rgba(243,199,95,.17),inset 0 1px rgba(255,255,255,.5)}.brand-name{font-family:Rajdhani,sans-serif;font-size:23px;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,#fff,#d8dced);-webkit-background-clip:text;background-clip:text;color:transparent}
.gamemode-tabs{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.gm-tab{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:8px 13px;color:var(--muted);background:transparent;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:.2s ease}.gm-tab img{width:19px;height:19px;object-fit:contain;filter:saturate(.85)}.gm-tab:hover{color:var(--text);background:rgba(255,255,255,.045)}.gm-tab.active{color:#fff;border-color:rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 5px 18px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08)}
.region-pills{display:flex;align-items:center;gap:5px;margin-left:auto;padding:4px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.region-pill{border:1px solid transparent;border-radius:9px;padding:7px 11px;color:var(--muted);background:transparent;font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:.2s ease}.region-pill:hover{color:var(--text);background:rgba(255,255,255,.045)}.region-pill.active{color:#17120a;border-color:rgba(255,255,255,.18);background:linear-gradient(135deg,var(--gold2),var(--gold));box-shadow:0 5px 18px rgba(243,199,95,.13)}
main{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:42px 0 90px}
.spotlight{min-height:108px;margin-bottom:38px}.spotlight-card{position:relative;display:flex;align-items:center;gap:20px;overflow:hidden;padding:24px 26px;border:1px solid rgba(243,199,95,.2);border-radius:20px;background:radial-gradient(500px 180px at 12% 50%,rgba(243,199,95,.11),transparent 70%),radial-gradient(500px 200px at 90% 0%,rgba(157,124,255,.12),transparent 70%),linear-gradient(120deg,rgba(20,22,31,.94),rgba(14,16,24,.8));box-shadow:0 20px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08)}.spotlight-card:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.045) 50%,transparent 85%);transform:translateX(-100%);animation:shine 7s ease-in-out infinite;pointer-events:none}@keyframes shine{0%,65%,100%{transform:translateX(-100%)}82%{transform:translateX(100%)}}
.spotlight-card .avatar{width:68px;height:68px;flex:0 0 68px;border-radius:17px;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(0,0,0,.3)}.spotlight-label{margin:0 0 4px;color:var(--gold);font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.spotlight-name{margin:0;font-size:21px;font-weight:700;letter-spacing:-.02em}.spotlight-sub{margin:4px 0 0;color:var(--muted);font-size:13px}.spotlight-tier{display:flex;align-items:center;gap:9px;margin-left:auto;padding:10px 15px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(0,0,0,.18)}.spotlight-tier img{width:32px;height:32px;object-fit:contain}.spotlight-tier span{font-family:Rajdhani,sans-serif;font-size:25px;font-weight:700}
.tier-group{position:relative;margin-bottom:8px;padding:0 8px 7px;border:1px solid rgba(255,255,255,.055);border-radius:17px;background:rgba(13,15,22,.46);box-shadow:0 12px 35px rgba(0,0,0,.1)}.tier-divider{display:flex;align-items:center;gap:10px;padding:16px 10px 11px;color:var(--muted)}.tier-divider img{width:21px;height:21px;object-fit:contain}.tier-divider .tier-name{color:var(--text);font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tier-divider .tier-count{color:var(--muted2);font-size:11px;font-weight:600}.tier-divider:after{content:"";flex:1;height:1px;margin-left:4px;background:linear-gradient(90deg,var(--line2),transparent)}
.row{position:relative;display:flex;align-items:center;gap:15px;min-height:58px;margin:2px 0;padding:10px 13px;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.row:hover{transform:translateX(3px);border-color:rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:12px 0 30px rgba(0,0,0,.14)}.row .rank{width:29px;color:var(--muted2);text-align:right;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.row .avatar{width:39px;height:39px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:var(--panel2);box-shadow:0 5px 14px rgba(0,0,0,.22)}.row .ign{color:#f7f8fc;font-size:14px;font-weight:600}.row .discord-name{margin-left:7px;color:var(--muted2);font-size:11.5px}.row .region-tag{margin-left:auto;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.025);font-size:10px;font-weight:700;letter-spacing:.06em}.row .score{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:54px;color:#cbd0dc;font-size:12px;font-variant-numeric:tabular-nums}.row .score.strike{color:var(--strike)}.row .score.defense{color:var(--defense)}
.empty-state{margin:20px 0;padding:70px 24px;border:1px dashed rgba(255,255,255,.1);border-radius:18px;color:var(--muted);background:rgba(255,255,255,.015);text-align:center;font-size:14px}
.profile-overlay:not([hidden]){position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(3,4,8,.74);backdrop-filter:blur(14px) saturate(120%);animation:fade .18s ease}@keyframes fade{from{opacity:0}to{opacity:1}}.profile-card{position:relative;width:100%;max-width:500px;overflow:hidden;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:radial-gradient(400px 180px at 0% 0%,rgba(157,124,255,.12),transparent 70%),linear-gradient(145deg,#151923,#0e1017);box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.08);animation:cardin .22s cubic-bezier(.2,.8,.2,1)}@keyframes cardin{from{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.profile-card .p-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}.profile-card .p-avatar{width:62px;height:62px;border-radius:15px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.3)}.profile-card .p-name{margin:0;font-size:19px;font-weight:700}.profile-card .p-sub{margin:3px 0 0;color:var(--muted);font-size:12px}.profile-card .p-close{margin-left:auto;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:rgba(255,255,255,.035);font-size:18px;line-height:1;cursor:pointer;transition:.16s ease}.profile-card .p-close:hover{color:#fff;border-color:var(--line2);background:rgba(255,255,255,.08)}.p-gamemode-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--line)}.p-gamemode-row img.gm-icon{width:19px;height:19px}.p-gamemode-row .gm-name{width:62px;color:#e7e9f0;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}.p-gamemode-row .gm-tier{display:flex;align-items:center;gap:6px;width:88px;color:#d9dce5;font-size:12px}.p-gamemode-row .gm-tier img{width:18px;height:18px}.p-bars{display:flex;flex:1;flex-direction:column;gap:5px}.p-bar-track{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.065)}.p-bar-fill{height:100%;border-radius:inherit;box-shadow:0 0 10px currentColor}.p-bar-fill.strike{background:var(--strike)}.p-bar-fill.defense{background:var(--defense)}
.foot{padding:28px 20px 38px;border-top:1px solid rgba(255,255,255,.04);color:var(--muted2);text-align:center;font-size:11px;letter-spacing:.03em}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#08090e}::-webkit-scrollbar-thumb{border:2px solid #08090e;border-radius:999px;background:#292d39}::-webkit-scrollbar-thumb:hover{background:#3a4050}
@media(max-width:820px){.topbar{gap:10px;padding:10px 16px}.brand{margin-right:auto}.gamemode-tabs{order:3;width:100%;overflow-x:auto}.gm-tab{flex:1;justify-content:center;white-space:nowrap}.region-pills{margin-left:0;max-width:100%;overflow-x:auto}main{width:min(100% - 24px,700px);padding-top:26px}}
@media(max-width:560px){.brand-name{font-size:20px}.region-pills{width:100%}.spotlight-card{padding:18px;gap:13px}.spotlight-card .avatar{width:54px;height:54px;flex-basis:54px}.spotlight-tier{padding:8px 10px}.spotlight-tier span{font-size:20px}.spotlight-name{font-size:18px}.row{gap:10px;padding:9px 8px}.row .discord-name{display:none}.row .rank{width:22px}.row .region-tag{display:none}.profile-card{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

[hidden]{display:none !important;}