*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#06111d;--bg2:#091724;--panel:#0b1825;--line:#263849;--text:#f6f8fb;--muted:#9eafbf;--gold:#ffbf18;--orange:#ff6b2b;--green:#34e57b;--blue:#42a5ff;--red:#ff4d47}body{margin:0;background:radial-gradient(circle at 50% -20%,#12304b 0,#06111d 45%,#040b13 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.market-bg{position:fixed;inset:58px 0 auto 0;height:280px;opacity:.16;pointer-events:none;background:linear-gradient(90deg,transparent 0 2%,#0e7f4b22 2% 3%,transparent 3% 5%,#b62e2e22 5% 6%,transparent 6%),linear-gradient(165deg,transparent 49.5%,#f1b91630 50%,transparent 50.5%);mask-image:linear-gradient(#000,transparent)}.topbar{height:62px;border-bottom:1px solid #243446;background:#050d16dd;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1460px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;min-width:250px}.brand-mark{font-size:28px}.brand b{font-size:20px;letter-spacing:.5px}.brand small{display:block;color:#ffae00;font-size:8px;font-weight:800;margin-top:2px}.topbar nav{display:flex;gap:32px;height:100%;align-items:center}.topbar nav a{color:#eef2f7;text-decoration:none;font-size:13px;font-weight:700;height:100%;display:flex;align-items:center;position:relative}.topbar nav a.active{color:var(--gold)}.topbar nav a.active:after{content:"";position:absolute;bottom:9px;left:0;right:0;height:2px;background:var(--gold)}.live-pill{background:linear-gradient(180deg,#ffd85c,#ffb915);color:#09111b;text-decoration:none;font-weight:900;padding:10px 18px;border-radius:8px;box-shadow:0 0 30px #ffb90022}.live-pill span{color:red}.wrap{width:min(1460px,calc(100% - 40px));margin:0 auto 30px}.hero{text-align:center;padding:26px 0 18px}.hero .eyebrow{display:none}.hero h1{font-size:46px;line-height:1;margin:0;font-weight:950;letter-spacing:1px}.hero h1 span{background:linear-gradient(#ff6a62,#e82f2b);padding:2px 10px;border-radius:5px;box-shadow:0 0 18px #f53b3544}.hero h1 em{font-style:normal;color:var(--gold)}.hero>p:last-child{font-size:18px;color:#eef3f7;margin:15px 0 0}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;align-items:center;padding:0 32px 14px}.podium-card{position:relative;min-height:176px;padding:22px 20px;text-align:center;border:1px solid #53616d;border-radius:12px;background:linear-gradient(145deg,#101b27dd,#07101add);box-shadow:inset 0 0 32px #0005}.podium-card.rank-gold{min-height:196px;border-color:#ffc400;background:radial-gradient(circle at 50% 25%,#6b510d66,#12150f 60%,#081018);box-shadow:0 0 30px #ffbf1917,inset 0 0 30px #dcae2d13}.podium-card.rank-bronze{border-color:#a64726}.medal{position:absolute;left:22px;top:18px;font-size:28px;font-weight:950;color:#e6edf5}.rank-gold .medal{color:#ffca18}.rank-bronze .medal{color:#ff743c}.avatar,.mini-avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:900;background:linear-gradient(135deg,#1f4f89,#6d42bb);color:white}.avatar{width:65px;height:65px;font-size:20px;border:3px solid #ffd12a}.podium-card h3{margin:9px 0 8px;font-size:20px}.podium-card strong{display:block;font-size:27px;margin-top:9px}.rank-gold strong{color:var(--gold);font-size:32px}.rank-bronze strong{color:#ff753d}.tier,.badge{display:inline-flex;border-radius:999px;font-size:10px;font-weight:900;padding:4px 11px;text-transform:uppercase;letter-spacing:.2px}.tier.gold,.badge.gold{background:#7d5c0633;color:#ffd22c;border:1px solid #927013}.tier.sponsor,.badge.sponsor{background:#06396a66;color:#51b5ff;border:1px solid #0b5c9d}.tier.supporter,.badge.supporter{background:#063c2866;color:#42ef8a;border:1px solid #0a663e}.tier.maha,.badge.maha{background:#6b2d123d;color:#ff8b4d;border:1px solid #98431c}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;background:#0a1724d9;margin:0 0 14px;min-height:76px;overflow:hidden}.stats>div{display:flex;align-items:center;gap:15px;padding:14px 36px;position:relative}.stats>div:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:50px;background:#273849}.stat-ico{font-size:26px;color:var(--gold)}.stats p{font-size:10px;margin:0;color:#d5dee7;font-weight:700}.stats strong{display:block;color:#fff;font-size:19px;margin-top:2px}.stats>div:nth-child(2) strong{color:var(--green)}.stats small{color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(380px,1fr);gap:14px}.panel{border:1px solid var(--line);background:linear-gradient(150deg,#0c1926ee,#07111cdd);border-radius:10px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;border-bottom:1px solid #1d2c3b}.panel h2,.panel-head h2{font-size:18px;margin:0}.live-dot{font-size:11px;color:#dbe6ef}.live-dot::first-letter{color:var(--green)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:10px;color:#bcc7d2;text-align:left;padding:10px 18px;background:#14212d99}td{padding:10px 18px;border-bottom:1px solid #172736;font-size:14px;white-space:nowrap}tbody tr:hover{background:#122131}.mini-avatar{width:23px;height:23px;margin-right:12px;font-size:9px}.empty-row{text-align:center;color:var(--muted);padding:50px}.side{display:grid;gap:14px}.sponsor-box{padding:15px 20px}.sponsor-box>p{color:#d5dde5;font-size:12px;margin:4px 0 12px}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.amount{border:1px solid #324354;background:#0d1925;border-radius:7px;color:#fff;min-height:58px;cursor:pointer;transition:.2s}.amount:hover,.amount.selected{border-color:#eab921;background:#152014;transform:translateY(-1px)}.amount b{display:block;color:#ffd01c;font-size:21px}.amount:first-child b{color:#45e88a}.amount:nth-child(4) b{color:#ff7c3f}.amount small{font-size:9px;font-weight:800}.custom-label{display:block;font-size:11px;margin:12px 0 6px}.custom-label small{color:#8395a7}.custom-wrap{display:flex;align-items:center;border:1px solid #2a3a4a;border-radius:7px;background:#07111c}.custom-wrap span{padding-left:14px;color:#8a9aaa}.custom-wrap input{width:100%;background:transparent;border:0;outline:0;color:#fff;padding:11px;font-size:14px}.sponsor-btn{width:100%;border:0;border-radius:7px;background:linear-gradient(180deg,#ffd13d,#ffb915);color:#07111b;font-weight:950;padding:13px 16px;margin-top:10px;cursor:pointer;font-size:14px}.sponsor-btn span{float:right;font-size:19px}.secure{display:block;text-align:center;color:#c6d0d8;font-size:10px;margin-top:9px}.why,.hof{padding:18px 20px}.why h2,.hof h2{color:#ffb73c}.why ul{padding:0;margin:13px 0 0;list-style:none;display:grid;gap:12px}.why li{color:#c9d3dd;font-size:12px}.hof p{color:#d3dce4;font-size:10px}.hof a,.back{display:block;border:1px solid #34485b;text-align:center;color:#add8ff;padding:12px;border-radius:7px;text-decoration:none;font-size:11px;font-weight:800}.thank-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid #403967;background:linear-gradient(100deg,#151536,#0c1324);border-radius:10px;margin-top:14px;padding:20px 70px;gap:40px}.thank-panel>div+div{border-left:1px solid #34304f;padding-left:50px}.thank-panel b{font-size:16px}.thank-panel p{font-size:12px;color:#c9d2dc;line-height:1.7;margin:7px 0 0}footer{border-top:1px solid #152537;display:flex;justify-content:space-between;padding:18px max(22px,calc((100% - 1400px)/2));font-size:11px;color:#9baab8;background:#050c13}.modal{position:fixed;inset:0;background:#000c;backdrop-filter:blur(5px);z-index:100;display:none;place-items:center;padding:16px}.modal.show{display:grid}.modal-open{overflow:hidden}.modal-card{position:relative;width:min(500px,100%);border:1px solid #344a5f;background:#0b1825;border-radius:18px;padding:28px;box-shadow:0 30px 90px #000}.modal-close{position:absolute;right:16px;top:12px;background:transparent;color:#fff;border:0;font-size:28px;cursor:pointer}.modal-kicker{color:#ffbf18;font-size:11px;font-weight:900;letter-spacing:1px}.modal-card h2{margin:0 0 20px}.modal-card label{display:block;color:#cbd6e0;font-size:12px;margin:12px 0}.modal-card label>input:not([type=checkbox]){display:block;width:100%;background:#07111b;border:1px solid #2c3d4e;border-radius:8px;padding:12px;color:#fff;margin-top:6px;outline:none}.modal-card label>input:focus{border-color:#ffbd1a}.modal-card .check{display:flex;gap:9px;align-items:center}.hof-page{padding-top:28px}.back{display:inline-block;margin-bottom:0}.empty-card{grid-column:1/-1;text-align:center;border:1px dashed #3a4d5e;color:#9dafbf;border-radius:12px;padding:65px 20px}
@media(max-width:1050px){.topbar nav{gap:18px}.brand{min-width:auto}.podium{padding-left:0;padding-right:0}.dashboard-grid{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.sponsor-box{grid-row:span 2}.stats>div{padding:12px 18px}}
@media(max-width:760px){.wrap{width:min(100% - 22px,1460px)}.topbar{height:58px;padding:0 12px}.brand b{font-size:15px}.brand small{font-size:6px}.brand-mark{font-size:22px}.topbar nav{display:none}.live-pill{font-size:10px;padding:9px 11px}.hero{padding:24px 0 16px}.hero h1{font-size:31px;line-height:1.18}.hero>p:last-child{font-size:13px}.podium{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.podium-card{min-width:78vw;scroll-snap-align:center}.podium-card.rank-gold{order:-1}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(2):after{display:none}.stats>div{padding:13px 14px}.stats strong{font-size:16px}.dashboard-grid{display:block}.side{display:grid;grid-template-columns:1fr;margin-top:14px}.sponsor-box{grid-row:auto}.panel-head{padding:12px 14px}.panel h2,.panel-head h2{font-size:15px}th,td{padding:10px 12px}.thank-panel{grid-template-columns:1fr;padding:20px;gap:18px}.thank-panel>div+div{border-left:0;border-top:1px solid #34304f;padding:18px 0 0}footer{display:grid;gap:7px;text-align:center}.amount-grid{gap:8px}.modal-card{padding:24px 18px}}


/* === PREMIUM MOBILE-SPECIFIC DESIGN v2 === */
@media (max-width:760px){
html,body{overflow-x:hidden}body{background:radial-gradient(circle at 50% -5%,#173552 0,#071522 31%,#040b12 72%);padding-bottom:78px}.market-bg{height:210px;opacity:.12}
.topbar{height:58px;padding:0 12px;position:sticky;top:0;background:rgba(4,12,20,.94);border-bottom:1px solid #203447;box-shadow:0 8px 24px #0007}.brand{min-width:0;gap:6px}.brand-mark{font-size:20px}.brand b{font-size:14px;white-space:nowrap}.brand small{font-size:5.5px}.topbar nav{display:none}.live-pill{font-size:9px;padding:8px 10px;border-radius:7px;white-space:nowrap}
.wrap{width:calc(100% - 20px);margin-bottom:18px}.hero{padding:22px 4px 14px}.hero .eyebrow{display:block;color:#ffbd1a;font-size:9px;letter-spacing:1.5px;font-weight:900;margin:0 0 9px}.hero h1{font-size:clamp(28px,8.7vw,38px);line-height:1.08;letter-spacing:-.6px}.hero h1 span{padding:1px 7px}.hero h1 em{display:block;margin-top:6px}.hero>p:last-child{max-width:340px;margin:12px auto 0;font-size:12px;line-height:1.55;color:#c8d4df}
.podium{display:grid;grid-template-columns:1fr 1fr;gap:9px;overflow:visible;padding:0 0 12px}.podium-card{min-width:0;min-height:145px;padding:15px 8px 13px;border-radius:14px}.podium-card.rank-gold{order:-1;grid-column:1/-1;min-height:162px;width:100%}.podium-card.rank-silver{order:2}.podium-card.rank-bronze{order:3}.medal{left:12px;top:11px;font-size:19px}.avatar{width:50px;height:50px;font-size:15px;border-width:2px}.rank-gold .avatar{width:58px;height:58px}.podium-card h3{margin:7px 0 6px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-gold h3{font-size:17px}.tier{font-size:7.5px;padding:3px 7px}.podium-card strong{font-size:18px;margin-top:7px}.rank-gold strong{font-size:27px}
.stats{grid-template-columns:1fr 1fr;border-radius:14px;margin-bottom:11px}.stats>div{min-height:82px;padding:13px 12px;gap:9px}.stats>div:nth-child(odd){border-right:1px solid #203244}.stats>div:nth-child(-n+2){border-bottom:1px solid #203244}.stats>div:after{display:none!important}.stat-ico{font-size:20px}.stats p{font-size:8px}.stats strong{font-size:15px;line-height:1.2;margin:4px 0 2px}.stats small{font-size:9px}
.dashboard-grid{display:flex;flex-direction:column;gap:11px}.side{display:contents}.sponsor-box{order:1;padding:17px 14px 14px;border-color:#4d4424;box-shadow:0 12px 34px #0005,inset 0 0 25px #ffbd1808}.leaderboard-panel{order:2;border-radius:14px}.why{order:3}.hof{order:4}.sponsor-box h2{font-size:17px}.sponsor-box>p{font-size:11px;line-height:1.45;margin-bottom:13px}.amount-grid{gap:8px}.amount{min-height:62px;border-radius:10px}.amount b{font-size:20px}.amount small{font-size:8px}.custom-label{margin-top:13px}.custom-wrap{border-radius:9px}.custom-wrap input{padding:13px 10px;font-size:16px}.sponsor-btn{min-height:48px;border-radius:9px;font-size:13px;box-shadow:0 8px 22px #ffbd1822}
.panel-head{padding:13px 12px}.panel-head h2{font-size:14px}.live-dot{font-size:8px}table{table-layout:auto}th,td{padding:11px 8px}th{font-size:8px}td{font-size:11px}th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5){display:none}th:first-child,td:first-child{width:30px;text-align:center}th:nth-child(3),td:nth-child(3){text-align:right}.mini-avatar{width:25px;height:25px;margin-right:7px;font-size:8px}.empty-row{padding:34px 10px}
.why,.hof{padding:17px 14px;border-radius:14px}.why h2,.hof h2{font-size:15px}.why ul{gap:11px}.why li{font-size:11px;line-height:1.4}
.thank-panel{grid-template-columns:1fr;gap:15px;padding:18px 15px;border-radius:14px;margin-top:11px}.thank-panel>div+div{border-left:0;border-top:1px solid #34304f;padding:14px 0 0}.thank-panel b{font-size:13px}.thank-panel p{font-size:10px}footer{padding:15px 12px 92px;display:grid;gap:6px;text-align:center;font-size:9px}
body:after{content:"";position:fixed;z-index:39;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,transparent,#030910 35%);pointer-events:none}#openSponsor{position:fixed;z-index:40;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;margin:0;min-height:49px;box-shadow:0 8px 30px #000b,0 0 22px #ffbd1830}
.modal{align-items:end;padding:0}.modal-card{width:100%;max-width:none;border-radius:22px 22px 0 0;padding:25px 17px calc(18px + env(safe-area-inset-bottom));max-height:92vh;overflow-y:auto;border-left:0;border-right:0;border-bottom:0}.modal-card:before{content:"";display:block;width:42px;height:4px;background:#45576a;border-radius:10px;margin:-12px auto 14px}.modal-card h2{font-size:21px}.modal-card label{font-size:11px}.modal-card label>input:not([type=checkbox]){min-height:46px;font-size:16px}.modal-card .sponsor-btn{position:static!important;width:100%!important;margin-top:12px!important}
}
@media(max-width:380px){.wrap{width:calc(100% - 14px)}.hero h1{font-size:27px}.podium{gap:6px}.podium-card{padding-left:5px;padding-right:5px}.podium-card h3{font-size:12px}.rank-gold h3{font-size:16px}.amount b{font-size:18px}td{font-size:10px}}