body{background:radial-gradient(circle at 60% 0,#0d2343 0,#071321 35%,#050e18 78%)} .leaderboard-page{padding:20px 0 70px}.lb-wrap{width:min(1050px,calc(100% - 56px));margin:auto;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0c1827;box-shadow:0 28px 80px #02091488} .lb-hero{position:relative;isolation:isolate;text-align:center;padding:62px 28px 42px;background:radial-gradient(circle at 56% 20%,#193f76 0,#102d56 38%,#091a30 76%);border-bottom:1px solid #29435e;overflow:hidden}.lb-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(circle,#67c7ff17 0 2px,transparent 2.5px);background-size:46px 46px}.lb-hero:after{content:"";position:absolute;z-index:-1;width:56%;height:170%;right:-7%;top:-38%;transform:rotate(31deg);background:linear-gradient(120deg,#3d9fff08,#4daaff18,transparent 75%)} .partner-logo{display:inline-block;color:#85c8ff;font-size:13px;font-weight:900;letter-spacing:.2em;margin-bottom:12px}.partner-logo:after{content:".COM × EXCLUSIVE REWARDS";color:#f5f7fa}.lb-hero h1{margin:0;color:#68baff;font-size:clamp(66px,9vw,106px);line-height:.92;letter-spacing:-.07em;text-shadow:0 7px 0 #235f98,0 18px 35px #0008}.lb-hero h2{margin:14px 0 28px;color:#f3f7fc;font-size:clamp(29px,4vw,48px);line-height:1;letter-spacing:-.05em;text-shadow:0 5px 0 #7d8998} .countdown-card{width:min(390px,100%);margin:0 auto 24px;padding:14px 22px;border:1px solid #3a5878;border-radius:9px;background:#14263bde;box-shadow:inset 0 1px #ffffff0a}.countdown-card>span{display:block;margin-bottom:7px;color:#8ea2ba;font-size:11px;font-weight:800;letter-spacing:.15em}.countdown-card strong{font-size:22px;letter-spacing:.04em}.countdown-card small{margin-left:3px;color:#6f86a0;font-size:10px}.lb-tabs{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.tab,.rules-btn{min-width:150px;padding:12px 22px;border:1px solid #4c6c8f;border-radius:7px;background:#152942;color:#a9bad0;font-weight:900;cursor:pointer}.tab:hover,.rules-btn:hover{color:#fff;border-color:#66bfff}.tab.active{color:#071a2c;border-color:#75c8ff;background:linear-gradient(#6cc5ff,#3d9cec);box-shadow:inset 0 1px #c7efff,0 8px 24px #1e8de633}.rules-btn{min-width:auto} .podium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;padding:58px 42px 34px;background:linear-gradient(180deg,#0a1726,#0b1521)}.winner-card{min-width:0;min-height:300px;position:relative;display:flex;flex-direction:column;align-items:center;padding:26px 20px 0;overflow:hidden;border:1px solid #355272;border-radius:10px;background:linear-gradient(155deg,#192b41,#101c2d);text-align:center;box-shadow:0 22px 45px #0007,inset 0 1px #ffffff0b}.winner-card:after{content:"";position:absolute;inset:7px;border:1px solid #ffffff08;border-radius:7px;pointer-events:none}.winner-card.first{min-height:340px;border-color:#4d8bc0;transform:translateY(-12px)} .rank-badge{width:44px;height:44px;display:grid;place-items:center;margin-bottom:17px;border-radius:50%;background:#d1d8e0;color:#101a28;font-size:20px;font-weight:900}.winner-card.first .rank-badge{background:#67bdff}.winner-card.third .rank-badge{background:#90a6bd}.onzki-avatar{width:70px;height:70px;display:grid;place-items:center;flex:0 0 auto;border:2px solid #6bd5ff;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b7f7ff,#42bff3 42%,#2674bd 75%);color:#092a4c;font-size:16px;font-weight:900;letter-spacing:-.08em;text-shadow:0 1px #fff;box-shadow:0 0 0 4px #0e1928,0 12px 28px #0007}.winner-card .name{max-width:100%;margin:17px 0 14px;font-size:18px;font-weight:900;overflow-wrap:anywhere}.winner-card .label{color:#71869d;font-size:10px;font-weight:800;letter-spacing:.12em}.winner-card .wager{width:calc(100% + 40px);margin:7px 0 14px;padding:10px;background:#203650;color:#73edbb;font-weight:900}.winner-card .prize{width:calc(100% + 40px);margin-top:8px;padding:12px;background:linear-gradient(#68c2ff,#338fde);color:#08213a;font-size:24px;font-weight:900} .updated{margin:0;padding:0 24px 22px;background:#0b1521;color:#688099;text-align:center;font-size:12px}.ranking-table{margin:0 42px 42px;overflow:hidden;border:1px solid #2a425b;border-radius:10px;background:#101d2e}.ranking-head,.ranking-row{display:grid;grid-template-columns:65px 1fr 170px 110px;align-items:center;min-height:64px;padding:0 20px}.ranking-head{min-height:48px;background:#182a40;color:#7f94ab;font-size:11px;font-weight:800;letter-spacing:.12em}.ranking-row{border-top:1px solid #22384f}.ranking-row:nth-child(even){background:#132237}.ranking-row .rank{color:#6abaff;font-size:18px;font-weight:900}.player-cell{min-width:0;display:flex;align-items:center;gap:13px}.player-cell b{min-width:0;overflow-wrap:anywhere}.player-cell .onzki-avatar{width:35px;height:35px;border-width:1px;font-size:9px;box-shadow:0 0 0 2px #0e1928}.ranking-row .wager{color:#afc1d4;text-align:right}.ranking-row .prize{color:#75edbc;text-align:right;font-weight:900}.show-more{width:100%;padding:16px;border:0;border-top:1px solid #2a425b;background:#15283e;color:#59b9ff;font-weight:900;cursor:pointer}.show-more:hover{background:#1a304a}.sheet-status{margin:-24px 0 28px;color:#71869e;text-align:center;font-size:12px}.sheet-status.error{color:#ff7884} dialog{max-width:480px;padding:30px;border:1px solid #466789;border-radius:10px;background:#13243a;color:#eef6ff;box-shadow:0 35px 100px #000c}dialog::backdrop{background:#020712cc}.dialog-close{float:right;border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}dialog h3{margin-top:0} @media(max-width:900px){.lb-wrap{width:calc(100% - 28px)}.podium-grid{padding-inline:22px}.ranking-table{margin-inline:22px}.ranking-head,.ranking-row{grid-template-columns:50px 1fr 135px 85px}} @media(max-width:640px){.leaderboard-page{padding-top:10px}.lb-wrap{width:calc(100% - 20px)}.lb-hero{padding:45px 16px 34px}.partner-logo:after{content:".COM"}.countdown-card strong{font-size:17px}.tab{min-width:125px;padding-inline:13px}.podium-grid{grid-template-columns:1fr;padding:38px 18px 25px}.winner-card,.winner-card.first{min-height:280px;transform:none}.winner-card.first{order:-1}.ranking-table{margin:0 12px 34px}.ranking-head,.ranking-row{grid-template-columns:32px minmax(0,1fr) 82px 56px;padding:0 8px}.ranking-head{font-size:9px;letter-spacing:.07em}.ranking-head span:nth-child(n+3){text-align:right}.ranking-row .wager,.ranking-row .prize{min-width:0;display:block;white-space:nowrap;font-variant-numeric:tabular-nums}.ranking-row .wager{font-size:clamp(9px,2.8vw,12px)}.ranking-row .prize{font-size:12px}} .winner-card.first{border:2px solid #e7bd42;box-shadow:0 22px 48px #0008,0 0 26px #e7bd4229,inset 0 1px #fff2a84a}.winner-card.second{border:2px solid #bdc7d3;box-shadow:0 22px 45px #0007,0 0 22px #dce6f029,inset 0 1px #ffffff52}.winner-card.third{border:2px solid #c87932;box-shadow:0 22px 45px #0007,0 0 22px #d47d3029,inset 0 1px #ffc08735}.winner-card.first .rank-badge{background:linear-gradient(145deg,#fff08c,#f5c33e 55%,#b77b11);box-shadow:0 0 18px #f3c64255}.winner-card.second .rank-badge{background:linear-gradient(145deg,#f4f7fa,#bcc7d2 58%,#8493a3)}.winner-card.third .rank-badge{background:linear-gradient(145deg,#ffc080,#ca7532 58%,#8e431d)}.winner-card.first .prize{background:linear-gradient(#f9d65b,#d99d1f);color:#241900}.winner-card.second .prize{background:linear-gradient(#e8edf2,#aab7c4);color:#111b26}.winner-card.third .prize{background:linear-gradient(#e99a56,#b95d27);color:#211006} .winner-card{transition:transform .3s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .3s ease}.winner-card:hover{transform:translateY(-5px) scale(1.025);box-shadow:0 27px 52px #0009}.winner-card.first:hover{transform:translateY(-16px) scale(1.025);box-shadow:0 29px 56px #0009,0 0 0 1px #e7bd424d}.winner-card.second:hover{box-shadow:0 27px 52px #0009,0 0 0 1px #dce6f04d}.winner-card.third:hover{box-shadow:0 27px 52px #0009,0 0 0 1px #d47d304d}@media(max-width:640px){.winner-card:hover,.winner-card.first:hover{transform:translateY(-4px) scale(1.015)}} .leaderboard-page{position:relative;isolation:isolate;overflow:hidden;background:#07111f;background-image:radial-gradient(ellipse at 20% 16%,#1726388f 0,transparent 31%),radial-gradient(ellipse at 85% 34%,#111f3080 0,transparent 29%),linear-gradient(145deg,#0a1524,#06101c 54%,#081321)}.leaderboard-page:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.34;background:linear-gradient(125deg,transparent 0 13%,#1a273719 13% 27%,transparent 27% 54%,#1725351c 54% 70%,transparent 70%),linear-gradient(25deg,transparent 0 18%,#14213017 18% 35%,transparent 35% 66%,#1b283716 66% 82%,transparent 82%);background-size:680px 510px,820px 620px;transform:scale(1.08)}.lb-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.lb-hero{border:1px solid #29435e;border-radius:16px;box-shadow:0 28px 70px #0008}.podium-grid{margin-top:38px;border:1px solid #1d354b;border-bottom:0;border-radius:16px 16px 0 0}.updated{border-inline:1px solid #1d354b}.ranking-table{box-shadow:0 22px 55px #0006}.leaderboard-discord-strip{width:min(590px,100%);min-height:54px;display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto 24px;padding:13px 20px;border:1px solid #38536d;border-radius:8px;background:#122131;color:#edf5fc;font-size:13px;font-weight:700;transition:transform .25s ease,border-color .25s ease,background .25s ease}.leaderboard-discord-strip:hover{transform:translateY(-2px);border-color:#5d83a7;background:#172a3e}.discord-mark{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#5865f2;color:#fff;font-size:17px;box-shadow:0 8px 18px #0004} .leaderboard-extras{padding:38px 42px 70px}.exclusive-intro{text-align:left;margin-bottom:26px}.exclusive-intro>span{color:#5cbcff;font-size:11px;font-weight:900;letter-spacing:.18em}.exclusive-intro h2{margin:7px 0 8px;font-size:31px;letter-spacing:-.04em}.exclusive-intro p{max-width:720px;margin:0;color:#8da1b8;font-size:14px;line-height:1.6}.exclusive-intro p b{color:#5dbbff}.exclusive-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.exclusive-panel{min-width:0;overflow:hidden;border:1px solid #2d465e;border-radius:12px;background:#111f2e;box-shadow:0 22px 50px #0007;transition:transform .3s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .3s ease}.exclusive-panel:hover{transform:translateY(-6px);box-shadow:0 29px 60px #0009}.exclusive-panel-head{height:120px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:18px 22px;overflow:hidden;background:radial-gradient(circle at 85% 25%,#1476d45c,transparent 38%),linear-gradient(145deg,#0c1d31,#0d3261)}.exclusive-panel-head:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,#ffffff0b 50%);pointer-events:none}.exclusive-panel-head img{width:105px;height:52px;object-fit:contain;margin:-5px 0 -2px;filter:drop-shadow(0 6px 12px #0007)}.exclusive-panel-head span{position:relative;z-index:1;padding:5px 12px;border-radius:15px;background:#126bd6;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}.green-offer .exclusive-panel-head{background:radial-gradient(circle at 85% 25%,#28b66a55,transparent 38%),linear-gradient(145deg,#0c1d2a,#10553d)}.green-offer .exclusive-panel-head span,.green-offer .exclusive-button{background:#23915c}.violet-offer .exclusive-panel-head{background:radial-gradient(circle at 85% 25%,#7855e055,transparent 38%),linear-gradient(145deg,#111c31,#322376)}.violet-offer .exclusive-panel-head span,.violet-offer .exclusive-button{background:#5436ce}.exclusive-panel-body{padding:23px 22px 20px}.exclusive-panel-body h3{margin:0 0 17px;text-align:center;font-size:25px;line-height:1.1;text-transform:uppercase}.exclusive-panel-body h3 b{color:#55e78e}.exclusive-panel-body ul{min-height:115px;list-style:none;margin:0 0 20px;padding:15px 0 0;border-top:1px solid #263a4c;display:grid;gap:10px}.exclusive-panel-body li{position:relative;padding-left:22px;color:#c6d0db;font-size:12px}.exclusive-panel-body li:before{content:"✓";position:absolute;left:0;color:#43df7e;font-weight:900}.exclusive-button{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#126bd6;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;transition:filter .2s ease,transform .2s ease}.exclusive-button:hover{filter:brightness(1.12);transform:translateY(-1px)} .leaderboard-discord-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:34px;padding:24px 26px;border:1px solid #4259ba;border-radius:12px;background:radial-gradient(circle at 85% 50%,#5865f238,transparent 34%),linear-gradient(120deg,#131f3d,#111b31);box-shadow:0 22px 50px #0007;transition:transform .3s ease,border-color .3s ease}.leaderboard-discord-cta:hover{transform:translateY(-4px);border-color:#7784ff}.leaderboard-discord-cta .discord-mark{width:48px;height:48px;border-radius:13px;font-size:24px}.leaderboard-discord-cta>span:nth-child(2){display:flex;flex-direction:column}.leaderboard-discord-cta small{color:#8994ea;font-size:9px;font-weight:900;letter-spacing:.15em}.leaderboard-discord-cta b{font-size:22px}.leaderboard-discord-cta em{margin-top:3px;color:#8999ad;font-size:12px;font-style:normal}.leaderboard-discord-cta>strong{padding:12px 17px;border-radius:7px;background:#5865f2;color:#fff;font-size:11px} @media(max-width:900px){.leaderboard-extras{padding-inline:22px}.exclusive-panels{grid-template-columns:1fr 1fr}.exclusive-panel:last-child{grid-column:1/-1}.leaderboard-discord-cta{grid-template-columns:auto 1fr}.leaderboard-discord-cta>strong{grid-column:1/-1;text-align:center}} @media(max-width:640px){.podium-grid{margin-top:24px}.leaderboard-discord-strip{font-size:11px;text-align:left}.leaderboard-extras{padding:28px 12px 50px}.exclusive-intro{text-align:center}.exclusive-panels{grid-template-columns:1fr}.exclusive-panel:last-child{grid-column:auto}.exclusive-panel-head{height:105px}.leaderboard-discord-cta{grid-template-columns:1fr;text-align:center}.leaderboard-discord-cta .discord-mark{margin:auto}.leaderboard-discord-cta>strong{grid-column:auto}.leaderboard-discord-cta em{line-height:1.5}} /* Competition pages use the same ONZKI frame instead of a separate copied theme. */ .leaderboard-page{position:relative;isolation:auto;overflow:visible;min-height:100vh;padding:24px 0 72px;background-color:#030b14;background-image:radial-gradient(circle at 58% 0,rgba(24,73,119,.3),transparent 31%),linear-gradient(180deg,#071421 0,#040c16 54%,#020810 100%)} .leaderboard-page:before{content:"";position:fixed;inset:0 0 0 var(--sidebar);z-index:-1;opacity:.2;pointer-events:none;background-image:linear-gradient(125deg,transparent 0 23%,rgba(71,126,172,.09) 23% 23.1%,transparent 23.1% 68%,rgba(71,126,172,.07) 68% 68.1%,transparent 68.1%);background-size:720px 620px;transform:none} .lb-wrap{width:min(1180px,calc(100% - 48px));overflow:hidden;border:1px solid #20384d;border-radius:16px;background:linear-gradient(180deg,rgba(8,21,35,.96),rgba(4,12,21,.98));box-shadow:0 30px 75px rgba(0,4,10,.52)} .lb-hero{border:0;border-bottom:1px solid #20384d;border-radius:0;box-shadow:none;background:radial-gradient(circle at 56% 8%,rgba(30,83,139,.56),transparent 42%),linear-gradient(180deg,#0c2036,#081726)}.podium-grid{margin-top:0;border:0;border-radius:0;background:linear-gradient(180deg,#081522,#07111c)}.updated{border:0;background:#07111c} .ranking-table{border-color:#243b50;background:#0a1725;box-shadow:0 18px 42px rgba(0,4,10,.4)}.ranking-head{background:#13263a}.ranking-row:nth-child(even){background:#0e1e2e}.ranking-row{border-color:#1e3448} .winner-card,.exclusive-panel,.leaderboard-discord-strip,.leaderboard-discord-cta,.tab,.rules-btn,.show-more{transition:transform .24s cubic-bezier(.2,.7,.25,1),border-color .24s ease,box-shadow .24s ease,background-color .24s ease,filter .24s ease}.winner-card{box-shadow:0 18px 38px rgba(0,3,8,.48),inset 0 1px rgba(255,255,255,.035)} .winner-card:hover,.winner-card.first:hover,.winner-card.second:hover,.winner-card.third:hover{border-color:#69c5ff;transform:translateY(-5px) scale(1.018);box-shadow:0 23px 46px rgba(0,4,10,.58),0 0 0 1px rgba(105,197,255,.16)}.winner-card.first{transform:translateY(-12px)}.winner-card.first:hover{transform:translateY(-17px) scale(1.018)} .leaderboard-discord-strip:hover,.leaderboard-discord-cta:hover,.exclusive-panel:hover{border-color:#69c5ff;transform:translateY(-3px);box-shadow:0 22px 46px rgba(0,4,10,.52),0 0 0 1px rgba(105,197,255,.14)}.tab:hover,.rules-btn:hover,.show-more:hover,.exclusive-button:hover{border-color:#69c5ff;filter:brightness(1.04)} .exclusive-panel{border-color:#263e53;background:#0c1927;box-shadow:0 18px 40px rgba(0,4,10,.44)}.exclusive-panel-head,.green-offer .exclusive-panel-head,.violet-offer .exclusive-panel-head{background:radial-gradient(circle at 85% 20%,rgba(55,145,219,.24),transparent 38%),linear-gradient(145deg,#0b1b2b,#102b47)}.exclusive-panel-head span,.green-offer .exclusive-panel-head span,.violet-offer .exclusive-panel-head span,.exclusive-button,.green-offer .exclusive-button,.violet-offer .exclusive-button{background:#197fc7} .leaderboard-discord-cta{border-color:#29465e;background:radial-gradient(circle at 86% 50%,rgba(73,155,216,.18),transparent 35%),linear-gradient(120deg,#0c1b2b,#0b1725)}.leaderboard-discord-cta>strong{background:#197fc7} @media(max-width:1000px){.lb-wrap{width:calc(100% - 28px)}}@media(max-width:640px){.leaderboard-page{padding-top:10px}.leaderboard-page:before{left:0}.lb-wrap{width:calc(100% - 20px)}.winner-card.first{transform:none}.winner-card:hover,.winner-card.first:hover{transform:translateY(-3px) scale(1.01)}}@media(prefers-reduced-motion:reduce){.winner-card,.exclusive-panel,.leaderboard-discord-strip,.leaderboard-discord-cta,.tab,.rules-btn,.show-more{transition:none!important;transform:none!important}} .discord-cta-icon{width:48px;height:48px;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3));transition:transform .22s ease,filter .22s ease}.leaderboard-discord-cta:hover .discord-cta-icon{transform:scale(1.05);filter:brightness(1.06) drop-shadow(0 10px 20px rgba(61,132,219,.25))}@media(max-width:640px){.discord-cta-icon{margin:auto}} .leaderboard-discord-cta>strong{min-width:164px;min-height:58px;display:flex;align-items:center;justify-content:center;padding:16px 24px;border:1px solid #7882ff;border-radius:9px;background:#5865f2;color:#fff;font-size:13px;box-shadow:0 12px 25px rgba(35,43,145,.3),inset 0 1px rgba(255,255,255,.16);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.leaderboard-discord-cta:hover>strong{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 16px 30px rgba(35,43,145,.4),0 0 0 1px rgba(138,147,255,.16)}@media(max-width:640px){.leaderboard-discord-cta>strong{width:100%;min-width:0}} /* Use the literal landing-page canvas instead of a lighter transparent variant. */ .leaderboard-page{background-color:#030a13!important;background-image:radial-gradient(circle at 78% 3%,rgba(21,66,110,.34),transparent 30%),linear-gradient(180deg,#071321 0,#030b14 55%,#020810 100%)!important;background-repeat:no-repeat!important;background-attachment:fixed!important;background-size:100% 100%!important}.leaderboard-page:before{display:none!important} /* Leaderboard rules modal */ #rulesDialog{width:min(720px,calc(100% - 28px));max-width:none;padding:34px 36px 30px;border:1px solid #29516c;border-radius:20px;background:linear-gradient(155deg,#091923,#07151f);box-shadow:0 38px 100px rgba(0,0,0,.78),0 0 45px rgba(52,173,224,.11);color:#eef6ff}#rulesDialog::backdrop{background:rgba(0,5,10,.78);backdrop-filter:blur(6px)}#rulesDialog .dialog-close{position:absolute;top:22px;right:24px;float:none;width:38px;height:38px;display:grid;place-items:center;padding:0;color:#a9bdd2;font-size:34px;font-weight:300;line-height:1;transition:color .2s ease,transform .2s ease}#rulesDialog .dialog-close:hover{color:#69c5ff;transform:rotate(4deg)}#rulesDialog h3{margin:0 48px 10px 0;font-size:30px;letter-spacing:-.035em}#rulesDialog .rules-intro{margin:0 0 28px;color:#a7bbcf;font-size:16px;line-height:1.5}.rule-tiers{display:grid;gap:16px}.rule-tier{padding:21px 23px;border:1px solid #17384b;border-radius:16px;background:#0b1926;box-shadow:inset 0 1px rgba(255,255,255,.025)}.rule-tier>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.rule-tier h4{margin:0;color:#47caff;font-size:17px}.rule-tier strong{color:#47caff;font-size:22px}.rule-tier p{margin:9px 0 0;color:#a9bed2;font-size:14px;line-height:1.5}.rule-tier-half h4,.rule-tier-half strong{color:#ffd21f}.rule-tier-low h4,.rule-tier-low strong{color:#ff5961}.rules-note{max-width:600px;margin:27px auto 0!important;color:#7f95a9!important;text-align:center;font-size:13px!important;line-height:1.55!important} @media(max-width:640px){#rulesDialog{padding:28px 18px 24px;border-radius:16px}#rulesDialog .dialog-close{top:16px;right:16px}#rulesDialog h3{font-size:25px}#rulesDialog .rules-intro{font-size:14px}.rule-tier{padding:17px 16px}.rule-tier>div{align-items:flex-start}.rule-tier h4{font-size:14px}.rule-tier strong{font-size:18px}.rule-tier p{font-size:12px}.rules-note{font-size:11px!important}} /* ONZKI-native rules presentation */ #rulesDialog{width:min(860px,calc(100% - 28px));padding:38px;border-color:#26465e;border-radius:16px;background:radial-gradient(circle at 84% 4%,rgba(50,145,216,.18),transparent 31%),linear-gradient(155deg,#0b1b2a,#06121d);box-shadow:0 36px 95px rgba(0,0,0,.76),inset 0 1px rgba(255,255,255,.035)}#rulesDialog .rules-kicker{display:block;margin-bottom:7px;color:#68bfff;font-size:10px;font-weight:900;letter-spacing:.2em}#rulesDialog h3{font-size:32px}#rulesDialog .rules-intro{max-width:610px;margin-bottom:30px;color:#8fa5ba}.rule-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.rule-tier{position:relative;min-height:190px;display:flex;flex-direction:column;padding:21px 19px 19px;overflow:hidden;border-color:#223b50;border-radius:11px;background:linear-gradient(160deg,#102236,#0a1725);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.rule-tier:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:#59bfff}.rule-tier-half:before{background:#d8ac38}.rule-tier-low:before{background:#c95e68}.rule-tier:hover{transform:translateY(-3px);border-color:#69c5ff;box-shadow:0 17px 34px rgba(0,4,10,.42),0 0 0 1px rgba(105,197,255,.1)}.rule-tier>div{display:block}.rule-tier h4{min-height:42px;color:#dce8f3;font-size:14px;line-height:1.45}.rule-tier strong{display:block;margin:12px 0 15px;color:#69c5ff;font-size:36px;line-height:1}.rule-tier-half strong{color:#e2b844}.rule-tier-low strong{color:#df6973}.rule-tier-half h4,.rule-tier-low h4{color:#dce8f3}.rule-tier p{margin-top:auto;color:#8299ae;font-size:12px}.rules-note{max-width:680px!important;margin-top:25px!important;padding-top:20px;border-top:1px solid #1f3548;color:#71879b!important}.rules-note:before{content:"HOW CONTRIBUTIONS WORK";display:block;margin-bottom:7px;color:#69bfff;font-size:9px;font-weight:900;letter-spacing:.16em} @media(max-width:760px){#rulesDialog{padding:31px 23px}.rule-tiers{grid-template-columns:1fr}.rule-tier{min-height:0}.rule-tier h4{min-height:0}.rule-tier strong{margin:9px 0;font-size:29px}} /* Keep the leaderboard aligned with the home hero at the top of the page. */ .leaderboard-page{padding-top:20px!important} @media(max-width:640px){.leaderboard-page{padding-top:20px!important}} /* Uploaded ONZKI artwork replaces the generated text avatars. */ .onzki-avatar{ width:78px; height:78px; display:block; flex:0 0 auto; object-fit:cover; border:1px solid #69c8ff; border-radius:16px; background:#0d2134; box-shadow:0 0 0 3px #0e1928,0 13px 27px rgba(0,0,0,.46); } .player-cell .onzki-avatar{ width:40px; height:40px; border-width:1px; border-radius:9px; box-shadow:0 0 0 2px #0e1928; } /* Layered electric-blue treatment shared by leaderboard and raffle totals. */ .lb-hero h1{ position:relative; isolation:isolate; display:inline-block; padding:.035em .16em .13em; font-family:Inter,system-ui,sans-serif; font-weight:900; letter-spacing:-.065em; color:#58ccff; background: linear-gradient(108deg,transparent 25%,rgba(255,255,255,0) 38%,rgba(235,253,255,.98) 48%,rgba(255,255,255,0) 57%,transparent 72%) 170% 50%/245% 100% no-repeat, linear-gradient(180deg,#f4feff 0%,#c9f6ff 11%,#69ddff 25%,#1da9ef 43%,#07569f 49%,#baf4ff 53%,#258fd8 69%,#063f79 86%,#4bc7ff 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; -webkit-text-stroke:1px rgba(2,34,70,.9); text-shadow: 0 -1px 0 #eaffff, 1px 1px 0 #67d9ff, 2px 2px 0 #32afea, 3px 3px 0 #1884c8, 4px 4px 0 #0d64a5, 5px 5px 0 #08487d, 6px 7px 0 #052f58, 7px 9px 2px rgba(1,23,47,.82), 0 14px 8px rgba(0,10,27,.7), 0 24px 24px rgba(0,0,0,.68), 0 0 24px rgba(49,184,255,.28); filter: drop-shadow(0 0 7px rgba(151,234,255,.38)) drop-shadow(0 14px 18px rgba(0,5,14,.55)); transform:translateZ(0); } .lb-hero h1>span{ position:relative; z-index:1; } .lb-hero h1:before{ content:""; position:absolute; inset:20% -5% 5%; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,rgba(50,183,255,.25),rgba(10,84,159,.1) 43%,transparent 72%); filter:blur(17px); pointer-events:none; } .lb-hero h1:after{ content:"✦"; position:absolute; top:-.08em; right:-.12em; z-index:2; color:#eafaff; background:none; font-size:.2em; line-height:1; letter-spacing:0; -webkit-text-fill-color:#eafaff; -webkit-text-stroke:0; text-shadow: -1.35em 1.12em 0 #46c9ff, -3.25em .18em 0 rgba(181,237,255,.9), 0 0 8px #dff8ff, 0 0 18px rgba(55,183,255,.9); filter:drop-shadow(0 0 5px rgba(137,225,255,.95)); } .lb-hero h2{ color:#edf0f3; background:linear-gradient(180deg,#fff 0%,#eef0f2 55%,#cbd0d6 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:none; filter:drop-shadow(0 9px 13px rgba(0,8,24,.42)); } @keyframes onzkiBlueSweep{ 0%,18%{background-position:170% 50%,0 0} 58%,100%{background-position:-75% 50%,0 0} } @keyframes onzkiBlueSparkle{ 0%,100%{opacity:.5;transform:scale(.72) rotate(-8deg)} 48%{opacity:1;transform:scale(1.16) rotate(5deg)} } @media(prefers-reduced-motion:no-preference){ .lb-hero h1{animation:onzkiBlueSweep 4.8s ease-in-out infinite} .lb-hero h1:after{animation:onzkiBlueSparkle 2.4s ease-in-out infinite} } @media(max-width:640px){ .lb-hero h1{ -webkit-text-stroke:.7px rgba(2,30,67,.86); text-shadow: 0 -1px 0 #effcff, 1px 1px 0 #55cfff, 2px 2px 0 #1689d5, 3px 3px 0 #07528e, 4px 6px 2px rgba(0,24,55,.78), 0 13px 16px rgba(0,0,0,.64), 0 0 18px rgba(62,190,255,.22); } } @media(prefers-reduced-motion:reduce){ .lb-hero h1,.lb-hero h1:after{animation:none} .lb-hero h1{background-position:15% 50%,0 0} } @media(forced-colors:active){ .lb-hero h1{ color:CanvasText; background:none; -webkit-text-fill-color:CanvasText; -webkit-text-stroke:0; text-shadow:none; filter:none; } .lb-hero h1:before,.lb-hero h1:after{display:none} } /* Leaderboard signup call-to-action */ .leaderboard-join{margin:0 42px 34px;padding:26px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;border:1px solid #294b65;border-radius:12px;background:radial-gradient(circle at 92% 10%,rgba(70,173,241,.2),transparent 35%),linear-gradient(135deg,#102338,#0a1928);box-shadow:0 18px 42px rgba(0,4,10,.4)}.leaderboard-join>div:first-child>span{color:#65bfff;font-size:10px;font-weight:900;letter-spacing:.17em}.leaderboard-join h2{margin:6px 0 7px;font-size:25px;letter-spacing:-.035em;text-transform:uppercase}.leaderboard-join p{margin:0;color:#8fa5ba;font-size:13px;line-height:1.55}.leaderboard-join p b{color:#69c5ff}.leaderboard-join-actions{display:flex;gap:10px}.leaderboard-join-button,.leaderboard-code-button{min-height:50px;display:flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid #70c8ff;border-radius:8px;font:900 12px Inter,system-ui,sans-serif;transition:transform .2s ease,filter .2s ease,border-color .2s ease}.leaderboard-join-button{background:linear-gradient(#69c4ff,#2f91e3);color:#061a2c}.leaderboard-code-button{gap:7px;background:#13283c;color:#eef7ff;cursor:pointer}.leaderboard-code-button span{color:#7892a9;font-size:10px}.leaderboard-code-button b{color:#69c5ff}.leaderboard-code-button img{width:18px;height:18px;object-fit:contain}.leaderboard-join-button:hover,.leaderboard-code-button:hover{transform:translateY(-2px);filter:brightness(1.07)}.leaderboard-code-button.is-copied{border-color:#5ee0a0;background:#12352d}.leaderboard-copy-status{grid-column:1/-1;min-height:18px!important;margin:-16px 0 -10px!important;color:#68dca1!important;text-align:right}@media(max-width:760px){.leaderboard-join{grid-template-columns:1fr;margin-inline:12px;text-align:center}.leaderboard-join-actions{justify-content:center}.leaderboard-copy-status{text-align:center}}@media(max-width:440px){.leaderboard-join-actions{flex-direction:column}.leaderboard-join-button,.leaderboard-code-button{width:100%}}