500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#050713;--panel:#0a0e1f;--panel2:#10162b;--line:rgba(159,180,255,.14);--text:#f5f7ff;--mut:#8f99b5;--cyan:#49e6ff;--violet:#7c5cff;--gold:#f7c96b;--green:#58f4a7;--danger:#ff5c7c;--shadow:0 24px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}.ambient{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 20% 0,#111b49 0,transparent 34%),radial-gradient(circle at 90% 15%,#261246 0,transparent 34%),linear-gradient(145deg,#040610,#070b18 55%,#050713)}.ambientGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(91,122,210,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(91,122,210,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.scanlines{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.09) 50%);background-size:100% 4px;opacity:.22;pointer-events:none}.flare{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25}.flareA{width:500px;height:500px;background:#166fff;left:-170px;top:25%}.flareB{width:430px;height:430px;background:#7b35ff;right:-150px;bottom:5%}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.45;transform:scale(1.05)}}@keyframes spin{to{transform:rotate(360deg)}}
.loader{position:fixed;inset:0;background:#050713;display:grid;place-items:center;z-index:200;transition:.5s}.loader.hide{opacity:0;pointer-events:none}.loaderCore{position:relative;width:180px;height:180px;display:grid;place-items:center}.loaderCore:before,.loaderCore:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(73,230,255,.35);animation:spin 4s linear infinite}.loaderCore:after{inset:20px;border-color:rgba(124,92,255,.5);animation-direction:reverse;animation-duration:2.8s}.loader img{width:92px;filter:drop-shadow(0 0 30px rgba(73,230,255,.45))}.loader p{position:absolute;margin-top:260px;font:700 11px Space Grotesk;letter-spacing:.24em;color:var(--mut)}
.sound{position:fixed;right:18px;bottom:18px;z-index:100;border:1px solid var(--line);background:rgba(8,12,27,.8);color:var(--text);border-radius:14px;padding:11px 14px;backdrop-filter:blur(18px);cursor:pointer;box-shadow:var(--shadow)}.sound:before{content:"◉";color:var(--cyan);margin-right:8px}.sound.muted:before{color:var(--mut)}
.btn{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:13px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;cursor:pointer;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:rgba(73,230,255,.45);background:rgba(73,230,255,.07)}.btn.primary{background:linear-gradient(135deg,#2abbd4,#6651e9);border-color:transparent;box-shadow:0 12px 32px rgba(66,106,255,.25)}.btn.primary:hover{box-shadow:0 18px 42px rgba(73,230,255,.28)}.btn.glass{background:rgba(255,255,255,.04)}.btn.discord{background:linear-gradient(135deg,#5865f2,#754ee8);border:0}.btn.good{background:linear-gradient(135deg,#1dbb73,#318c69);border:0}.btn.danger,.danger{background:rgba(255,92,124,.12)!important;border-color:rgba(255,92,124,.35)!important;color:#ff91a7!important}.wide{width:100%}.mini{padding:7px 10px;font-size:12px}.hidden{display:none!important}.mut{color:var(--mut)}.small{font-size:12px}.eyebrow,.pageEyebrow{font:800 10px Space Grotesk;letter-spacing:.2em;color:var(--cyan)}
/* AUTH */
.authShell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr)}.authVisual{padding:clamp(40px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.authVisual:after{content:"";position:absolute;width:640px;height:640px;border:1px solid rgba(73,230,255,.12);border-radius:50%;right:-260px;top:8%;box-shadow:0 0 0 70px rgba(73,230,255,.025),0 0 0 140px rgba(124,92,255,.018)}.authVisualTop{display:flex;align-items:center;gap:10px;font:700 11px Space Grotesk;letter-spacing:.16em;color:var(--mut);position:absolute;top:34px}.liveDot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.authLogoWrap{position:relative;width:120px;height:120px;display:grid;place-items:center;margin-bottom:30px}.authLogoWrap img{width:88px;position:relative;z-index:2;filter:drop-shadow(0 0 24px rgba(73,230,255,.35))}.logoHalo{position:absolute;inset:0;border:1px solid rgba(73,230,255,.25);border-radius:28px;transform:rotate(45deg);background:linear-gradient(135deg,rgba(73,230,255,.08),rgba(124,92,255,.08))}.authKicker{font:800 11px Space Grotesk;letter-spacing:.34em;color:var(--cyan);margin:0 0 14px}.authVisual h1{font:800 clamp(46px,6vw,84px)/.98 Space Grotesk;margin:0;letter-spacing:-.055em;max-width:820px}.authVisual h1 span{background:linear-gradient(90deg,var(--cyan),#b49cff);-webkit-background-clip:text;color:transparent}.authLead{font-size:17px;line-height:1.7;color:var(--mut);max-width:660px}.authFeatures{display:flex;gap:28px;margin-top:35px}.authFeatures div{display:grid;gap:5px}.authFeatures b{font:700 11px Space Grotesk;color:var(--gold)}.authFeatures span{font-size:13px;color:#c7cee3}.authPanelWrap{display:grid;place-items:center;padding:30px;background:linear-gradient(180deg,rgba(7,10,24,.4),rgba(4,6,15,.85));border-left:1px solid var(--line)}.authPanel{width:min(470px,100%);padding:30px;border:1px solid var(--line);border-radius:28px;background:rgba(10,14,31,.82);backdrop-filter:blur(24px);box-shadow:var(--shadow);animation:rise .55s}.authPanelHead>span{font:800 10px Space Grotesk;letter-spacing:.18em;color:var(--cyan)}.authPanelHead h2{font:700 31px Space Grotesk;margin:10px 0 7px}.authPanelHead p,.authFoot{color:var(--mut);font-size:13px}.authDiscord{margin:22px 0 16px}.discordMark{font-size:18px}.authSep{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:11px;margin:14px 0}.authSep:before,.authSep:after{content:"";height:1px;flex:1;background:var(--line)}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#070b18;border:1px solid var(--line);border-radius:13px;margin-bottom:18px}.tabs button{border:0;background:transparent;color:var(--mut);padding:10px;border-radius:9px;cursor:pointer;font-weight:700}.tabs button.active{background:var(--panel2);color:var(--text);box-shadow:0 4px 16px rgba(0,0,0,.25)}.field{margin:13px 0}.field label{display:block;font-size:12px;font-weight:700;color:#c4cbe0;margin:0 0 7px}.field small{display:block;color:var(--mut);font-size:11px;margin-top:6px}.field input,.field textarea,.field select,.shopSearch,.refLinkBox input,.refApply input{width:100%;background:#070a16;border:1px solid var(--line);color:var(--text);padding:13px 14px;border-radius:12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus,.shopSearch:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(73,230,255,.08)}
/* APP SHELL */
.appShell{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;padding:22px 17px;background:rgba(6,9,20,.92);border-right:1px solid var(--line);backdrop-filter:blur(24px);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:3px 8px 24px}.brandSigil{width:42px;height:42px;border:1px solid rgba(73,230,255,.24);border-radius:12px;background:linear-gradient(135deg,rgba(73,230,255,.09),rgba(124,92,255,.12));display:grid;place-items:center;transform:rotate(45deg)}.brandSigil img{width:29px;transform:rotate(-45deg)}.brand>div:last-child{display:grid}.brand b{font:800 22px Space Grotesk;letter-spacing:.08em}.brand span{font:700 8px Space Grotesk;letter-spacing:.18em;color:var(--mut)}.navCaption{font:700 9px Space Grotesk;letter-spacing:.18em;color:#59637e;padding:12px 11px}.nav{display:grid;gap:6px}.navItem{position:relative;width:100%;border:1px solid transparent;background:transparent;color:#8993ad;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;cursor:pointer;font-weight:650;transition:.2s}.navItem:hover{color:#fff;background:rgba(255,255,255,.035)}.navItem.active{color:#fff;background:linear-gradient(90deg,rgba(73,230,255,.13),rgba(124,92,255,.08));border-color:rgba(73,230,255,.18)}.navItem.active:before{content:"";position:absolute;left:-18px;width:3px;height:26px;border-radius:5px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.navIcon{font-size:17px;color:var(--cyan)}.navItem b{min-width:21px;height:21px;border-radius:7px;background:rgba(124,92,255,.16);display:grid;place-items:center;font-size:10px;color:#c6baff}.adminQuick{margin:18px 5px;padding:14px;border:1px solid rgba(247,201,107,.2);background:linear-gradient(135deg,rgba(247,201,107,.08),rgba(124,92,255,.05));border-radius:14px}.adminQuick span{font:800 8px Space Grotesk;letter-spacing:.16em;color:var(--gold)}.adminQuick button{border:0;background:transparent;color:#fff;padding:8px 0 0;text-align:left;cursor:pointer;font-size:12px;font-weight:700}.sideSpacer{flex:1}.sideProfile{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 6px 12px}.sideProfile img{width:38px;height:38px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.sideProfile div{display:grid;min-width:0}.sideProfile b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideProfile span{font-size:10px;color:var(--mut)}.sideProfile button{border:0;background:transparent;color:var(--mut);cursor:pointer}.logoutBtn{border:0;background:transparent;color:#68728c;padding:10px 8px;text-align:left;cursor:pointer}.workspace{min-width:0}.workspaceTop{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(6,9,20,.55);backdrop-filter:blur(18px);position:sticky;top:0;z-index:15}.crumb{font:800 9px Space Grotesk;letter-spacing:.18em;color:var(--cyan)}.workspaceTop p{margin:4px 0 0;font-size:11px;color:var(--mut)}.topTools{display:flex;gap:9px}.iconBtn{position:relative;width:40px;height:40px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:12px;cursor:pointer}.iconBtn b{position:absolute;right:-5px;top:-5px;min-width:17px;height:17px;background:var(--violet);border-radius:6px;display:grid;place-items:center;font-size:9px}.main{padding:30px clamp(18px,3vw,44px) 70px;animation:rise .35s}.pageHead,.top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:24px 0}.pageHead h2,.top h2{font:700 clamp(28px,3vw,42px) Space Grotesk;margin:5px 0 0;letter-spacing:-.035em}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sectionNav{border:1px solid var(--line);background:rgba(10,14,31,.72);padding:12px;border-radius:16px;margin-bottom:18px}.sectionNavTitle{font:800 9px Space Grotesk;letter-spacing:.16em;color:var(--mut);margin:4px 6px 9px}.sectionNavGroup{display:flex;gap:7px;flex-wrap:wrap}.sectionNavBtn{border:1px solid transparent;background:transparent;color:var(--mut);border-radius:10px;padding:9px 12px;cursor:pointer;font-weight:700;font-size:12px}.sectionNavBtn.active{background:rgba(73,230,255,.08);border-color:rgba(73,230,255,.18);color:#fff}.sectionNavBtn b{margin-left:8px;color:var(--cyan)}
/* HOME */
.commandHero{min-height:390px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(125deg,rgba(13,20,46,.95),rgba(12,11,32,.92));position:relative;overflow:hidden;padding:clamp(30px,5vw,65px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;box-shadow:var(--shadow)}.commandHero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 50%,rgba(73,230,255,.06)),repeating-linear-gradient(120deg,transparent 0 40px,rgba(255,255,255,.012) 41px 42px)}.commandCopy{position:relative;z-index:2}.heroTag{font:800 10px Space Grotesk;letter-spacing:.21em;color:var(--cyan)}.commandCopy h1{font:800 clamp(45px,6vw,76px)/.94 Space Grotesk;letter-spacing:-.055em;margin:16px 0}.commandCopy h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#a58bff);-webkit-background-clip:text;color:transparent}.commandCopy p{color:#aab3cc;max-width:620px;line-height:1.7}.heroButtons{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.commandOrb{position:relative;min-height:270px;display:grid;place-items:center}.commandOrb img{width:120px;filter:drop-shadow(0 0 38px rgba(73,230,255,.45));z-index:2}.commandOrb>span{position:absolute;bottom:10px;font:800 9px Space Grotesk;letter-spacing:.22em;color:var(--green)}.orbRing{position:absolute;border-radius:50%;border:1px solid rgba(73,230,255,.24)}.ring1{width:250px;height:250px;animation:spin 16s linear infinite}.ring1:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);left:24px;top:42px;box-shadow:0 0 18px var(--cyan)}.ring2{width:190px;height:190px;border-style:dashed;border-color:rgba(124,92,255,.35);animation:spin 10s linear infinite reverse}.metricStrip{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.metricStrip article{background:rgba(8,12,27,.9);padding:20px}.metricStrip span{font:800 8px Space Grotesk;letter-spacing:.15em;color:var(--mut)}.metricStrip b{display:block;font:700 28px Space Grotesk;margin:8px 0 3px}.metricStrip em{font-style:normal;font-size:10px;color:#66708c}.quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quickCard{min-height:220px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(15,21,43,.85),rgba(7,10,24,.9));border-radius:20px;padding:20px;text-align:left;cursor:pointer;color:#fff;position:relative;overflow:hidden;transition:.25s}.quickCard:hover{transform:translateY(-5px);border-color:rgba(73,230,255,.32);box-shadow:0 22px 50px rgba(0,0,0,.28)}.quickCard:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;bottom:-60px;background:var(--accent,rgba(73,230,255,.15));filter:blur(24px)}.quickCard>span{font:700 9px Space Grotesk;color:#56617c}.quickCard i{display:block;font-style:normal;font-size:27px;color:var(--cyan);margin:22px 0}.quickCard h3{font:700 20px Space Grotesk;margin:0 0 8px}.quickCard p{font-size:12px;color:var(--mut);line-height:1.6}.quickCard em{font-style:normal;color:#c9d1e7;font-size:11px;font-weight:700}.quickCard.gift{--accent:rgba(247,201,107,.2)}.quickCard.gift i{color:var(--gold)}.quickCard.referral{--accent:rgba(124,92,255,.2)}.quickCard.referral i{color:#9d89ff}.featuredBlock{margin-top:42px}.blockTitle{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.blockTitle span{font:800 9px Space Grotesk;letter-spacing:.18em;color:var(--cyan)}.blockTitle h2{font:700 28px Space Grotesk;margin:6px 0 0}
/* CARDS / SHOP */
.card,.panel,.modalBox,.refCard{background:linear-gradient(145deg,rgba(14,19,40,.9),rgba(7,10,24,.92));border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.24);padding:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.num{font:700 32px Space Grotesk;margin-top:8px}.stat{font:800 9px Space Grotesk;letter-spacing:.14em;color:var(--mut)}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.productCard{border:1px solid var(--line);background:#090d1d;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:.25s;min-width:0}.productCard:hover{transform:translateY(-5px);border-color:rgba(73,230,255,.3);box-shadow:0 24px 55px rgba(0,0,0,.35)}.productVisual{height:145px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,rgba(73,230,255,.12),transparent 45%),linear-gradient(145deg,#101936,#0b1024);overflow:hidden}.productVisual:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(73,230,255,.12);transform:rotate(45deg)}.productVisual i{font-style:normal;font-size:48px;color:var(--cyan);text-shadow:0 0 32px rgba(73,230,255,.4);z-index:1}.productType{position:absolute;top:13px;left:13px;font:800 8px Space Grotesk;letter-spacing:.14em;color:#aab4cf}.productGlow{position:absolute;width:130px;height:80px;background:rgba(124,92,255,.18);filter:blur(30px);bottom:-35px}.productBody{padding:18px;display:flex;flex-direction:column;flex:1}.productTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.productTitleRow h3{font:700 18px Space Grotesk;margin:0}.hotBadge{font:800 7px Space Grotesk;letter-spacing:.12em;padding:5px 7px;border-radius:7px;color:#201705;background:var(--gold)}.productBody p{color:var(--mut);font-size:12px;line-height:1.6;min-height:39px}.coinAmount{display:flex;align-items:center;gap:7px;color:#d6ddf2;font-size:12px;font-weight:700;margin-top:10px}.coinAmount span{color:var(--cyan)}.productFooter{display:flex;align-items:end;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.productFooter small{display:block;font:800 8px Space Grotesk;letter-spacing:.12em;color:var(--mut)}.productFooter strong{font:700 25px Space Grotesk;color:#fff}.addCart{width:39px;height:39px;border-radius:12px;border:1px solid rgba(73,230,255,.25);background:rgba(73,230,255,.08);color:var(--cyan);font-size:21px;cursor:pointer}.productActions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px}.giftAction{color:var(--gold);border-color:rgba(247,201,107,.2)}.shopSection{margin:30px 0}.shopSectionTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.shopSearch{min-width:280px}.price{font:700 25px Space Grotesk;color:var(--green)}
/* CART / TABLES */
.cartGrid{display:grid;grid-template-columns:1.4fr .75fr;gap:16px;align-items:start}.cartLine{display:grid;grid-template-columns:1fr 90px auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.checkout{position:sticky;top:94px}.sum{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.sum.total{font:700 21px Space Grotesk;border:0}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(7,10,24,.65)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}th{font:800 8px Space Grotesk;letter-spacing:.12em;color:#77829f;background:rgba(255,255,255,.018)}tr:hover td{background:rgba(73,230,255,.018)}.pill{display:inline-flex;padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.06);font-size:10px}.paid{color:var(--green);background:rgba(88,244,167,.09)}.pending{color:var(--gold);background:rgba(247,201,107,.09)}.test{color:var(--violet)}
/* MODAL / TOAST */
.modal{position:fixed;inset:0;background:rgba(2,4,12,.76);backdrop-filter:blur(12px);display:grid;place-items:center;padding:18px;z-index:120}.modalBox{width:min(650px,100%);max-height:90vh;overflow:auto;animation:rise .25s}.giftIcon{width:70px;height:70px;border-radius:20px;background:linear-gradient(135deg,rgba(247,201,107,.15),rgba(124,92,255,.18));display:grid;place-items:center;font-size:30px;margin:0 auto}.giftModal{text-align:center}.giftActions{display:flex;gap:9px}.giftActions>*{flex:1}#toast{position:fixed;right:20px;bottom:75px;z-index:180;display:grid;gap:8px}.toast{min-width:260px;padding:13px 15px;border:1px solid rgba(73,230,255,.2);background:rgba(8,12,27,.94);border-radius:12px;box-shadow:var(--shadow);animation:rise .25s;font-size:12px}
/* PROFILE / REFERRAL */
.profileDiscordHead{display:flex;gap:18px;align-items:center}.profileDiscordAvatar{width:88px;height:88px;border-radius:22px;object-fit:cover;border:1px solid rgba(73,230,255,.22)}.profileReadOnlyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.refHero{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.refMain{position:relative;overflow:hidden}.refMain:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(73,230,255,.08);filter:blur(50px);right:-120px;bottom:-160px}.refTop,.refProgressText{display:flex;justify-content:space-between;gap:14px}.refLabel{font:800 9px Space Grotesk;letter-spacing:.15em;color:var(--cyan)}.refCode{font:700 clamp(26px,4vw,46px) Space Grotesk;margin-top:8px}.refBadge{padding:9px 11px;border-radius:9px;background:rgba(124,92,255,.13);color:#b7a9ff;height:max-content}.refLinkBox,.refApply{display:flex;gap:9px;margin-top:16px}.refProgress{height:9px;border-radius:20px;background:#070a16;overflow:hidden;margin-top:7px}.refProgress div{height:100%;background:linear-gradient(90deg,var(--cyan),var(--violet))}.refStats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.refStatBox{padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);display:flex;align-items:center;gap:10px}.refStatBox b{font:700 21px Space Grotesk}.refStatBox p{font-size:10px;color:var(--mut);margin:2px 0}.refHelpGrid,.refAdminGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.refHelpGrid>div{padding:14px;border:1px solid var(--line);border-radius:12px}.refConfigForm{display:grid;grid-template-columns:1fr 1fr;gap:10px}.refConfigForm label{display:grid;gap:6px;font-size:11px}.refUser,.lbUser{display:flex;align-items:center;gap:9px}.refUser img,.lbUser img{width:31px;height:31px;border-radius:9px;object-fit:cover}
/* PODIUM */
.inviteHero{border:1px solid var(--line);border-radius:20px;padding:24px;background:linear-gradient(120deg,rgba(16,25,55,.9),rgba(20,12,42,.85));display:flex;justify-content:space-between;gap:20px}.inviteHero span{font:800 9px Space Grotesk;letter-spacing:.15em;color:var(--cyan)}.inviteHero h3{font:700 28px Space Grotesk;margin:9px 0}.inviteHero p{color:var(--mut);max-width:700px}.inviteSync{font-size:10px;color:var(--mut);white-space:nowrap}.invitePodium{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:end;margin:28px 0}.podiumCard{position:relative;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(16,22,45,.95),rgba(7,10,24,.95));display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;min-height:240px}.podiumPlace1{min-height:285px;border-color:rgba(247,201,107,.35);order:2}.podiumPlace2{order:1}.podiumPlace3{order:3}.podiumCard img{width:74px;height:74px;border-radius:22px;object-fit:cover;border:2px solid rgba(73,230,255,.25)}.podiumPlace1 img{width:92px;height:92px;border-color:var(--gold)}.podiumMedal{font-size:28px;margin-bottom:10px}.podiumCard strong{font:700 18px Space Grotesk;margin-top:10px}.podiumCard span{font-size:10px;color:var(--mut);margin:5px}.podiumCard>b{color:var(--cyan)}.inviteMe{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.inviteMe div{display:grid}.inviteMe em{font-style:normal;color:var(--mut);font-size:11px}.inviteMe>span{font:700 30px Space Grotesk;color:var(--cyan)}
/* RESPONSIVE */
@media(max-width:1180px){.quickGrid{grid-template-columns:repeat(2,1fr)}.metricStrip{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.authShell{grid-template-columns:1fr}.authVisual{min-height:55vh}.authPanelWrap{border-left:0;border-top:1px solid var(--line)}.appShell{grid-template-columns:1fr}.side{height:auto;position:relative;display:block;padding:12px}.brand{padding-bottom:12px}.nav{grid-template-columns:repeat(4,1fr)}.navCaption,.adminQuick,.sideSpacer,.sideProfile,.logoutBtn{display:none}.navItem{grid-template-columns:24px 1fr;padding:10px 8px}.navItem.active:before{display:none}.workspaceTop{top:0}.commandHero{grid-template-columns:1fr}.commandOrb{display:none}.cartGrid,.refHero{grid-template-columns:1fr}.checkout{position:static}.profileReadOnlyGrid{grid-template-columns:1fr}.refConfigForm{grid-template-columns:1fr}}
@media(max-width:640px){.main{padding:18px 12px 80px}.workspaceTop{padding:0 14px}.nav{grid-template-columns:repeat(2,1fr)}.navItem b{display:none}.authVisual{padding:65px 24px}.authVisual h1{font-size:46px}.authFeatures{display:grid;grid-template-columns:1fr 1fr}.authPanelWrap{padding:15px}.authPanel{padding:22px}.commandHero{padding:28px 20px;min-height:auto}.commandCopy h1{font-size:43px}.metricStrip,.quickGrid,.products,.cards,.invitePodium,.refStats,.refHelpGrid,.refAdminGrid{grid-template-columns:1fr}.podiumPlace1,.podiumPlace2,.podiumPlace3{order:initial;min-height:220px}.pageHead,.top,.blockTitle,.inviteHero{align-items:flex-start;flex-direction:column}.sectionNavGroup{display:grid;grid-template-columns:1fr 1fr}.shopSearch{min-width:0;width:100%}.cartLine{grid-template-columns:1fr}.refLinkBox,.refApply,.giftActions{flex-direction:column}.sound{right:10px;bottom:10px}.inviteMe{align-items:flex-start;flex-direction:column}}

/* =========================================================
   TNR UI POLISH 2026 — responsive, modals, admin tests
   ========================================================= */
:root{
  --surface:#0b1020;
  --surface-soft:#10172b;
  --surface-raised:#151d33;
  --border:rgba(173,188,230,.16);
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:20px;
}
html,body{min-width:320px}
body.modalOpen{overflow:hidden}
img{max-width:100%}
button,input,select,textarea{max-width:100%}

/* Loader: centered logo and text, independent of viewport size */
.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}
.loaderCore{flex:0 0 180px;width:180px;height:180px;isolation:isolate}
.loaderCore img{position:absolute;inset:50% auto auto 50%;width:84px;height:84px;object-fit:contain;transform:translate(-50%,-50%);z-index:3}
.loaderCore span{position:absolute;inset:42px;border-radius:50%;background:radial-gradient(circle,rgba(73,230,255,.11),transparent 68%);animation:pulse 2s ease-in-out infinite}
.loader p{position:static!important;margin:0!important;text-align:center;line-height:1.5;max-width:min(90vw,420px)}

/* Cleaner global surfaces */
.card,.panel,.refCard,.modalBox{background:rgba(11,16,32,.96);border-color:var(--border);box-shadow:0 16px 44px rgba(0,0,0,.25)}
.card,.panel,.refCard{overflow:hidden}
.pageHead,.top,.blockTitle{gap:14px;flex-wrap:wrap}
.pageHead>*,.top>*,.blockTitle>*{min-width:0}
h1,h2,h3,p{overflow-wrap:anywhere}
.btn{min-height:42px;line-height:1.2;white-space:normal}
.btn:hover{transform:translateY(-1px)}
.field input,.field textarea,.field select,.shopSearch,.refLinkBox input,.refApply input{min-height:46px;background:#080c18}
.field textarea{min-height:110px;resize:vertical}

/* Modal system */
.modal{opacity:0;transition:opacity .16s ease;overflow:auto;overscroll-behavior:contain}
.modal.isOpen{opacity:1}
.modalBox{position:relative;width:min(680px,calc(100vw - 32px));max-height:min(88vh,900px);padding:0;overflow:hidden;transform:translateY(12px) scale(.985);transition:transform .16s ease;border-radius:22px}
.modal.isOpen .modalBox{transform:none}
.modalContent{padding:28px;max-height:min(88vh,900px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.modalClose{position:absolute;top:14px;right:14px;z-index:5;width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:#0a0f1e;color:#dce3f7;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.modalClose:hover{background:#171e31;color:#fff;border-color:rgba(73,230,255,.35)}
.modalHeading{padding-right:42px;margin-bottom:20px}
.modalHeading h2{margin:7px 0 8px;font:700 clamp(23px,4vw,31px) Space Grotesk}
.modalHeading p{margin:0;color:var(--mut);line-height:1.6;font-size:13px}
.modalFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.modalFormGrid .field{min-width:0}
.span2{grid-column:1/-1}
.modalActions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}
.modalActions .btn{min-width:130px}
.giftModal{padding-top:4px}
.giftActions{margin-top:18px}

/* Admin test center */
.adminTestCenter{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 10px;border-color:rgba(73,230,255,.2)}
.adminTestCopy{min-width:0;max-width:700px}
.adminTestCopy h3{font:700 23px Space Grotesk;margin:7px 0}
.adminTestCopy p{margin:0;color:var(--mut);line-height:1.6;font-size:13px}
.adminTestActions{display:flex;gap:10px;flex:0 0 auto}
.adminStatNote{margin:0 0 18px;font-size:12px}
.dashboardMetrics .metricCard{min-height:126px;display:flex;flex-direction:column;justify-content:center}

/* Layout resilience */
.workspace,.main,#view{min-width:0}
.workspaceTop{backdrop-filter:blur(18px)}
.sectionNav{overflow-x:auto;scrollbar-width:thin;padding-bottom:3px}
.sectionNavGroup{min-width:max-content}
.products>*{min-width:0}
.productBody,.productTitleRow,.productFooter{min-width:0}
.productTitleRow h3{overflow-wrap:anywhere}
.productActions .btn{padding-inline:12px}
.cartGrid>*{min-width:0}
.checkout{max-width:100%}
.tableWrap{max-width:100%;-webkit-overflow-scrolling:touch}
table{font-variant-numeric:tabular-nums}
th,td{vertical-align:middle}

/* Less “generated” visual noise, more product UI */
.productCard,.quickCard,.metric,.card{border-radius:16px}
.productCard{background:#0a0f1c}
.productVisual{background:#10172a}
.productVisual:before{opacity:.45}
.quickCard{background:#0c1222!important}
.commandHero{background:linear-gradient(120deg,#101a35,#141126)}
.inviteHero{background:#10162a}
.authPanel{background:rgba(10,15,29,.95)}

/* Responsive tables: keep actions reachable */
@media(max-width:1000px){
  table{min-width:650px}
  .adminTestCenter{align-items:flex-start;flex-direction:column}
  .adminTestActions{width:100%}
  .adminTestActions .btn{flex:1}
}

@media(max-width:900px){
  .appShell{display:block}
  .side{position:sticky;top:0;z-index:60;border-right:0;border-bottom:1px solid var(--border);background:rgba(6,9,20,.97)}
  .brand{justify-content:center}
  .nav{display:flex;overflow-x:auto;gap:8px;padding:2px 2px 8px;scroll-snap-type:x proximity}
  .navItem{flex:0 0 auto;min-width:148px;scroll-snap-align:start;grid-template-columns:24px 1fr auto}
  .workspaceTop{position:relative;padding:10px 16px}
  .main{padding-top:18px}
  .modalBox{max-height:92vh}
  .modalContent{max-height:92vh}
}

@media(max-width:720px){
  .cards,.products,.quickGrid,.metricStrip{grid-template-columns:1fr 1fr}
  .modalFormGrid{grid-template-columns:1fr}
  .span2{grid-column:auto}
  .modalActions{grid-column:auto;flex-direction:column-reverse}
  .modalActions .btn{width:100%}
  .giftActions{flex-direction:column-reverse}
  .adminTestActions{flex-direction:column}
  .adminTestActions .btn{width:100%}
  .profileDiscordHead{align-items:flex-start}
  .invitePodium{grid-template-columns:1fr}
  .podiumPlace1,.podiumPlace2,.podiumPlace3{order:initial;min-height:unset}
  .refLinkBox,.refApply{flex-direction:column}
  .refLinkBox .btn,.refApply .btn{width:100%}
}

@media(max-width:560px){
  .loaderCore{width:150px;height:150px;flex-basis:150px}
  .loaderCore:after{inset:17px}
  .loaderCore img{width:72px;height:72px}
  .loader p{font-size:9px;letter-spacing:.18em}
  .main{padding:14px 10px 84px}
  .cards,.products,.quickGrid,.metricStrip,.refStats,.refHelpGrid,.refAdminGrid{grid-template-columns:1fr}
  .card,.panel,.refCard{padding:16px}
  .modal{padding:8px}
  .modalBox{width:calc(100vw - 16px);border-radius:16px}
  .modalContent{padding:22px 16px 18px}
  .modalClose{top:10px;right:10px;width:36px;height:36px}
  .modalHeading{padding-right:38px}
  .authFeatures{grid-template-columns:1fr}
  .authVisual{min-height:auto;padding:72px 20px 40px}
  .authVisual h1{font-size:40px}
  .authPanelWrap{padding:10px}
  .authPanel{padding:20px 16px;border-radius:18px}
  .navItem{min-width:132px;font-size:12px}
  .workspaceTop{padding:9px 10px}
  .sectionNavGroup{display:flex}
  .sectionNavItem{min-width:max-content}
  .productActions{grid-template-columns:1fr}
  .giftAction{width:100%}
  .productFooter strong{font-size:22px}
  .cartLine{padding:13px 0}
  #toast{left:10px;right:10px;bottom:68px}
  .toast{min-width:0;width:100%}
}

@media(max-width:380px){
  .btn{padding:11px 12px;font-size:12px}
  .brand b{font-size:18px}
  .navItem{min-width:118px;padding:9px 7px}
  .commandCopy h1{font-size:36px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* === TNR UI COMPLETENESS FIX 2026-07-10 === */
.cartPage{width:100%;max-width:1380px;margin:0 auto}.cartHeader{display:flex;align-items:center;gap:16px;margin-bottom:24px}.cartTitleIcon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,rgba(73,230,255,.13),rgba(124,92,255,.16));border:1px solid rgba(73,230,255,.2);box-shadow:0 12px 30px rgba(0,0,0,.2)}.cartHeader h2{margin:0 0 6px;font:700 clamp(26px,3vw,36px) Space Grotesk}.cartHeader p{margin:0}.cartLayout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);gap:22px;align-items:start}.cartLeft,.cartRight{min-width:0}.cartNotice{display:flex;align-items:flex-start;gap:9px;padding:14px 16px;margin-bottom:14px;border-radius:14px;background:rgba(73,230,255,.065);border:1px solid rgba(73,230,255,.16);color:#d7e7f7;font-size:13px;line-height:1.5}.cartNotice.warn{background:rgba(247,201,107,.07);border-color:rgba(247,201,107,.2);color:#f0dfb6}.cartList{display:grid;gap:12px}.cartItem{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(13,19,39,.95),rgba(8,12,25,.96));box-shadow:0 14px 36px rgba(0,0,0,.18)}.cartItemMain{min-width:0}.cartItemTitle{font:700 17px Space Grotesk;color:#fff;overflow-wrap:anywhere}.cartItemDesc{margin-top:5px;color:var(--mut);font-size:12px;line-height:1.5}.cartPrice{white-space:nowrap;font:700 18px Space Grotesk;color:#fff}.qtyBox{display:grid;grid-template-columns:38px 58px 38px;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#080d1b}.qtyBox button{height:38px;border:0;background:rgba(255,255,255,.045);color:#fff;font-size:18px;cursor:pointer;transition:.2s}.qtyBox button:hover{background:rgba(73,230,255,.12);color:var(--cyan)}.qtyBox input{width:58px;height:38px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;background:transparent;color:#fff;text-align:center;font-weight:700;appearance:textfield}.qtyBox input::-webkit-inner-spin-button,.qtyBox input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cartRemove{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,90,110,.18);background:rgba(255,76,99,.075);color:#ff8d9e;cursor:pointer;font-size:14px;transition:.2s}.cartRemove:hover{background:rgba(255,76,99,.16);border-color:rgba(255,90,110,.4);color:#fff}.giftBox{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:20px;border-radius:18px;border:1px solid rgba(247,201,107,.17);background:linear-gradient(145deg,rgba(247,201,107,.06),rgba(124,92,255,.07))}.giftBox h3{margin:0 0 6px;font:700 18px Space Grotesk}.giftBox p{margin:0}.summaryCard,.receiveCard{padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(14,19,40,.96),rgba(7,10,24,.97));box-shadow:0 18px 44px rgba(0,0,0,.22)}.summaryCard{position:sticky;top:94px}.summaryCard h3,.receiveCard h3{margin:0 0 18px;font:700 20px Space Grotesk}.discountLine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.discountLine input{min-width:0}.payMain{margin-top:16px;min-height:48px}.receiveCard{margin-top:14px}.receiveLine{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.receiveLine:last-child{border-bottom:0}.receiveLine span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(73,230,255,.07)}.receiveLine b{overflow-wrap:anywhere}.emptyCart{padding:55px 20px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.02)}.emptyCart h3{font:700 23px Space Grotesk;margin:0 0 8px}.emptyCart .btn{margin-top:14px}

/* Missing shared UI classes */
.badge,.rank{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:10px;font-weight:700}.error{color:#ff91a1;background:rgba(255,76,99,.08);border:1px solid rgba(255,76,99,.15);padding:10px 12px;border-radius:10px}.successPanel{color:#8cf2c1;background:rgba(88,244,167,.07);border:1px solid rgba(88,244,167,.15);padding:14px;border-radius:12px}.miniDanger{padding:7px 9px;border-radius:8px;border:1px solid rgba(255,76,99,.18);background:rgba(255,76,99,.07);color:#ff91a1;cursor:pointer}.profileDiscordCard,.refHelp,.refProgressWrap,.leaderHero,.recentPayments,.featuredProducts{border:1px solid var(--line);border-radius:18px;background:rgba(9,14,29,.75);padding:18px}.leaderGrid,.recentPayments{display:grid;gap:12px}.recentPay{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.recentPay:last-child{border-bottom:0}.rankingNav,.refActions,.shopSectionHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.refGlow{position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:50%;background:rgba(124,92,255,.18);filter:blur(36px);pointer-events:none}.emptyPodium{text-align:center;color:var(--mut);padding:32px}.coinIcon{display:inline-grid;place-items:center}.adminTitle{color:#9aa5c1}.refHelpBtn{margin-top:12px}.refAdminTable{overflow:auto}.authSubmit{width:100%}.adminTestModal{max-width:720px}.product,.shop{min-width:0}

@media(max-width:1050px){.cartLayout{grid-template-columns:1fr}.summaryCard{position:static}.cartRight{display:grid;grid-template-columns:1fr 1fr;gap:14px}.receiveCard{margin-top:0}}
@media(max-width:760px){.cartRight{grid-template-columns:1fr}.cartItem{grid-template-columns:minmax(0,1fr) auto}.cartPrice{grid-column:2;grid-row:1}.qtyBox{grid-column:1;grid-row:2;width:max-content}.cartRemove{grid-column:2;grid-row:2;justify-self:end}.giftBox{align-items:flex-start;flex-direction:column}.giftBox .btn{width:100%}.discountLine{grid-template-columns:1fr}.discountLine .btn{width:100%}}
@media(max-width:480px){.cartHeader{align-items:flex-start}.cartTitleIcon{width:44px;height:44px;flex:0 0 44px}.cartItem{padding:14px;gap:12px}.cartPrice{font-size:16px}.qtyBox{grid-template-columns:36px 52px 36px}.qtyBox input{width:52px}.giftBox,.summaryCard,.receiveCard{padding:16px}}
/* === END TNR UI COMPLETENESS FIX === */

/* === Steam checkout step === */
.steamCheckoutModal{max-width:620px}.steamCheckoutHead{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.steamCheckoutIcon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 52px;border-radius:16px;background:linear-gradient(145deg,#1b8acb,#0b2742);border:1px solid rgba(255,255,255,.14);font-weight:900;font-size:22px;color:#fff;box-shadow:0 12px 30px rgba(0,119,181,.25)}.steamCheckoutHead h2{margin:4px 0 7px}.steamCheckoutHead p{margin:0;line-height:1.55}.fieldHint{display:block;margin-top:8px;color:var(--muted,#8f98ad);font-size:12px;line-height:1.45}.steamCheckoutNotice{margin:16px 0 20px;padding:13px 14px;border-radius:14px;background:rgba(55,158,255,.08);border:1px solid rgba(55,158,255,.18);font-size:13px;color:#cfe9ff}.steamCheckoutModal .modalActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.steamCheckoutModal input{width:100%}@media(max-width:560px){.steamCheckoutHead{gap:12px}.steamCheckoutIcon{width:44px;height:44px;flex-basis:44px;border-radius:14px}.steamCheckoutModal .modalActions{display:grid;grid-template-columns:1fr}.steamCheckoutModal .modalActions .btn{width:100%}}

/* === TNR RED MODERN V1 START === */

:root{
    --tnr-bg:#080708;
    --tnr-bg-soft:#0d0a0b;

    --tnr-card:#120e10;
    --tnr-card-soft:#181214;
    --tnr-card-hover:#211619;

    --tnr-red:#e32d4d;
    --tnr-red-light:#ff526d;
    --tnr-red-dark:#94152e;
    --tnr-red-soft:rgba(227,45,77,.11);

    --tnr-text:#f7f3f4;
    --tnr-text-soft:#d4c9cc;
    --tnr-muted:#95878b;

    --tnr-border:rgba(255,255,255,.075);
    --tnr-red-border:rgba(227,45,77,.22);

    --tnr-radius-small:11px;
    --tnr-radius:16px;
    --tnr-radius-large:22px;

    --tnr-shadow:
        0 18px 55px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.025);

    --font-main:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}

/* Typographie */

html,
body,
button,
input,
textarea,
select,
option{
    font-family:var(--font-main) !important;
}

body{
    color:var(--tnr-text);
    font-weight:400;
    letter-spacing:0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand b,
.pageTitle,
.heroTitle,
.authTitle{
    font-family:var(--font-main) !important;
    font-weight:750 !important;
    letter-spacing:-.035em !important;
    line-height:1.08;
}

p,
.mut,
small{
    line-height:1.55;
}

.mut{
    color:var(--tnr-muted) !important;
}

/* Fond général */

body,
.ambient{
    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(165,18,45,.14),
            transparent 31%
        ),
        radial-gradient(
            circle at 90% 18%,
            rgba(93,10,29,.10),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            #070607,
            #0b0809 55%,
            #070607
        ) !important;
}

.ambientGrid{
    opacity:.32;
    background-image:
        linear-gradient(
            rgba(227,45,77,.028) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(227,45,77,.028) 1px,
            transparent 1px
        ) !important;
}

/* Navigation */

.side{
    background:
        linear-gradient(
            180deg,
            rgba(18,13,15,.985),
            rgba(7,6,7,.985)
        ) !important;
    border-color:var(--tnr-border) !important;
}

.navItem{
    min-height:48px;
    padding:0 15px !important;
    border-radius:13px !important;
    color:#aa9da1 !important;
    font-size:14px;
    font-weight:620 !important;
    transition:
        transform .18s ease,
        color .18s ease,
        background .18s ease,
        border-color .18s ease !important;
}

.navItem:hover{
    transform:translateX(2px);
    color:#fff !important;
    background:rgba(255,255,255,.035) !important;
    border-color:rgba(255,255,255,.07) !important;
}

.navItem.active{
    color:#fff !important;
    background:
        linear-gradient(
            90deg,
            rgba(227,45,77,.19),
            rgba(148,21,46,.045)
        ) !important;
    border-color:var(--tnr-red-border) !important;
    box-shadow:
        inset 3px 0 0 var(--tnr-red),
        0 10px 28px rgba(130,13,36,.12) !important;
}

.navItem.active::before{
    background:var(--tnr-red-light) !important;
    box-shadow:0 0 15px rgba(255,66,94,.48) !important;
}

.navIcon,
.eyebrow,
.pageEyebrow,
.authKicker,
.refLabel,
.inviteHero span{
    color:var(--tnr-red-light) !important;
}

/* Cartes */

.card,
.panel,
.modalBox,
.refCard,
.profileDiscordCard,
.refHelp,
.refProgressWrap,
.leaderHero,
.recentPayments,
.featuredProducts,
.cartItem,
.summaryCard,
.giftBox,
.receiveCard{
    border:1px solid var(--tnr-border) !important;
    border-radius:var(--tnr-radius-large) !important;
    background:
        linear-gradient(
            145deg,
            rgba(19,14,16,.98),
            rgba(9,7,8,.98)
        ) !important;
    box-shadow:var(--tnr-shadow) !important;
}

.card,
.panel,
.cartItem,
.summaryCard{
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}

.card:hover,
.panel:hover,
.cartItem:hover{
    transform:translateY(-2px);
    border-color:rgba(227,45,77,.20) !important;
    box-shadow:
        0 22px 65px rgba(0,0,0,.48),
        0 0 0 1px rgba(227,45,77,.03) !important;
}

/* Boutons modernes */

.btn,
button{
    font-family:var(--font-main) !important;
    font-weight:650 !important;
    letter-spacing:-.012em !important;
}

.btn{
    min-height:43px;
    padding:10px 17px !important;
    border-radius:12px !important;
    border:1px solid rgba(255,255,255,.085) !important;
    background:rgba(255,255,255,.035) !important;
    color:var(--tnr-text-soft) !important;
    box-shadow:none !important;
    transition:
        transform .17s ease,
        background .17s ease,
        color .17s ease,
        border-color .17s ease,
        box-shadow .17s ease !important;
}

.btn:hover{
    transform:translateY(-1px);
    color:#fff !important;
    border-color:rgba(227,45,77,.25) !important;
    background:rgba(227,45,77,.075) !important;
}

.btn:active{
    transform:translateY(0) scale(.985);
}

.btn.primary,
.paypalBtn,
.checkoutBtn{
    color:#fff !important;
    border-color:rgba(255,93,116,.28) !important;
    background:
        linear-gradient(
            135deg,
            #e32d4d,
            #9d1732
        ) !important;
    box-shadow:
        0 13px 30px rgba(148,21,46,.26),
        inset 0 1px 0 rgba(255,255,255,.13) !important;
}

.btn.primary:hover,
.paypalBtn:hover,
.checkoutBtn:hover{
    border-color:rgba(255,105,127,.40) !important;
    background:
        linear-gradient(
            135deg,
            #ef3857,
            #ae1b38
        ) !important;
    box-shadow:
        0 16px 38px rgba(148,21,46,.34),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.btn.danger,
.miniDanger{
    color:#ff8ca0 !important;
    border-color:rgba(227,45,77,.20) !important;
    background:rgba(227,45,77,.065) !important;
}

.btn.danger:hover,
.miniDanger:hover{
    color:#fff !important;
    border-color:rgba(227,45,77,.38) !important;
    background:rgba(227,45,77,.14) !important;
}

/* Boutons de quantité */

.qtyBtn,
.qtyBox button{
    min-width:37px;
    min-height:37px;
    border-radius:10px !important;
    border:1px solid rgba(255,255,255,.085) !important;
    background:#120d0f !important;
    color:#ddd2d5 !important;
}

.qtyBtn:hover,
.qtyBox button:hover{
    color:#fff !important;
    border-color:rgba(227,45,77,.28) !important;
    background:rgba(227,45,77,.10) !important;
}

/* Formulaires */

input,
textarea,
select,
.field input,
.field textarea,
.field select,
.shopSearch,
.refLinkBox input,
.refApply input{
    min-height:44px;
    border:1px solid rgba(255,255,255,.085) !important;
    border-radius:12px !important;
    background:#0c090a !important;
    color:var(--tnr-text) !important;
    font-size:14px;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}

textarea{
    min-height:105px;
}

input::placeholder,
textarea::placeholder{
    color:#74676b !important;
}

input:focus,
textarea:focus,
select:focus,
.field input:focus,
.field textarea:focus,
.field select:focus,
.shopSearch:focus{
    outline:none !important;
    background:#100b0d !important;
    border-color:rgba(227,45,77,.58) !important;
    box-shadow:0 0 0 3px rgba(227,45,77,.10) !important;
}

/* Prix et accents */

.price,
.productPrice,
.cartPrice,
.totalPrice,
.recentPay > em{
    color:#f25771 !important;
    font-weight:760 !important;
}

a,
.link{
    color:#ee536c !important;
}

/* Badges */

.pill,
.badge,
.statusBadge{
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.035) !important;
    font-weight:650 !important;
}

.pill.paid,
.badge.paid,
.statusBadge.paid{
    color:#65dca8 !important;
    border-color:rgba(73,216,154,.20) !important;
    background:rgba(73,216,154,.075) !important;
}

.pill.pending,
.badge.pending,
.statusBadge.pending{
    color:#e9ba69 !important;
    border-color:rgba(233,186,105,.20) !important;
    background:rgba(233,186,105,.07) !important;
}

/* Tableaux */

.tableWrap{
    border:1px solid var(--tnr-border) !important;
    border-radius:var(--tnr-radius) !important;
    background:rgba(9,7,8,.78) !important;
}

th{
    color:#9b8d91 !important;
    background:rgba(255,255,255,.018) !important;
    font-size:11px;
    font-weight:700 !important;
    letter-spacing:.045em;
    text-transform:uppercase;
}

td{
    color:#ddd3d6;
}

tr:hover td{
    background:rgba(227,45,77,.025) !important;
}

/* Modales */

.modal{
    background:rgba(3,2,2,.84) !important;
    backdrop-filter:blur(12px);
}

.modalBox{
    border-color:rgba(227,45,77,.15) !important;
}

.modalClose{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border-radius:11px !important;
    color:#cbbfc2 !important;
    border:1px solid rgba(255,255,255,.085) !important;
    background:#120d0f !important;
}

.modalClose:hover{
    color:#fff !important;
    border-color:rgba(227,45,77,.28) !important;
    background:rgba(227,45,77,.11) !important;
}

/* Loader rouge plus propre */

.loader{
    background:#080607 !important;
}

.loaderCore::before{
    border-color:rgba(227,45,77,.28) !important;
}

.loaderCore::after{
    border-color:rgba(148,21,46,.58) !important;
}

.loaderCore img{
    filter:drop-shadow(0 0 22px rgba(227,45,77,.30)) !important;
}

/* Responsive */

@media(max-width:700px){
    .btn{
        min-height:45px;
    }

    .card,
    .panel,
    .cartItem,
    .summaryCard{
        border-radius:17px !important;
    }

    h1,
    .pageTitle{
        letter-spacing:-.028em !important;
    }
}

/* === TNR RED MODERN V1 END === */

/* === TNR LEADERBOARD RED FIX START === */

/*
  Palette spécifique au classement.
  Aucun bleu/cyan dans les panneaux, cartes, onglets ou textes.
*/

.leaderHero,
.leaderboardHero,
.inviteHero,
.leaderboard-grid,
.leaderboardGrid,
.podiumGrid,
.podium-grid,
.top-list,
.topList,
.leaders,
.top-users,
.topUsers,
.ranking-grid,
.rankingGrid,
.rankCard,
.podiumCard,
.leaderCard,
.topCard,
.inviteLeaderboardCard {
    --leader-bg: #100b0d;
    --leader-bg-soft: #171012;
    --leader-bg-hover: #211418;
    --leader-border: rgba(232, 45, 78, .18);
    --leader-border-strong: rgba(255, 62, 94, .38);
    --leader-red: #e82d4e;
    --leader-red-light: #ff536f;
    --leader-red-dark: #8d112b;
    --leader-text: #f6f1f2;
    --leader-muted: #9c8e92;
}

/* Grand panneau d'introduction */

.leaderHero,
.leaderboardHero,
.inviteHero {
    background:
        radial-gradient(
            circle at 13% 30%,
            rgba(214, 25, 57, .13),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(22, 13, 16, .98),
            rgba(9, 7, 8, .99)
        ) !important;

    border: 1px solid var(--leader-border) !important;
    box-shadow:
        0 22px 60px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

/* Tous les anciens fonds bleus des zones classement */

.leaderboard-grid,
.leaderboardGrid,
.podiumGrid,
.podium-grid,
.top-list,
.topList,
.leaders,
.top-users,
.topUsers,
.ranking-grid,
.rankingGrid {
    background: transparent !important;
}

/* Cartes du podium */

.leaderboard-grid > *,
.leaderboardGrid > *,
.podiumGrid > *,
.podium-grid > *,
.top-list > *,
.topList > *,
.leaders > *,
.top-users > *,
.topUsers > *,
.ranking-grid > *,
.rankingGrid > *,
.rankCard,
.podiumCard,
.leaderCard,
.topCard,
.inviteLeaderboardCard {
    color: var(--leader-text) !important;

    background:
        linear-gradient(
            145deg,
            rgba(18, 12, 14, .99),
            rgba(8, 6, 7, .99)
        ) !important;

    border: 1px solid var(--leader-border) !important;
    border-radius: 20px !important;

    box-shadow:
        0 18px 48px rgba(0, 0, 0, .40),
        inset 0 1px 0 rgba(255, 255, 255, .024) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease !important;
}

.leaderboard-grid > *:hover,
.leaderboardGrid > *:hover,
.podiumGrid > *:hover,
.podium-grid > *:hover,
.top-list > *:hover,
.topList > *:hover,
.leaders > *:hover,
.top-users > *:hover,
.topUsers > *:hover,
.ranking-grid > *:hover,
.rankingGrid > *:hover,
.rankCard:hover,
.podiumCard:hover,
.leaderCard:hover,
.topCard:hover {
    transform: translateY(-3px) !important;
    border-color: var(--leader-border-strong) !important;

    box-shadow:
        0 24px 60px rgba(0, 0, 0, .50),
        0 0 32px rgba(191, 16, 48, .08) !important;
}

/* Carte du premier */

.leaderboard-grid > :first-child,
.leaderboardGrid > :first-child,
.podiumGrid > :first-child,
.podium-grid > :first-child,
.top-list > :first-child,
.topList > :first-child,
.leaders > :first-child,
.top-users > :first-child,
.topUsers > :first-child,
.ranking-grid > :first-child,
.rankingGrid > :first-child,
.rankCard:first-child,
.podiumCard:first-child {
    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(224, 33, 68, .11),
            transparent 48%
        ),
        linear-gradient(
            145deg,
            #1a0d11,
            #090607
        ) !important;

    border-color: rgba(255, 55, 89, .42) !important;

    box-shadow:
        0 25px 65px rgba(0, 0, 0, .52),
        0 0 34px rgba(210, 20, 55, .12),
        inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

/* Textes cyan/bleus remplacés par rouge */

.leaderHero span,
.leaderHero small,
.leaderboardHero span,
.inviteHero span,
.inviteHero small,
.leaderboard-grid .count,
.leaderboardGrid .count,
.podiumGrid .count,
.podium-grid .count,
.top-list .count,
.topList .count,
.leaders .count,
.top-users .count,
.topUsers .count,
.ranking-grid .count,
.rankingGrid .count,
.inviteCount,
.invitationCount,
.activeInvites,
.rankValue,
.scoreValue,
.podiumCount {
    color: var(--leader-red-light) !important;
}

/* Noms des joueurs */

.leaderboard-grid b,
.leaderboardGrid b,
.podiumGrid b,
.podium-grid b,
.top-list b,
.topList b,
.leaders b,
.top-users b,
.topUsers b,
.ranking-grid b,
.rankingGrid b,
.playerName,
.userName,
.rankName,
.podiumName {
    color: var(--leader-text) !important;
}

/* Sous-textes */

.leaderboard-grid small,
.leaderboardGrid small,
.podiumGrid small,
.podium-grid small,
.top-list small,
.topList small,
.leaders small,
.top-users small,
.topUsers small,
.ranking-grid small,
.rankingGrid small,
.rankLabel,
.podiumLabel,
.rankPosition {
    color: var(--leader-muted) !important;
}

/* Avatars */

.leaderboard-grid img,
.leaderboardGrid img,
.podiumGrid img,
.podium-grid img,
.top-list img,
.topList img,
.leaders img,
.top-users img,
.topUsers img,
.ranking-grid img,
.rankingGrid img,
.rankAvatar,
.podiumAvatar {
    border-color: rgba(232, 45, 78, .30) !important;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, .42),
        0 0 0 4px rgba(232, 45, 78, .035) !important;
}

/* Onglets classement */

.leaderTabs,
.rankingTabs,
.leaderboardTabs,
.tabs {
    background: #0d090a !important;
    border-color: rgba(255, 255, 255, .075) !important;
}

.leaderTabs button,
.rankingTabs button,
.leaderboardTabs button,
.tabs button {
    color: #a99ca0 !important;
    background: transparent !important;
    border-color: transparent !important;
}

.leaderTabs button:hover,
.rankingTabs button:hover,
.leaderboardTabs button:hover,
.tabs button:hover {
    color: #fff !important;
    background: rgba(232, 45, 78, .07) !important;
}

.leaderTabs button.active,
.rankingTabs button.active,
.leaderboardTabs button.active,
.tabs button.active {
    color: #fff !important;

    background:
        linear-gradient(
            135deg,
            rgba(232, 45, 78, .28),
            rgba(141, 17, 43, .16)
        ) !important;

    border-color: rgba(232, 45, 78, .35) !important;
    box-shadow: 0 8px 22px rgba(141, 17, 43, .18) !important;
}

/* Bouton Actualiser */

.refreshBtn,
button[onclick*="Leaderboard"],
button[onclick*="leaderboard"],
button[onclick*="inviteLeaderboard"] {
    color: #f6e9ec !important;
    background: rgba(232, 45, 78, .055) !important;
    border-color: rgba(232, 45, 78, .20) !important;
}

.refreshBtn:hover,
button[onclick*="Leaderboard"]:hover,
button[onclick*="leaderboard"]:hover,
button[onclick*="inviteLeaderboard"]:hover {
    color: #fff !important;
    background: rgba(232, 45, 78, .13) !important;
    border-color: rgba(232, 45, 78, .42) !important;
}

/* Bouton retirer du top */

.removeTopBtn,
.remove-btn,
button[onclick*="exclude"],
button[onclick*="Exclude"],
button[onclick*="remove"],
button[onclick*="Remove"],
button[onclick*="hideInvite"] {
    color: #ff8298 !important;
    background: rgba(232, 45, 78, .065) !important;
    border-color: rgba(232, 45, 78, .25) !important;
}

.removeTopBtn:hover,
.remove-btn:hover,
button[onclick*="exclude"]:hover,
button[onclick*="Exclude"]:hover,
button[onclick*="remove"]:hover,
button[onclick*="Remove"]:hover,
button[onclick*="hideInvite"]:hover {
    color: #fff !important;
    background: rgba(232, 45, 78, .15) !important;
    border-color: rgba(232, 45, 78, .48) !important;
}

/* Neutralise les styles inline bleus dans la section */

.leaderHero [style*="blue"],
.leaderHero [style*="cyan"],
.leaderboardHero [style*="blue"],
.leaderboardHero [style*="cyan"],
.leaderboard-grid [style*="blue"],
.leaderboard-grid [style*="cyan"],
.leaderboardGrid [style*="blue"],
.leaderboardGrid [style*="cyan"],
.podiumGrid [style*="blue"],
.podiumGrid [style*="cyan"],
.podium-grid [style*="blue"],
.podium-grid [style*="cyan"] {
    color: var(--leader-red-light) !important;
    border-color: var(--leader-border) !important;
    background-color: transparent !important;
}

/* Responsive */

@media(max-width: 900px) {
    .leaderboard-grid,
    .leaderboardGrid,
    .podiumGrid,
    .podium-grid,
    .top-list,
    .topList,
    .leaders,
    .top-users,
    .topUsers,
    .ranking-grid,
    .rankingGrid {
        grid-template-columns: 1fr !important;
    }

    .leaderboard-grid > *,
    .leaderboardGrid > *,
    .podiumGrid > *,
    .podium-grid > *,
    .top-list > *,
    .topList > *,
    .leaders > *,
    .top-users > *,
    .topUsers > *,
    .ranking-grid > *,
    .rankingGrid > * {
        min-height: auto !important;
    }
}

@media(max-width: 600px) {
    .leaderHero,
    .leaderboardHero,
    .inviteHero {
        padding: 20px !important;
        border-radius: 17px !important;
    }

    .leaderboard-grid > *,
    .leaderboardGrid > *,
    .podiumGrid > *,
    .podium-grid > *,
    .top-list > *,
    .topList > *,
    .leaders > *,
    .top-users > *,
    .topUsers > *,
    .ranking-grid > *,
    .rankingGrid > * {
        padding: 20px 15px !important;
        border-radius: 17px !important;
    }
}

/* === TNR LEADERBOARD RED FIX END === */

/* === TNR GLOBAL RED V2 START === */

:root{
    --bg:#080607 !important;
    --bg2:#0d090a !important;
    --panel:#120c0e !important;
    --panel2:#191013 !important;
    --surface:#120c0e !important;
    --surface-soft:#191013 !important;
    --surface-raised:#211318 !important;

    --cyan:#e72d4f !important;
    --blue:#e72d4f !important;
    --violet:#a51432 !important;
    --primary:#e72d4f !important;
    --accent:#e72d4f !important;

    --text:#f7f1f3 !important;
    --mut:#9f8d92 !important;
    --line:rgba(255,255,255,.075) !important;
    --border:rgba(255,255,255,.075) !important;
}

/* Fond général */

html,
body,
#app,
.layout,
.main{
    background-color:#080607 !important;
}

body,
.ambient{
    background:
        radial-gradient(circle at 10% 0%,rgba(176,17,48,.16),transparent 31%),
        radial-gradient(circle at 88% 18%,rgba(91,8,27,.12),transparent 29%),
        linear-gradient(145deg,#070506,#0c0809 55%,#070506) !important;
}

.ambientGrid{
    background-image:
        linear-gradient(rgba(231,45,79,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(231,45,79,.025) 1px,transparent 1px) !important;
}

/* En-tête */

.topbar,
.topBar,
.header,
.appHeader{
    background:rgba(8,6,7,.96) !important;
    border-color:rgba(231,45,79,.13) !important;
}

.topbar *,
.topBar *,
.header *,
.appHeader *{
    border-color:rgba(255,255,255,.075);
}

/* Grand bloc Bienvenue */

.hero,
.homeHero,
.heroPanel,
.welcomeHero,
.dashboardHero{
    color:#f7f1f3 !important;

    background:
        radial-gradient(circle at 82% 44%,rgba(206,25,58,.13),transparent 27%),
        radial-gradient(circle at 8% 8%,rgba(133,12,39,.14),transparent 34%),
        linear-gradient(135deg,#170c10,#0c0709 67%,#16090e) !important;

    border-color:rgba(231,45,79,.18) !important;
    box-shadow:
        0 25px 70px rgba(0,0,0,.48),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.hero::before,
.homeHero::before,
.heroPanel::before,
.welcomeHero::before,
.dashboardHero::before{
    background:
        repeating-linear-gradient(
            120deg,
            transparent 0,
            transparent 46px,
            rgba(231,45,79,.018) 47px,
            rgba(231,45,79,.018) 48px
        ) !important;
}

.hero h1,
.homeHero h1,
.heroPanel h1,
.welcomeHero h1,
.dashboardHero h1{
    color:#fff7f8 !important;
}

.hero p,
.homeHero p,
.heroPanel p,
.welcomeHero p,
.dashboardHero p{
    color:#b9a8ad !important;
}

/* Texte ASTA anciennement bleu/violet */

.heroTitle span,
.welcomeTitle span,
.gradientText,
.textGradient,
.brandGradient{
    color:#f23b5d !important;
    background:linear-gradient(110deg,#ff5c75,#db2448 55%,#8d102c) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}

/* Cercle/logo à droite */

.heroOrb,
.coreOrb,
.orbit,
.orbitRing,
.heroVisual,
.heroLogoWrap{
    border-color:rgba(231,45,79,.24) !important;
    box-shadow:0 0 45px rgba(170,16,46,.10) !important;
}

.heroOrb::before,
.heroOrb::after,
.coreOrb::before,
.coreOrb::after,
.orbit::before,
.orbit::after{
    border-color:rgba(231,45,79,.28) !important;
}

.heroOrb .dot,
.coreOrb .dot,
.orbitDot{
    background:#f33b5e !important;
    box-shadow:0 0 15px rgba(243,59,94,.75) !important;
}

.coreOnline,
.onlineText{
    color:#e94a66 !important;
}

/* Bande des statistiques */

.statsGrid,
.statsStrip,
.homeStats,
.dashboardStats,
.metricsGrid{
    background:#0d090a !important;
    border-color:rgba(255,255,255,.075) !important;
}

.statsGrid > *,
.statsStrip > *,
.homeStats > *,
.dashboardStats > *,
.metricsGrid > *{
    background:
        linear-gradient(145deg,rgba(19,13,15,.96),rgba(10,7,8,.98)) !important;

    border-color:rgba(255,255,255,.065) !important;
}

.statsGrid > *:not(:last-child),
.statsStrip > *:not(:last-child),
.homeStats > *:not(:last-child),
.dashboardStats > *:not(:last-child),
.metricsGrid > *:not(:last-child){
    border-right-color:rgba(255,255,255,.065) !important;
}

/* Cartes accueil */

.homeGrid,
.quickGrid,
.actionGrid,
.homeCards,
.dashboardCards{
    background:transparent !important;
}

.homeTile,
.quickCard,
.actionCard,
.dashboardCard,
.featureCard{
    color:#f7f1f3 !important;

    background:
        radial-gradient(circle at 100% 100%,rgba(185,18,49,.09),transparent 42%),
        linear-gradient(145deg,#130d0f,#0b0809) !important;

    border-color:rgba(255,255,255,.075) !important;
    box-shadow:
        0 18px 50px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.022) !important;
}

.homeTile:hover,
.quickCard:hover,
.actionCard:hover,
.dashboardCard:hover,
.featureCard:hover{
    border-color:rgba(231,45,79,.28) !important;
    box-shadow:
        0 22px 60px rgba(0,0,0,.50),
        0 0 30px rgba(179,15,47,.07) !important;
}

.homeTile:nth-child(1),
.quickCard:nth-child(1),
.actionCard:nth-child(1){
    background:
        radial-gradient(circle at 100% 100%,rgba(225,37,73,.11),transparent 45%),
        linear-gradient(145deg,#160e11,#0b0809) !important;
}

.homeTile:nth-child(2),
.quickCard:nth-child(2),
.actionCard:nth-child(2){
    background:
        radial-gradient(circle at 100% 100%,rgba(156,17,45,.10),transparent 45%),
        linear-gradient(145deg,#150d10,#0b0809) !important;
}

.homeTile:nth-child(3),
.quickCard:nth-child(3),
.actionCard:nth-child(3){
    background:
        radial-gradient(circle at 100% 100%,rgba(199,25,57,.10),transparent 45%),
        linear-gradient(145deg,#160d11,#0b0809) !important;
}

.homeTile:nth-child(4),
.quickCard:nth-child(4),
.actionCard:nth-child(4){
    background:
        radial-gradient(circle at 100% 100%,rgba(118,10,34,.12),transparent 45%),
        linear-gradient(145deg,#180c11,#0b0809) !important;
}

/* Icônes cyan/violettes */

.homeTile svg,
.quickCard svg,
.actionCard svg,
.dashboardCard svg,
.featureCard svg,
.homeTile .icon,
.quickCard .icon,
.actionCard .icon{
    color:#ed3b5b !important;
    fill:currentColor;
    filter:drop-shadow(0 0 10px rgba(231,45,79,.20)) !important;
}

/* Tous les textes cyan de l'accueil */

.homeTile a,
.quickCard a,
.actionCard a,
.dashboardCard a,
.featureCard a,
.homeTile em,
.quickCard em,
.actionCard em{
    color:#ed526c !important;
}

/* Boutons */

.btn.primary,
.primaryBtn,
.hero .btn:first-of-type,
.homeHero .btn:first-of-type{
    color:#fff !important;
    background:linear-gradient(135deg,#e72d4f,#96142f) !important;
    border-color:rgba(255,82,110,.33) !important;
    box-shadow:0 13px 32px rgba(145,17,44,.30) !important;
}

.btn.primary:hover,
.primaryBtn:hover{
    background:linear-gradient(135deg,#f23a5c,#ad1938) !important;
}

.btn:not(.primary),
.secondaryBtn{
    color:#e3d8db !important;
    background:rgba(255,255,255,.028) !important;
    border-color:rgba(255,255,255,.085) !important;
}

.btn:not(.primary):hover,
.secondaryBtn:hover{
    color:#fff !important;
    background:rgba(231,45,79,.075) !important;
    border-color:rgba(231,45,79,.25) !important;
}

/* Neutralisation des anciens dégradés bleus/violets */

[style*="#00d"],
[style*="#00e"],
[style*="#00f"],
[style*="#0ff"],
[style*="#38bdf8"],
[style*="#06b6d4"],
[style*="#3b82f6"],
[style*="#6366f1"],
[style*="#7c3aed"],
[style*="#8b5cf6"],
[style*="#a855f7"]{
    color:#e72d4f !important;
    border-color:rgba(231,45,79,.22) !important;
}

/* Sections générales encore bleues */

.card,
.panel,
.summaryCard,
.cartItem,
.refCard,
.profileDiscordCard,
.recentPayments,
.leaderHero,
.inviteHero,
.modalBox{
    background:
        linear-gradient(145deg,#130d0f,#0a0708) !important;

    border-color:rgba(255,255,255,.075) !important;
}

/* Corrige les fonds bleu marine visibles */

.homeHero,
.hero,
.heroPanel,
.welcomeHero,
.statsGrid,
.statsStrip,
.homeStats,
.homeTile,
.quickCard,
.actionCard,
.leaderHero,
.inviteHero,
.podiumCard,
.rankCard{
    background-color:#120c0e !important;
}

/* Responsive */

@media(max-width:700px){
    .hero,
    .homeHero,
    .heroPanel,
    .welcomeHero,
    .dashboardHero{
        background:
            radial-gradient(circle at 80% 20%,rgba(190,22,52,.12),transparent 30%),
            linear-gradient(145deg,#150d10,#0a0708) !important;
    }
}

/* === TNR GLOBAL RED V2 END === */

/* === TNR HOME RANKING CARD START === */

/*
  Refonte de la quatrième carte de l'accueil : Classement.
  Fonctionne avec les différents noms de grille utilisés dans le projet.
*/

.homeTile:nth-child(4),
.quickCard:nth-child(4),
.actionCard:nth-child(4),
.dashboardCard:nth-child(4),
.featureCard:nth-child(4){
    position:relative;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    min-height:230px !important;
    padding:24px !important;
    overflow:hidden;

    color:#f7f1f3 !important;

    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(222,34,69,.18),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #180d11,
            #0c0809 68%
        ) !important;

    border:1px solid rgba(231,45,79,.20) !important;
    border-radius:20px !important;

    box-shadow:
        0 20px 52px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.025) !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}

.homeTile:nth-child(4)::before,
.quickCard:nth-child(4)::before,
.actionCard:nth-child(4)::before,
.dashboardCard:nth-child(4)::before,
.featureCard:nth-child(4)::before{
    content:"04";
    position:absolute;
    top:22px;
    right:22px;

    color:rgba(255,255,255,.23);
    font-size:11px;
    font-weight:750;
    letter-spacing:.12em;
}

.homeTile:nth-child(4)::after,
.quickCard:nth-child(4)::after,
.actionCard:nth-child(4)::after,
.dashboardCard:nth-child(4)::after,
.featureCard:nth-child(4)::after{
    content:"";
    position:absolute;
    right:-54px;
    bottom:-64px;
    width:170px;
    height:170px;
    border-radius:50%;

    background:rgba(223,38,72,.18);
    filter:blur(34px);
    pointer-events:none;
}

.homeTile:nth-child(4):hover,
.quickCard:nth-child(4):hover,
.actionCard:nth-child(4):hover,
.dashboardCard:nth-child(4):hover,
.featureCard:nth-child(4):hover{
    transform:translateY(-4px) !important;
    border-color:rgba(255,65,98,.42) !important;

    box-shadow:
        0 26px 68px rgba(0,0,0,.52),
        0 0 34px rgba(188,16,49,.10) !important;
}

/* Icône */

.homeTile:nth-child(4) .icon,
.quickCard:nth-child(4) .icon,
.actionCard:nth-child(4) .icon,
.dashboardCard:nth-child(4) .icon,
.featureCard:nth-child(4) .icon,
.homeTile:nth-child(4) svg,
.quickCard:nth-child(4) svg,
.actionCard:nth-child(4) svg,
.dashboardCard:nth-child(4) svg,
.featureCard:nth-child(4) svg{
    width:38px !important;
    height:38px !important;
    margin:0 0 28px !important;

    color:#f04463 !important;
    fill:currentColor;

    filter:drop-shadow(0 0 14px rgba(231,45,79,.28)) !important;
}

/* Titre */

.homeTile:nth-child(4) b,
.quickCard:nth-child(4) b,
.actionCard:nth-child(4) b,
.dashboardCard:nth-child(4) b,
.featureCard:nth-child(4) b,
.homeTile:nth-child(4) h3,
.quickCard:nth-child(4) h3,
.actionCard:nth-child(4) h3,
.dashboardCard:nth-child(4) h3,
.featureCard:nth-child(4) h3{
    display:block !important;
    width:100% !important;
    margin:0 0 10px !important;

    color:#fff !important;
    font-size:22px !important;
    font-weight:750 !important;
    line-height:1.08 !important;
    letter-spacing:-.035em !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* Description */

.homeTile:nth-child(4) span,
.quickCard:nth-child(4) span,
.actionCard:nth-child(4) span,
.dashboardCard:nth-child(4) span,
.featureCard:nth-child(4) span,
.homeTile:nth-child(4) p,
.quickCard:nth-child(4) p,
.actionCard:nth-child(4) p,
.dashboardCard:nth-child(4) p,
.featureCard:nth-child(4) p{
    display:block !important;
    width:100% !important;
    max-width:250px !important;
    margin:0 0 24px !important;

    color:#aa989e !important;
    font-size:14px !important;
    font-weight:450 !important;
    line-height:1.5 !important;

    white-space:normal !important;
}

/* Lien / action */

.homeTile:nth-child(4) em,
.quickCard:nth-child(4) em,
.actionCard:nth-child(4) em,
.dashboardCard:nth-child(4) em,
.featureCard:nth-child(4) em,
.homeTile:nth-child(4) a,
.quickCard:nth-child(4) a,
.actionCard:nth-child(4) a,
.dashboardCard:nth-child(4) a,
.featureCard:nth-child(4) a{
    position:relative;
    z-index:2;

    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:auto !important;

    color:#ff617b !important;
    font-size:13px !important;
    font-weight:700 !important;
    font-style:normal !important;
    text-decoration:none !important;
}

.homeTile:nth-child(4) em::after,
.quickCard:nth-child(4) em::after,
.actionCard:nth-child(4) em::after,
.dashboardCard:nth-child(4) em::after,
.featureCard:nth-child(4) em::after,
.homeTile:nth-child(4) a::after,
.quickCard:nth-child(4) a::after,
.actionCard:nth-child(4) a::after,
.dashboardCard:nth-child(4) a::after,
.featureCard:nth-child(4) a::after{
    content:"→";
    transition:transform .18s ease;
}

.homeTile:nth-child(4):hover em::after,
.quickCard:nth-child(4):hover em::after,
.actionCard:nth-child(4):hover em::after,
.dashboardCard:nth-child(4):hover em::after,
.featureCard:nth-child(4):hover em::after,
.homeTile:nth-child(4):hover a::after,
.quickCard:nth-child(4):hover a::after,
.actionCard:nth-child(4):hover a::after,
.dashboardCard:nth-child(4):hover a::after,
.featureCard:nth-child(4):hover a::after{
    transform:translateX(4px);
}

/* Empêche les anciens styles horizontaux tassés */

.homeTile:nth-child(4) > *,
.quickCard:nth-child(4) > *,
.actionCard:nth-child(4) > *,
.dashboardCard:nth-child(4) > *,
.featureCard:nth-child(4) > *{
    position:relative;
    z-index:1;
    flex:none;
}

/* Responsive */

@media(max-width:700px){
    .homeTile:nth-child(4),
    .quickCard:nth-child(4),
    .actionCard:nth-child(4),
    .dashboardCard:nth-child(4),
    .featureCard:nth-child(4){
        min-height:205px !important;
        padding:21px !important;
        border-radius:17px !important;
    }

    .homeTile:nth-child(4) b,
    .quickCard:nth-child(4) b,
    .actionCard:nth-child(4) b,
    .dashboardCard:nth-child(4) b,
    .featureCard:nth-child(4) b,
    .homeTile:nth-child(4) h3,
    .quickCard:nth-child(4) h3,
    .actionCard:nth-child(4) h3,
    .dashboardCard:nth-child(4) h3,
    .featureCard:nth-child(4) h3{
        font-size:20px !important;
    }
}

/* === TNR HOME RANKING CARD END === */






/* === REMOVE ORBITRON START === */

/* Suppression totale de la police futuriste */

500;600;700;800;900&display=swap');

/* Police globale */

html,
body,
button,
input,
textarea,
select{
    font-family:"Inter",sans-serif!important;
}

/* Tous les petits titres */

.eyebrow,
.pageEyebrow,
.heroEyebrow,
.sectionLabel,
.dashboardLabel,
.cardLabel,
.panelLabel,
.productLabel,
.statLabel,
.homeLabel,
.rankLabel,
.refLabel,
.authKicker,
.heroKicker,
[class*="Label"],
[class*="Eyebrow"],
[class*="eyebrow"]{

    font-family:"Inter",sans-serif!important;

    font-weight:700!important;

    font-size:12px!important;

    letter-spacing:.14em!important;

    text-transform:uppercase!important;

    color:#ff4f69!important;

    text-shadow:none!important;
}

/* Gros titres */

h1,h2,h3,h4,h5,h6,
.pageTitle,
.heroTitle{

    font-family:"Inter",sans-serif!important;

    font-weight:800!important;

    letter-spacing:-.04em!important;
}

/* Force la suppression d'Inter */

*[style*="Inter"],
*[style*="Inter"],
*[style*="Inter"]{

    font-family:"Inter",sans-serif!important;
}

/* === REMOVE ORBITRON END === */



/* ===== GLOBAL TYPOGRAPHY ===== */

html,
body,
button,
input,
textarea,
select,
option,
label,
table,
a,
span,
div,
small,
strong,
em,
b,
p,
li,
td,
th{
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
}

h1{
    font-size:56px!important;
    font-weight:900!important;
    letter-spacing:-0.055em!important;
}

h2{
    font-size:38px!important;
    font-weight:800!important;
    letter-spacing:-0.045em!important;
}

h3{
    font-size:28px!important;
    font-weight:800!important;
    letter-spacing:-0.035em!important;
}

.eyebrow,
.pageEyebrow,
.heroEyebrow,
.heroKicker,
.sectionLabel,
.cardLabel,
.dashboardLabel,
.panelLabel,
.rankLabel,
.refLabel,
.authKicker,
[class*="Label"],
[class*="Eyebrow"],
[class*="eyebrow"]{

    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;

    color:#ff4968!important;

    font-family:Inter,sans-serif!important;
}

.pageTitle,
.heroTitle,
.dashboardTitle{

    font-family:Inter,sans-serif!important;
    font-weight:900!important;
    letter-spacing:-.055em!important;
}

body{
    font-size:15px;
    line-height:1.6;
    color:#f2ecee;
}

button{
    font-weight:650!important;
}



/* === TNR LINKED STEAM GIFT START === */

.steamAccountCard{
  display:grid;
  gap:22px;
}

.steamAccountHead{
  display:flex;
  align-items:center;
  gap:15px;
}

.steamAccountIcon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  flex:0 0 48px;

  border:1px solid rgba(231,45,79,.25);
  border-radius:15px;

  color:#fff;
  background:
    linear-gradient(145deg,#e72d4f,#8e122c);

  font-size:20px;
  font-weight:800;
}

.giftUserModal{
  width:min(650px,100%);
}

.giftSearchBox{
  display:flex;
  align-items:center;
  gap:10px;

  padding:0 14px;

  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;

  background:#0b0809;
}

.giftSearchBox span{
  color:#e84a65;
  font-size:22px;
}

.giftSearchBox input{
  width:100%;
  border:0 !important;
  padding-left:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.giftUserResults{
  max-height:310px;
  display:grid;
  gap:9px;
  overflow-y:auto;

  margin:15px 0 20px;
  padding-right:5px;
}

.giftUserCard{
  width:100%;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;

  padding:11px 13px;

  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;

  color:#f6f0f2;
  text-align:left;

  background:
    linear-gradient(145deg,#130d0f,#0a0708);

  cursor:pointer;
  transition:.18s ease;
}

.giftUserCard:hover{
  transform:translateY(-1px);
  border-color:rgba(231,45,79,.30);
  background:
    linear-gradient(145deg,#190e12,#0d080a);
}

.giftUserCard.selected{
  border-color:rgba(255,65,98,.55);
  box-shadow:
    0 0 0 3px rgba(231,45,79,.08);
}

.giftUserCard img{
  width:52px;
  height:52px;
  object-fit:cover;

  border:1px solid rgba(231,45,79,.22);
  border-radius:14px;
}

.giftUserCard span{
  display:grid;
  gap:4px;
  min-width:0;
}

.giftUserCard b{
  overflow:hidden;
  color:#fff;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.giftUserCard small{
  color:#94868a;
  font-size:12px;
}

.giftUserCard em{
  color:#ef5871;
  font-size:12px;
  font-style:normal;
  font-weight:700;
}

.giftSelectedUser{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;

  margin:14px 0;
  padding:12px;

  border:1px solid rgba(231,45,79,.24);
  border-radius:15px;

  background:rgba(231,45,79,.065);
}

.giftSelectedUser.hidden{
  display:none;
}

.giftSelectedUser img{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:13px;
}

.giftSelectedUser span{
  display:grid;
  gap:3px;
}

.giftSelectedUser small{
  color:#e84a65;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
}

.giftSelectedUser b{
  color:#fff;
}

.giftUserLoading,
.giftUserEmpty{
  padding:28px 15px;

  border:1px dashed rgba(255,255,255,.10);
  border-radius:14px;

  color:#93858a;
  text-align:center;
}

@media(max-width:600px){
  .giftUserCard{
    grid-template-columns:46px minmax(0,1fr);
  }

  .giftUserCard img{
    width:46px;
    height:46px;
  }

  .giftUserCard em{
    grid-column:2;
  }

  .giftSelectedUser{
    grid-template-columns:44px minmax(0,1fr);
  }

  .giftSelectedUser .btn{
    grid-column:1/3;
  }
}

/* === TNR LINKED STEAM GIFT END === */


/* === ADMIN TEST PLAYER PICKER START === */

.adminPlayerSearch{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:#0b0809;
}

.adminPlayerSearch > span{
  color:#ed4965;
  font-size:21px;
}

.adminPlayerSearch input{
  width:100%;
  border:0 !important;
  padding-left:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.adminPlayerResults{
  max-height:310px;
  display:grid;
  gap:9px;
  overflow-y:auto;
  padding-right:5px;
}

.adminPlayerResult{
  width:100%;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  color:#f6f0f2;
  text-align:left;
  background:linear-gradient(145deg,#130d0f,#090708);
  cursor:pointer;
  transition:.18s ease;
}

.adminPlayerResult:hover{
  transform:translateY(-1px);
  border-color:rgba(231,45,79,.30);
  background:linear-gradient(145deg,#190e12,#0c0809);
}

.adminPlayerResult.selected{
  border-color:rgba(255,64,98,.52);
  box-shadow:0 0 0 3px rgba(231,45,79,.08);
}

.adminPlayerResult img,
.adminSelectedPlayer img{
  width:50px;
  height:50px;
  object-fit:cover;
  border-radius:13px;
  border:1px solid rgba(231,45,79,.20);
}

.adminPlayerResult span,
.adminSelectedPlayer span{
  min-width:0;
  display:grid;
  gap:4px;
}

.adminPlayerResult b,
.adminSelectedPlayer b{
  overflow:hidden;
  color:#fff;
  font-size:14px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.adminPlayerResult small{
  color:#93858a;
  font-size:12px;
}

.adminPlayerResult em{
  color:#ef5972;
  font-size:12px;
  font-style:normal;
  font-weight:700;
}

.adminSelectedPlayer{
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:12px;
  border:1px solid rgba(231,45,79,.24);
  border-radius:15px;
  background:rgba(231,45,79,.065);
}

.adminSelectedPlayer.hidden{
  display:none;
}

.adminSelectedPlayer small{
  color:#ed4965;
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
}

.adminSelectedPlayer em{
  color:#998a8e;
  font-size:12px;
  font-style:normal;
}

.adminPlayerEmpty{
  padding:26px 14px;
  border:1px dashed rgba(255,255,255,.10);
  border-radius:14px;
  color:#93858a;
  text-align:center;
}

.modalFormGrid .span2{
  grid-column:1/-1;
}

@media(max-width:600px){
  .adminPlayerResult{
    grid-template-columns:44px minmax(0,1fr);
  }

  .adminPlayerResult img,
  .adminSelectedPlayer img{
    width:44px;
    height:44px;
  }

  .adminPlayerResult em{
    grid-column:2;
  }

  .adminSelectedPlayer{
    grid-template-columns:44px minmax(0,1fr);
  }

  .adminSelectedPlayer .btn{
    grid-column:1/3;
  }
}

/* === ADMIN TEST PLAYER PICKER END === */


/* === TNR INVITE REWARDS POPUP START === */

.inviteRewards{
    position:relative;
    z-index:60;
}

.inviteRewardsBtn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:9px;

    min-height:43px;
    padding:9px 14px !important;

    color:#fff !important;

    border-color:rgba(255,74,105,.30) !important;

    background:
        linear-gradient(
            135deg,
            rgba(231,45,79,.18),
            rgba(117,13,37,.10)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 25px rgba(108,9,31,.12) !important;
}

.inviteRewardsBtn:hover,
.inviteRewards.open .inviteRewardsBtn{
    transform:translateY(-1px);

    border-color:rgba(255,82,112,.52) !important;

    background:
        linear-gradient(
            135deg,
            rgba(231,45,79,.29),
            rgba(130,14,42,.17)
        ) !important;

    box-shadow:
        0 14px 32px rgba(145,16,44,.20),
        inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.inviteRewardsBtnIcon{
    display:grid;
    place-items:center;

    width:24px;
    height:24px;

    border:1px solid rgba(255,255,255,.11);
    border-radius:8px;

    color:#ff637d;
    background:rgba(255,255,255,.04);

    font-size:13px;
}

.inviteRewardsBtn > span:nth-child(2){
    font-size:13px;
    font-weight:750;
}

.inviteRewardsBtn small{
    padding:3px 7px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;

    color:#c8b8bd;
    background:rgba(0,0,0,.18);

    font-size:9px;
    font-weight:800;
    letter-spacing:.07em;
}

/* Popup */

.inviteRewardsPopup{
    position:absolute;
    top:calc(100% + 13px);
    right:0;

    width:min(470px,calc(100vw - 40px));
    padding:18px;

    pointer-events:none;
    visibility:hidden;
    opacity:0;

    transform:
        translateY(-7px)
        scale(.985);

    transform-origin:top right;

    border:1px solid rgba(238,53,86,.22);
    border-radius:20px;

    color:#f8f2f4;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(223,32,68,.14),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(22,13,16,.995),
            rgba(8,6,7,.995)
        );

    box-shadow:
        0 30px 80px rgba(0,0,0,.62),
        0 0 0 1px rgba(255,255,255,.018),
        inset 0 1px 0 rgba(255,255,255,.035);

    backdrop-filter:blur(18px);

    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}

.inviteRewardsPopup::before{
    content:"";

    position:absolute;
    top:-7px;
    right:35px;

    width:13px;
    height:13px;

    border-top:1px solid rgba(238,53,86,.22);
    border-left:1px solid rgba(238,53,86,.22);

    background:#160d10;

    transform:rotate(45deg);
}

.inviteRewards:hover .inviteRewardsPopup,
.inviteRewards:focus-within .inviteRewardsPopup,
.inviteRewards.open .inviteRewardsPopup{
    pointer-events:auto;
    visibility:visible;
    opacity:1;

    transform:
        translateY(0)
        scale(1);
}

.inviteRewardsHead{
    display:grid;
    gap:6px;

    padding:3px 3px 16px;

    border-bottom:1px solid rgba(255,255,255,.065);
}

.inviteRewardsHead > span{
    color:#ef506b;

    font-size:10px;
    font-weight:800;
    letter-spacing:.15em;
}

.inviteRewardsHead strong{
    color:#fff;

    font-size:21px;
    font-weight:800;
    letter-spacing:-.035em;
}

.inviteRewardsHead p{
    margin:0;

    color:#a8979c;

    font-size:13px;
    line-height:1.5;
}

.inviteRewardList{
    display:grid;
    gap:9px;

    padding:14px 0;
}

.inviteReward{
    position:relative;
    overflow:hidden;

    display:grid;
    grid-template-columns:54px minmax(0,1fr) 34px;
    align-items:center;
    gap:12px;

    min-height:88px;
    padding:12px 13px;

    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.027),
            rgba(255,255,255,.009)
        );
}

.inviteReward::after{
    content:"";

    position:absolute;
    right:-30px;
    bottom:-45px;

    width:110px;
    height:110px;

    border-radius:50%;

    background:rgba(222,37,72,.08);
    filter:blur(24px);
}

.inviteRewardFirst{
    border-color:rgba(255,67,99,.30);

    background:
        radial-gradient(
            circle at 100% 100%,
            rgba(231,45,79,.13),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            rgba(43,16,23,.72),
            rgba(16,9,11,.84)
        );
}

.inviteRewardSecond{
    border-color:rgba(205,187,193,.16);
}

.inviteRewardThird{
    border-color:rgba(178,91,58,.16);
}

.inviteRewardRank{
    display:grid;
    place-items:center;
    gap:3px;

    width:54px;
    height:58px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:13px;

    background:rgba(0,0,0,.23);
}

.inviteRewardRank span{
    color:#fff;

    font-size:22px;
    font-weight:850;
    line-height:1;
}

.inviteRewardRank em{
    color:#a9979c;

    font-size:8px;
    font-style:normal;
    font-weight:800;
    letter-spacing:.10em;
}

.inviteRewardFirst .inviteRewardRank{
    border-color:rgba(255,69,101,.30);

    background:
        linear-gradient(
            145deg,
            rgba(231,45,79,.24),
            rgba(105,10,31,.12)
        );
}

.inviteRewardFirst .inviteRewardRank span{
    color:#ff637d;
}

.inviteRewardContent{
    position:relative;
    z-index:2;

    display:grid;
    gap:3px;
    min-width:0;
}

.inviteRewardContent small{
    color:#e84b66;

    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
}

.inviteRewardContent b{
    color:#fff;

    font-size:14px;
    font-weight:750;
}

.inviteRewardContent p{
    margin:0;

    color:#97878c;

    font-size:11px;
    line-height:1.4;
}

.inviteRewardIcon{
    position:relative;
    z-index:2;

    display:grid;
    place-items:center;

    width:32px;
    height:32px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;

    color:#ec506a;
    background:rgba(0,0,0,.22);

    font-size:15px;
}

.inviteRewardsFoot{
    padding-top:12px;

    border-top:1px solid rgba(255,255,255,.065);

    color:#817277;

    font-size:10px;
    text-align:center;
}

/* Mobile */

@media(max-width:700px){
    .inviteRewards{
        position:static;
    }

    .inviteRewardsPopup{
        position:fixed;

        top:50%;
        right:auto;
        left:50%;

        width:min(92vw,470px);
        max-height:86vh;
        overflow-y:auto;

        transform:
            translate(-50%,-47%)
            scale(.985);

        transform-origin:center;
    }

    .inviteRewardsPopup::before{
        display:none;
    }

    .inviteRewards:hover .inviteRewardsPopup,
    .inviteRewards:focus-within .inviteRewardsPopup,
    .inviteRewards.open .inviteRewardsPopup{
        transform:
            translate(-50%,-50%)
            scale(1);
    }

    .inviteReward{
        grid-template-columns:48px minmax(0,1fr);
    }

    .inviteRewardRank{
        width:48px;
        height:54px;
    }

    .inviteRewardIcon{
        display:none;
    }
}

/* === TNR INVITE REWARDS POPUP END === */


/* === TNR COIN OFFERS START === */

.tnrCoinOffer{
    display:grid;
    gap:7px;
    margin:8px 0 2px;
}

.tnrCoinOfferBreakdown{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}

.tnrCoinOfferBreakdown > span{
    position:relative;

    color:#988a8e;
    font-size:13px;
    font-weight:650;
}

.tnrCoinOfferBreakdown > span::after{
    content:"";

    position:absolute;
    top:50%;
    right:0;
    left:0;

    height:1px;

    background:rgba(255,255,255,.34);

    transform:rotate(-7deg);
}

.tnrCoinOfferBreakdown > b{
    display:inline-flex;
    align-items:center;

    padding:4px 8px;

    border:1px solid rgba(72,218,154,.22);
    border-radius:999px;

    color:#6ee7aa;
    background:rgba(72,218,154,.075);

    font-size:10px;
    font-weight:800;
    letter-spacing:.025em;
}

.tnrCoinOffer > strong{
    color:#fff;

    font-size:19px;
    font-weight:850;
    letter-spacing:-.035em;
}

.tnrCoinOffer:not(.simple) > strong{
    color:#ff536f;
}

.tnrCoinOffer.simple{
    gap:0;
}

/* === TNR COIN OFFERS END === */



/* === TNR LOCAL FONT FIX START === */

:root{
    --font-main:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
}

html,
body,
button,
input,
textarea,
select,
option,
label,
table,
a,
span,
div,
small,
strong,
em,
b,
p,
li,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6{
    font-family:var(--font-main) !important;
}

/* === TNR LOCAL FONT FIX END === */



/* === TNR COINS UNDER PRICE STYLE START === */

.tnrCoinOffer.underPrice{
    width:100%;
    display:grid;
    gap:6px;

    margin:10px 0 14px !important;
    padding:11px 0 0;

    border-top:1px solid rgba(255,255,255,.06);
}

/* Quantité de base */

.tnrCoinOffer.underPrice .tnrCoinBase{
    display:flex;
    align-items:center;
    gap:7px;
}

.tnrCoinOffer.underPrice .tnrCoinBase span{
    color:#f7f1f3;
    font-size:13px;
    font-weight:800;
}

.tnrCoinOffer.underPrice .tnrCoinBase small{
    color:#c7b9bd;
    font-size:12px;
    font-weight:650;
}

/* Bonus offert */

.tnrCoinOffer.underPrice .tnrCoinBonus{
    width:max-content;
    display:flex;
    align-items:center;
    gap:6px;

    padding:4px 8px;

    border:1px solid rgba(67,218,148,.22);
    border-radius:8px;

    background:rgba(67,218,148,.07);
}

.tnrCoinOffer.underPrice .tnrCoinBonus span,
.tnrCoinOffer.underPrice .tnrCoinBonus small{
    color:#64e3a5;
    font-size:11px;
    font-weight:800;
}

/* Total livré */

.tnrCoinOffer.underPrice .tnrCoinTotal{
    display:flex;
    align-items:baseline;
    gap:7px;
}

.tnrCoinOffer.underPrice .tnrCoinTotal small{
    color:#99898e;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.tnrCoinOffer.underPrice .tnrCoinTotal strong{
    color:#ff4867;
    font-size:13px;
    font-weight:850;
}

/* Produit sans bonus */

.tnrCoinOffer.underPrice.simple strong{
    color:#f7f1f3;
    font-size:13px;
    font-weight:800;
}

/* Évite l'ancien espace sous le titre */

.productCard > .tnrCoinOffer:not(.underPrice),
.product-card > .tnrCoinOffer:not(.underPrice),
.shopCard > .tnrCoinOffer:not(.underPrice){
    margin:0 !important;
}

@media(max-width:650px){
    .tnrCoinOffer.underPrice{
        margin-bottom:12px !important;
    }
}

/* === TNR COINS UNDER PRICE STYLE END === */


/* === PRODUCT COIN BONUS CARD START === */

.productCoinOffer{
  width:100%;
  display:grid;
  gap:7px;

  box-sizing:border-box;
  margin:12px 0 14px;
  padding:11px 12px;

  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.027),
      rgba(255,255,255,.008)
    );
}

.productCoinBase,
.productCoinBonus{
  display:flex;
  align-items:center;
  gap:8px;
}

.productCoinBase span{
  color:#ff4c69;
}

.productCoinBase strong{
  color:#f8f2f4;
  font-size:12px;
  font-weight:800;
}

.productCoinBonus{
  width:max-content;
  max-width:100%;

  padding:5px 9px;

  border:1px solid rgba(73,218,153,.22);
  border-radius:8px;

  background:rgba(73,218,153,.07);
}

.productCoinBonus span,
.productCoinBonus strong{
  color:#68e0a4;
}

.productCoinBonus strong{
  font-size:11px;
  font-weight:850;
}

.productCoinTotal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;

  padding-top:7px;

  border-top:1px solid rgba(255,255,255,.06);

  color:#998b90;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.productCoinTotal strong{
  color:#ff526e;
  font-size:11px;
  font-weight:850;
}

/* === PRODUCT COIN BONUS CARD END === */


/* === TNR BUYERS LEADERBOARD V2 START === */

.buyerLeaderboardPage{
    --buyer-red:#e52c4d;
    --buyer-red-light:#ff536e;
    --buyer-red-dark:#8f102a;
    --buyer-panel:#100b0d;
    --buyer-panel-soft:#171012;
    --buyer-border:rgba(235,48,82,.17);
    --buyer-border-strong:rgba(255,72,105,.38);
    --buyer-text:#f8f3f4;
    --buyer-muted:#a09195;

    width:100%;
    max-width:1450px;
    margin:0 auto;
}

.buyerRefreshBtn{
    min-width:122px;
}

/* Champion */

.buyerChampion{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    min-height:190px;
    margin-bottom:28px;
    padding:30px;

    border:1px solid var(--buyer-border-strong);
    border-radius:24px;

    background:
        radial-gradient(
            circle at 12% 28%,
            rgba(229,44,77,.20),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #1b0e12,
            #090607 70%
        );

    box-shadow:
        0 30px 80px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.035);
}

.buyerChampionGlow{
    position:absolute;
    z-index:-1;
    right:-110px;
    top:-170px;

    width:400px;
    height:400px;

    border-radius:50%;
    background:rgba(207,25,59,.15);
    filter:blur(75px);
}

.buyerChampionIdentity{
    min-width:0;

    display:flex;
    align-items:center;
    gap:20px;
}

.buyerChampionCrown{
    position:absolute;
    top:18px;
    left:23px;

    color:rgba(255,82,111,.55);
    font-size:19px;
}

.buyerChampionAvatar{
    width:98px;
    height:98px;
    flex:0 0 98px;

    object-fit:cover;
    border-radius:28px;

    border:2px solid rgba(255,75,107,.42);

    box-shadow:
        0 16px 40px rgba(0,0,0,.45),
        0 0 0 7px rgba(229,44,77,.055);
}

.buyerChampionCopy{
    min-width:0;
}

.buyerEyebrow{
    display:block;

    color:var(--buyer-red-light);
    font-size:9px;
    font-weight:900;
    letter-spacing:.17em;
}

.buyerChampionCopy h2{
    margin:8px 0 7px;

    color:#fff;
    font-size:clamp(26px,3vw,42px);
    font-weight:800;
    overflow-wrap:anywhere;
}

.buyerChampionCopy p{
    margin:0;
    color:var(--buyer-muted);
    font-size:13px;
}

.buyerChampionStats{
    display:grid;
    grid-template-columns:repeat(3,minmax(110px,1fr));
    gap:10px;
}

.buyerChampionStat{
    min-width:115px;
    padding:17px 18px;

    border:1px solid rgba(255,255,255,.065);
    border-radius:16px;

    background:rgba(255,255,255,.025);
}

.buyerChampionStat small{
    display:block;
    margin-bottom:7px;

    color:var(--buyer-muted);
    font-size:8px;
    font-weight:900;
    letter-spacing:.12em;
}

.buyerChampionStat strong{
    color:#fff;
    font-size:20px;
    font-weight:850;
    white-space:nowrap;
}

.buyerChampionRank strong{
    color:var(--buyer-red-light);
}

.buyerEmptyHero{
    padding:45px 25px;
    margin-bottom:28px;

    text-align:center;
    border:1px dashed var(--buyer-border);
    border-radius:22px;

    background:rgba(255,255,255,.015);
}

.buyerEmptyHero > span{
    color:var(--buyer-red-light);
    font-size:35px;
}

.buyerEmptyHero h3{
    margin:12px 0 7px;
}

.buyerEmptyHero p{
    margin:0;
    color:var(--buyer-muted);
}

/* Sections */

.buyerSection{
    padding:22px;

    border:1px solid var(--buyer-border);
    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(20,13,15,.97),
            rgba(8,6,7,.98)
        );

    box-shadow:0 20px 52px rgba(0,0,0,.24);
}

.buyerSectionHead{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;

    margin-bottom:20px;
}

.buyerSectionHead.compact{
    align-items:center;
}

.buyerSectionHead h3{
    margin:6px 0 0;

    color:#fff;
    font-size:21px;
    font-weight:800;
}

.buyerSectionHead p{
    max-width:470px;
    margin:0;

    color:var(--buyer-muted);
    font-size:11px;
    line-height:1.55;
}

.buyerCountBadge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:7px 10px;

    color:#d6c9cc;
    font-size:10px;
    font-weight:800;

    border:1px solid rgba(255,255,255,.075);
    border-radius:9px;
    background:rgba(255,255,255,.025);
}

/* Podium */

.buyerPodium{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    align-items:end;
}

.buyerPodiumCard{
    position:relative;

    display:flex;
    flex-direction:column;
    align-items:center;

    min-height:245px;
    padding:24px 18px;

    text-align:center;

    border:1px solid rgba(255,255,255,.075);
    border-radius:19px;

    background:
        linear-gradient(
            145deg,
            rgba(27,17,20,.96),
            rgba(10,7,8,.98)
        );

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.buyerPodiumCard:hover{
    transform:translateY(-4px);
    border-color:var(--buyer-border-strong);

    box-shadow:
        0 24px 50px rgba(0,0,0,.34),
        0 0 30px rgba(196,24,57,.07);
}

.buyerPodiumFirst{
    min-height:285px;
    order:2;

    border-color:rgba(255,73,106,.34);

    background:
        radial-gradient(
            circle at 50% 20%,
            rgba(231,43,77,.15),
            transparent 43%
        ),
        linear-gradient(
            145deg,
            #1c0d12,
            #090607
        );
}

.buyerPodiumSecond{
    order:1;
}

.buyerPodiumThird{
    order:3;
}

.buyerPodiumPosition{
    margin-bottom:13px;
    font-size:27px;
    font-weight:900;
}

.buyerPodiumAvatarWrap{
    padding:5px;

    border:1px solid rgba(232,45,78,.20);
    border-radius:23px;

    background:rgba(232,45,78,.035);
}

.buyerPodiumAvatarWrap img{
    display:block;

    width:75px;
    height:75px;

    object-fit:cover;
    border-radius:18px;
}

.buyerPodiumFirst .buyerPodiumAvatarWrap img{
    width:92px;
    height:92px;
    border-radius:22px;
}

.buyerPodiumName{
    max-width:100%;
    margin-top:14px;

    color:#fff;
    font-size:16px;
    font-weight:850;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.buyerPodiumAmount{
    margin-top:8px;

    color:var(--buyer-red-light);
    font-size:20px;
    font-weight:900;
}

.buyerPodiumOrders{
    margin-top:5px;

    color:var(--buyer-muted);
    font-size:10px;
}

.buyerAdminRemove{
    margin-top:auto;
    padding:8px 11px;

    color:#ff91a2;
    font-size:9px;
    font-weight:800;

    border:1px solid rgba(229,44,77,.18);
    border-radius:9px;

    background:rgba(229,44,77,.055);
    cursor:pointer;
}

.buyerAdminRemove:hover{
    color:#fff;
    background:rgba(229,44,77,.15);
}

/* Contenu */

.buyerContentGrid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
    gap:18px;

    margin-top:18px;
}

/* Classement global */

.buyerRankingList,
.buyerRecentList{
    display:grid;
    gap:10px;
}

.buyerRankingRow{
    display:grid;
    grid-template-columns:52px minmax(0,1fr) auto auto;
    gap:14px;
    align-items:center;

    padding:13px 14px;

    border:1px solid rgba(255,255,255,.055);
    border-radius:14px;

    background:rgba(255,255,255,.018);

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease;
}

.buyerRankingRow:hover{
    transform:translateX(3px);

    border-color:rgba(229,44,77,.20);
    background:rgba(229,44,77,.035);
}

.buyerRankingNumber{
    display:grid;
    place-items:center;

    width:42px;
    height:42px;

    color:var(--buyer-red-light);
    font-size:12px;
    font-weight:900;

    border:1px solid rgba(229,44,77,.15);
    border-radius:12px;

    background:rgba(229,44,77,.045);
}

.buyerRankingIdentity{
    min-width:0;

    display:flex;
    align-items:center;
    gap:11px;
}

.buyerRankingIdentity img{
    width:44px;
    height:44px;
    flex:0 0 44px;

    object-fit:cover;
    border-radius:13px;

    border:1px solid rgba(229,44,77,.20);
}

.buyerRankingIdentity div{
    min-width:0;
}

.buyerRankingIdentity strong{
    display:block;

    color:#fff;
    font-size:13px;
    font-weight:800;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.buyerRankingIdentity small{
    display:block;
    margin-top:4px;

    color:var(--buyer-muted);
    font-size:9px;
}

.buyerRankingValue{
    min-width:105px;
    text-align:right;
}

.buyerRankingValue small{
    display:block;

    color:var(--buyer-muted);
    font-size:7px;
    font-weight:900;
    letter-spacing:.12em;
}

.buyerRankingValue strong{
    display:block;
    margin-top:5px;

    color:#fff;
    font-size:14px;
    font-weight:850;
}

/* Paiements récents */

.buyerRecentCard{
    display:grid;
    grid-template-columns:45px minmax(0,1fr) auto auto;
    gap:11px;
    align-items:center;

    padding:13px;

    border:1px solid rgba(255,255,255,.055);
    border-radius:14px;

    background:rgba(255,255,255,.018);
}

.buyerRecentAvatar{
    width:45px;
    height:45px;

    object-fit:cover;
    border-radius:13px;

    border:1px solid rgba(229,44,77,.18);
}

.buyerRecentInfo{
    min-width:0;
}

.buyerRecentInfo strong,
.buyerRecentInfo span{
    display:block;

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.buyerRecentInfo strong{
    color:#fff;
    font-size:12px;
    font-weight:800;
}

.buyerRecentInfo span{
    margin-top:4px;

    color:var(--buyer-muted);
    font-size:9px;
}

.buyerRecentAmount{
    min-width:90px;
    text-align:right;
}

.buyerRecentAmount strong{
    display:block;

    color:var(--buyer-red-light);
    font-size:12px;
    font-weight:900;
}

.buyerRecentAmount small{
    display:block;
    margin-top:4px;

    color:#75696d;
    font-size:7px;
    text-transform:uppercase;
}

.buyerRemoveIcon{
    width:31px;
    height:31px;

    display:grid;
    place-items:center;

    color:#ff8ea0;
    font-size:17px;

    border:1px solid rgba(229,44,77,.16);
    border-radius:9px;

    background:rgba(229,44,77,.045);
    cursor:pointer;
}

.buyerRemoveIcon:hover{
    color:#fff;
    border-color:rgba(229,44,77,.34);
    background:rgba(229,44,77,.14);
}

.buyerEmptyList{
    padding:25px 15px;

    color:var(--buyer-muted);
    font-size:11px;
    text-align:center;

    border:1px dashed rgba(255,255,255,.075);
    border-radius:14px;
}

/* Responsive */

@media(max-width:1100px){
    .buyerChampion{
        align-items:flex-start;
        flex-direction:column;
    }

    .buyerChampionStats{
        width:100%;
    }

    .buyerContentGrid{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .buyerChampion{
        padding:22px;
    }

    .buyerChampionIdentity{
        align-items:flex-start;
    }

    .buyerChampionAvatar{
        width:72px;
        height:72px;
        flex-basis:72px;
        border-radius:20px;
    }

    .buyerChampionStats{
        grid-template-columns:1fr;
    }

    .buyerPodium{
        grid-template-columns:1fr;
    }

    .buyerPodiumFirst,
    .buyerPodiumSecond,
    .buyerPodiumThird{
        order:initial;
        min-height:230px;
    }

    .buyerSectionHead{
        align-items:flex-start;
        flex-direction:column;
    }

    .buyerRankingRow{
        grid-template-columns:42px minmax(0,1fr) auto;
    }

    .buyerRankingValue{
        grid-column:3;
        grid-row:1;
    }

    .buyerRankingRow .buyerRemoveIcon{
        grid-column:3;
        grid-row:2;
        justify-self:end;
    }
}

@media(max-width:520px){
    .buyerChampionIdentity{
        display:grid;
        grid-template-columns:64px minmax(0,1fr);
        gap:14px;
    }

    .buyerChampionAvatar{
        width:64px;
        height:64px;
        flex-basis:64px;
    }

    .buyerChampionCopy h2{
        font-size:24px;
    }

    .buyerSection{
        padding:16px;
    }

    .buyerRecentCard{
        grid-template-columns:42px minmax(0,1fr) auto;
    }

    .buyerRecentAvatar{
        width:42px;
        height:42px;
    }

    .buyerRecentAmount{
        grid-column:2;
        text-align:left;
    }

    .buyerRecentCard .buyerRemoveIcon{
        grid-column:3;
        grid-row:1 / span 2;
    }
}

/* === TNR BUYERS LEADERBOARD V2 END === */