:root{--bg:#070a10;--bg2:#0b1019;--panel:#101722;--panel2:#161d29;--line:#263244;--text:#f5f7fb;--muted:#aab4c4;--yellow:#ffd52a;--orange:#ff7a00;--purple:#7a4dff;--pink:#d84b9b;--blue:#4267ff;--green:#8ef0bf;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1000px 500px at 50% -120px,#111a2a 0,transparent 55%),var(--bg);color:var(--text);font:16px/1.65 Inter,Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.section{padding:74px 0;position:relative}.section.alt{background:linear-gradient(180deg,#0b1018,#080c12)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-title h2{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.12}.section-title p{max-width:620px;margin:0;color:var(--muted)}h1{font-size:clamp(40px,6vw,66px);line-height:1.06;margin:16px 0 18px}h2{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 18px}h3{font-size:20px;margin:0 0 10px}p{color:#c7d0dc;margin:0 0 16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #6a5700;border-radius:999px;background:linear-gradient(90deg,#211a03,#0f1116);color:var(--yellow);font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.hero{padding:88px 0 56px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 280px at 50% 0,#3a2a03aa,transparent 70%);pointer-events:none}.hero .wrap{position:relative}.hero p{max-width:820px;margin:0 auto;color:#c5cedb;font-size:18px}.hero .cta-row{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;background:linear-gradient(180deg,#ffe16a,#ffd400);color:#15130b;font-weight:900;border:1px solid #ffe46f;box-shadow:0 8px 22px #0006;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn.secondary{background:#111824;color:var(--yellow);border-color:#6b5600}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,#131a25,#0d131d);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 16px 40px #0003}.card p{color:var(--muted)}.icon-box{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#242d3c,#111722);border:1px solid #344156;font-size:24px;color:var(--yellow);margin-bottom:16px}.soft-link{color:var(--yellow);text-decoration:underline;text-decoration-color:#6d5600;text-underline-offset:4px}.check-list{display:grid;gap:12px;margin:18px 0}.check-list div{padding-left:28px;position:relative;color:#d6deea}.check-list div:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#0e141e}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:16px;border-bottom:1px solid #223043;text-align:left}th{background:#131b27;color:#fff}td{color:#cbd4e0}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--yellow);font-weight:900}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#0e1b18;border:1px solid #1f5d46;color:#91f2c1;font-size:12px;font-weight:900}.site-header{position:sticky;top:0;z-index:100;background:rgba(10,15,23,.96);backdrop-filter:blur(16px);border-bottom:1px solid #1f2938}.head-inner{height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.brand img{width:154px}.desktop-nav{display:flex;justify-content:center;gap:2px;align-items:center}.nav-item{position:relative}.nav-btn,.nav-link{border:0;background:transparent;color:#dce3ee;padding:12px 13px;border-radius:10px;font:800 14px Inter,Arial;cursor:pointer}.nav-btn:hover,.nav-link:hover,.nav-item.open .nav-btn{background:#161f2d;color:#fff}.caret{color:var(--yellow);margin-left:5px}.nav-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:220px;padding:8px;background:#151d2a;border:1px solid #2c3a4f;border-radius:14px;box-shadow:0 22px 55px #000a;display:none}.nav-item.open .nav-menu{display:block}.nav-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.nav-menu a{display:block;padding:10px 12px;border-radius:9px;font-weight:700;color:#dbe4f0}.nav-menu a:hover{background:#202a3a;color:var(--yellow)}.head-actions{display:flex;gap:10px;align-items:center}.balance{padding:8px 12px;border:1px solid #5f5000;border-radius:10px;color:#fff;font-weight:800}.steam-btn{background:linear-gradient(180deg,#ffe16a,#ffd400);color:#16130a;border:0;border-radius:10px;padding:12px 18px;font-weight:900}.burger{display:none;background:#1c2635;color:#fff;border:1px solid #314156;border-radius:10px;width:42px;height:42px;font-size:22px}.mobile-menu{display:none}.mobile-menu.open{display:block;background:#0f1622;border-top:1px solid #263244}.mobile-menu .wrap{padding:8px 0 14px}.mobile-menu a{display:block;padding:10px 0;border-bottom:1px solid #1e2938;color:#e8edf5;font-weight:700}.skin-ticker{overflow:hidden;border-bottom:1px solid #1a2432;background:#0a0f18}.ticker-track{display:flex;width:max-content;animation:ticker 34s linear infinite}.ticker-card{width:170px;height:78px;margin:8px;border-radius:10px;border:1px solid #3b2f00;background:linear-gradient(135deg,#1a1407,#202433);display:flex;align-items:center;gap:8px;padding:8px}.ticker-card img{width:70px;height:54px;object-fit:contain}.ticker-card small{display:block;color:#9ba8bb}.ticker-card b{font-size:12px}@keyframes ticker{to{transform:translateX(-50%)}}.home{min-height:100vh;padding-bottom:40px;background:radial-gradient(900px 500px at 50% 16%,#111b2b66,transparent 72%)}.upgrade-wrap{width:min(1380px,calc(100% - 24px));margin:0 auto;display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px 0 30px}.skin-rail{background:linear-gradient(180deg,#101722,#0b1018);border-right:1px solid #263243;overflow:hidden;height:820px}.rail-stack{display:flex;flex-direction:column;gap:8px;padding:8px;animation:railmove 26s linear infinite}.rail-card{min-height:92px;border-radius:10px;padding:7px;background:linear-gradient(135deg,#2a2033,#151a24);border:1px solid #39465c;position:relative}.rail-card:nth-child(3n){background:linear-gradient(135deg,#20343c,#141a22)}.rail-card img{width:100%;height:58px;object-fit:contain}.rail-card b{font-size:11px;display:block;color:#dce4ef}.rail-card em{position:absolute;top:6px;left:6px;color:#ffe45e;font-size:10px;font-style:normal}@keyframes railmove{to{transform:translateY(-45%)}}.upgrade-stage{display:grid;grid-template-columns:1fr;gap:18px}.stage-top{display:grid;grid-template-columns:1fr 330px 1fr;gap:26px;align-items:center}.ui-logo{display:flex;justify-content:center;margin-bottom:-6px}.ui-logo img{width:190px}.source-panel,.target-panel{min-height:320px;border:1px solid #2a3546;border-radius:18px;background:linear-gradient(145deg,#141b26,#0e141e);padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.source-panel:after,.target-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 60%,#ffcf1730,transparent 40%);pointer-events:none}.source-panel h3,.target-panel h3{text-align:center;font-size:18px;position:relative;z-index:1}.source-panel small,.target-panel small{text-align:center;color:#aab6c7;position:relative;z-index:1}.source-art,.target-art{position:relative;z-index:1;display:grid;place-items:center;flex:1}.source-art:before{content:"⌄";font-size:120px;line-height:.8;color:#ffda16;text-shadow:0 12px 30px #0008}.target-art img{width:92%;height:170px;object-fit:contain;filter:drop-shadow(0 20px 24px #0008)}.balance-line{border-top:1px solid #7a8493;padding-top:10px;color:#a9b5c7;position:relative;z-index:1}.balance-line b{float:right;color:#ffd52a}.wheel-zone{display:flex;flex-direction:column;align-items:center;gap:12px}.wheel{width:300px;aspect-ratio:1;border-radius:50%;padding:14px;background:conic-gradient(from 270deg,#ffd400 0 25%,#ff7a00 25% 50%,#242a34 50% 100%);box-shadow:0 0 0 1px #3b4655,0 0 0 16px #10151f,0 25px 50px #0008;position:relative}.wheel:after{content:"";position:absolute;inset:26px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#151c29,#0b1018 72%);box-shadow:inset 0 0 0 1px #263143}.wheel-inner{position:absolute;inset:26px;z-index:2;display:grid;place-content:center;text-align:center}.wheel-inner b{font-size:42px;color:#a7ef36;line-height:1}.wheel-inner span{color:#b7d96f;margin-top:8px}.wheel-pointer{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);z-index:3;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:30px solid #ffd52a;filter:drop-shadow(0 4px 5px #000)}.upgrade-main-btn{width:100%;max-width:320px;min-height:58px;border:0;border-radius:12px;background:linear-gradient(90deg,#b18b00,#ffd400);font-size:20px;font-weight:900;color:#111}.quick{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.quick button{background:#101722;border:1px solid #2a3648;color:#cbd5e1;padding:9px 13px;border-radius:9px;font-weight:800}.quick .active{border-color:#ffe05b;color:#fff;background:#1d1a0b}.browser-grid{display:grid;grid-template-columns:330px 1fr;gap:18px}.inventory,.targets-panel{background:linear-gradient(145deg,#121924,#0c1119);border:1px solid #263244;border-radius:16px;overflow:hidden}.panel-head{padding:14px 16px;border-bottom:1px solid #263244;font-weight:900}.inventory-content{position:relative;min-height:330px;padding:14px}.inventory-blur{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;filter:blur(3px);opacity:.55}.inventory-blur img{height:72px;object-fit:contain;background:#1b2230;border-radius:8px}.topup-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#151d29;border:1px solid #3a4658;border-radius:14px;padding:22px;text-align:center;box-shadow:0 18px 40px #0008}.topup-card .btn{margin-top:10px}.target-tools{display:grid;grid-template-columns:1fr 190px;gap:10px;padding:14px}.target-tools input,.target-tools select{height:44px;background:#101722;border:1px solid #334055;border-radius:10px;color:#e6edf6;padding:0 12px}.skin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 14px 14px}.skin-card{border:1px solid #3a475a;border-radius:10px;background:linear-gradient(145deg,#141b25,#0e141d);padding:8px;position:relative;cursor:pointer;transition:.18s}.skin-card:hover,.skin-card.selected{border-color:#f2c800;box-shadow:0 0 0 1px #5f4e00,0 8px 20px #0006;transform:translateY(-1px)}.skin-card .price{position:absolute;right:7px;top:6px;color:#ffe05a;font-size:9px;font-weight:900}.skin-card img{height:68px;width:100%;object-fit:contain;margin-top:12px}.skin-card .type{font-size:8px;color:#8e9bad;display:block}.skin-card .name{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-banner{margin:22px auto 0;width:min(1100px,calc(100% - 36px));display:grid;grid-template-columns:1.1fr .9fr;gap:10px;border:1px solid #8a6a00;border-radius:22px;padding:28px;background:radial-gradient(circle at 85% 30%,#ffb80044,transparent 35%),linear-gradient(90deg,#1d1604,#111722);overflow:hidden}.promo-banner h2{font-size:clamp(28px,4vw,44px);margin:8px 0}.promo-banner p{max-width:600px}.promo-art{position:relative;min-height:220px}.promo-art img{position:absolute;width:62%;height:150px;object-fit:contain;filter:drop-shadow(0 20px 25px #0008)}.promo-art img:nth-child(1){top:8px;right:5%;transform:rotate(8deg)}.promo-art img:nth-child(2){bottom:0;left:0;transform:rotate(-8deg)}.promo-art img:nth-child(3){bottom:16px;right:12%;width:48%}.promo-code-inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.promo-code-inline b{padding:12px 16px;border-radius:10px;background:#0d121b;border:1px solid #5c4b00;color:#ffe16a;font-family:ui-monospace;font-size:20px}.feature-strip{padding:22px 0;background:#0b111a;border-top:1px solid #182334;border-bottom:1px solid #182334;overflow:hidden}.feature-track{display:flex;gap:18px;width:max-content;animation:strip 28s linear infinite}.feature{display:flex;align-items:center;gap:10px;color:#c8d3e1;white-space:nowrap}.feature i{color:#ffd52a;font-style:normal}@keyframes strip{to{transform:translateX(-50%)}}.hero-visual{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;text-align:left}.hero-visual .visual-card{min-height:320px;border:1px solid #263244;border-radius:22px;background:radial-gradient(circle at 70% 35%,#ffd0002d,transparent 36%),linear-gradient(145deg,#111925,#0c1119);position:relative;overflow:hidden}.visual-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:24px}.visual-card .chev{position:absolute;right:24px;bottom:10px;font-size:140px;color:#ffd40020}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:18px;border:1px solid #2b394d;border-radius:16px;background:linear-gradient(145deg,#111925,#0c121a)}.stat b{display:block;font-size:28px;color:#ffe06a}.timeline{display:grid;gap:18px;position:relative}.timeline:before{content:"";position:absolute;left:24px;top:18px;bottom:18px;width:2px;background:linear-gradient(#ffd400,#ff7a00,#7a4dff)}.step{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start}.step-num{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#1b2433;border:2px solid #ffd400;color:#ffe16a;font-weight:900;position:relative;z-index:1}.step-body{padding:16px;border:1px solid #2a3547;border-radius:16px;background:linear-gradient(145deg,#131a25,#0d121b)}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pay-card{padding:18px;border:1px solid #2b394d;border-radius:16px;background:linear-gradient(145deg,#131a25,#0d121b);text-align:center}.pay-logo{height:46px;display:grid;place-items:center;margin-bottom:10px;font-weight:1000;font-size:22px}.visa{color:#2f80ff}.gpay{color:#fff}.apay{color:#fff}.crypto{color:#2ed6a1}.skinpay{color:#ffd400}.modal-demo{max-width:760px;margin:auto;border:1px solid #314156;border-radius:22px;background:#151d29;box-shadow:0 25px 70px #0008;overflow:hidden}.modal-head{display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #29364a;font-size:20px;font-weight:900}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.tab{padding:12px;border-radius:10px;background:#202836;color:#c9d2de;text-align:center;font-weight:800}.tab.active{border:1px solid #ffd400;background:#2b313d;color:#fff}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:6px 14px 14px}.method{min-height:118px;border-radius:14px;border:1px solid #3b4658;background:linear-gradient(145deg,#343a45,#2b313b);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.method.active{border-color:#ffd400}.promo-input{padding:18px 14px;border-top:1px solid #29364a}.promo-input label{display:block;font-weight:900;margin-bottom:8px}.promo-row{display:grid;grid-template-columns:1fr 56px;gap:8px}.promo-row input{height:48px;background:#303845;border:0;border-radius:10px;color:#fff;padding:0 12px;font-weight:800}.checkbtn{border:0;border-radius:10px;background:#ffd400;font-size:20px}.vip-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.vip-art{min-height:440px;border:1px solid #2d3a4f;border-radius:24px;background:radial-gradient(circle at 50% 35%,#ffd40030,transparent 30%),linear-gradient(145deg,#121a27,#0c1119);overflow:hidden;position:relative}.vip-art img{position:absolute;width:90%;height:100%;object-fit:contain;left:5%;top:0}.vip-art:after{content:"VIP";position:absolute;right:20px;bottom:14px;color:#ffd40022;font-size:110px;font-weight:1000}.progress-line{display:flex;align-items:center;gap:0;overflow:auto;padding:20px 0}.tier{min-width:150px;text-align:center;position:relative}.tier .dot{width:42px;height:42px;border-radius:50%;margin:0 auto 10px;background:#222c3c;border:2px solid #3c4a60;display:grid;place-items:center;color:#aeb8c6;font-weight:900}.tier.active .dot,.tier.gold .dot{border-color:#ffd400;background:#3a2f08;color:#ffe66a}.tier:after{content:"";position:absolute;left:50%;right:-50%;top:20px;height:3px;background:#3a4658;z-index:-1}.tier:last-child:after{display:none}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reward{min-height:220px;border-radius:18px;border:1px solid #2d3a4f;background:linear-gradient(145deg,#131a25,#0d121b);padding:16px;position:relative;overflow:hidden}.reward img{height:120px;width:100%;object-fit:contain}.reward b{display:block}.reward:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#7a4dff22,transparent 30%);pointer-events:none}.fair-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.flow-card{padding:22px;border:1px solid #2b394d;border-radius:18px;background:linear-gradient(145deg,#111925,#0c121a);position:relative}.flow-card:after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);font-size:28px;color:#ffd400}.flow-card:last-child:after{display:none}.review-matrix{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.matrix-list{display:grid;gap:12px}.matrix-row{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid #2a3547;border-radius:14px;background:#101722}.matrix-row .ico{width:42px;height:42px;border-radius:12px;background:#1d2736;display:grid;place-items:center;color:#ffd400}.legal{max-width:900px;margin:auto}.legal h2{margin-top:42px}.legal h3{margin-top:28px}.legal ul{color:#cbd5e1}.site-footer{background:#0a0f16;border-top:1px solid #1d2938;padding:48px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footer-grid h3{color:#fff}.footer-grid a{display:block;color:#aeb8c6;margin:8px 0}.footer-grid a:hover{color:#ffd400}.footer-copy{border-top:1px solid #1f2a39;margin-top:28px;padding-top:18px;color:#7f8b9c}.back-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffd400;color:#111;font-weight:900;box-shadow:0 10px 30px #0007;z-index:50}.hide-desktop{display:none}
@media(max-width:900px){.wrap{width:min(100% - 24px,720px)}.desktop-nav,.balance{display:none}.head-inner{height:64px;grid-template-columns:1fr auto auto}.brand img{width:132px}.steam-btn{padding:10px 14px;font-size:13px}.burger{display:block}.section{padding:56px 0}.grid2,.grid3,.grid4,.hero-visual,.vip-hero,.review-matrix{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.payment-grid{grid-template-columns:1fr 1fr}.reward-grid{grid-template-columns:1fr 1fr}.fair-flow{grid-template-columns:1fr 1fr}.fair-flow .flow-card:after{display:none}.upgrade-wrap{display:block;width:100%;padding-top:0}.skin-rail{height:92px;border-right:0;border-bottom:1px solid #263243;overflow:hidden}.rail-stack{display:flex;flex-direction:row;gap:8px;padding:8px;animation:mobileRail 20s linear infinite}.rail-card{min-width:88px;width:88px;height:76px;min-height:76px}.rail-card img{height:44px}.rail-card b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-card em{font-size:7px}.upgrade-stage{padding:16px 10px}.stage-top{grid-template-columns:1fr;gap:16px}.ui-logo{order:0}.source-panel{order:2;min-height:190px}.wheel-zone{order:1}.target-panel{order:3;min-height:220px}.wheel{width:280px}.target-art img{height:130px}.browser-grid{grid-template-columns:1fr}.inventory{display:none}.skin-grid{grid-template-columns:repeat(2,1fr)}.target-tools{grid-template-columns:1fr 150px}.promo-banner{grid-template-columns:1fr;padding:20px}.promo-art{min-height:180px}.promo-art img{height:120px}.promo-banner .btn,.cta-row{justify-content:center}.cta-row .btn{width:auto}.section-title{display:block}.section-title p{margin-top:12px}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:64px 0 40px}.hero-visual{text-align:center}.hero-visual .cta-row{justify-content:center}.methods{grid-template-columns:1fr 1fr}.method{min-height:104px}.reward-grid{grid-template-columns:1fr}.mobile-menu{position:absolute;left:0;right:0}.hide-desktop{display:block}@keyframes mobileRail{to{transform:translateX(-50%)}}}
@media(max-width:520px){.steam-btn{font-size:12px;padding:9px 10px}.brand img{width:118px}.head-inner{gap:8px}.wheel{width:250px}.wheel-inner b{font-size:36px}.source-panel h3,.target-panel h3{font-size:16px}.target-tools{grid-template-columns:1fr}.skin-grid{grid-template-columns:repeat(2,1fr)}.payment-grid{grid-template-columns:1fr}.methods{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero p{font-size:16px}.hero h1{font-size:38px}.cta-row .btn{width:100%}.vip-art{min-height:340px}.fair-flow{grid-template-columns:1fr}.reward-grid{grid-template-columns:1fr}.promo-code-inline{justify-content:center}}


/* v2.1 — bottom-only Upgrader probability arc */
.wheel{
  background:
    conic-gradient(
      from 90deg,
      #ff4a16 0deg 18deg,
      #ff7a00 18deg 88deg,
      #ffd400 88deg 180deg,
      #242a34 180deg 360deg
    )!important;
}
.wheel:after{
  background:radial-gradient(circle at 50% 35%,#151c29,#0b1018 72%)!important;
}


/* v2.1 — more conversion-focused promo banner */
.promo-banner-conversion{
  width:min(1380px,calc(100% - 24px))!important;
  margin:30px auto 52px!important;
  padding:0!important;
  min-height:330px;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
  align-items:stretch!important;
  overflow:hidden;
  border:1px solid #705b00!important;
  border-radius:22px!important;
  background:
    radial-gradient(520px 300px at 82% 45%,#5b390a99,transparent 66%),
    linear-gradient(135deg,#171a22 0%,#171409 46%,#0d1118 100%)!important;
  box-shadow:0 24px 70px #0008,inset 0 1px 0 #fff1;
}
.promo-banner-conversion .promo-copy{
  padding:42px 26px 42px 44px;
  align-self:center;
  position:relative;
  z-index:3;
}
.promo-banner-conversion h2{
  max-width:680px;
  margin:12px 0 14px;
  font-size:clamp(30px,3.5vw,48px);
  line-height:1.08;
}
.promo-banner-conversion .promo-copy>p{
  max-width:640px;
  color:#cbd3df;
  font-size:16px;
}
.promo-action-row{
  display:flex;
  align-items:stretch;
  gap:10px;
  flex-wrap:wrap;
  margin:22px 0 12px;
}
.promo-code-box{
  min-width:255px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"label bonus" "code bonus";
  gap:1px 16px;
  padding:11px 15px;
  border:1px solid #846a00;
  border-radius:11px;
  background:#0c1119cc;
  box-shadow:inset 0 0 24px #ffd4000a;
}
.promo-code-box small{grid-area:label;color:#8f98a7;font-size:9px;font-weight:900;letter-spacing:.8px}
.promo-code-box strong{grid-area:code;color:#fff;font-size:19px;letter-spacing:.5px}
.promo-code-box span{grid-area:bonus;align-self:center;color:var(--yellow);font-weight:1000}
.promo-copy-btn{min-height:58px!important}
.promo-primary-cta{
  min-width:220px;
  min-height:52px!important;
  font-size:16px;
}
.promo-micro{
  margin-top:9px!important;
  color:#828c9b!important;
  font-size:12px!important;
}
.promo-art-upgraded{
  min-height:330px;
  position:relative;
  overflow:hidden;
}
.promo-glow{
  position:absolute;
  width:380px;height:380px;
  border-radius:50%;
  right:40px;top:50%;
  transform:translateY(-50%);
  background:radial-gradient(circle,#ffd40040 0,#ff7a001f 34%,transparent 70%);
  filter:blur(3px);
}
.promo-chevron{
  position:absolute;
  color:#ffd40022;
  font-size:250px;
  line-height:.5;
  font-weight:1000;
  transform:scaleX(1.2);
}
.promo-chevron-one{right:115px;top:90px}
.promo-chevron-two{right:115px;top:165px;color:#ff7a0018}
.promo-item{
  position:absolute;
  object-fit:contain;
  filter:drop-shadow(0 22px 24px #000c);
  transition:.3s ease;
}
.promo-item-main{
  width:265px;height:210px;
  right:95px;top:50%;
  transform:translateY(-50%) rotate(-4deg);
  z-index:4;
}
.promo-item-left{
  width:245px;height:180px;
  left:10px;bottom:0;
  transform:rotate(-14deg);
  z-index:2;
}
.promo-item-right{
  width:320px;height:145px;
  right:-35px;bottom:4px;
  transform:rotate(4deg);
  z-index:3;
}
.promo-banner-conversion:hover .promo-item-main{transform:translateY(-54%) rotate(-2deg) scale(1.04)}

@media(max-width:800px){
  .promo-banner-conversion{
    width:calc(100% - 20px)!important;
    grid-template-columns:1fr!important;
    min-height:0;
  }
  .promo-banner-conversion .promo-copy{
    padding:27px 19px 18px!important;
    text-align:left;
  }
  .promo-banner-conversion h2{
    font-size:29px!important;
  }
  .promo-action-row{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .promo-code-box{width:100%;min-width:0}
  .promo-copy-btn,.promo-primary-cta{
    width:max-content!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .promo-art-upgraded{
    min-height:235px;
  }
  .promo-item-main{width:205px;height:160px;right:50%;top:45%;transform:translate(50%,-50%) rotate(-4deg)}
  .promo-item-left{width:170px;height:120px;left:-18px;bottom:3px}
  .promo-item-right{width:220px;height:100px;right:-35px;bottom:0}
  .promo-chevron{font-size:180px}.promo-chevron-one,.promo-chevron-two{right:50%;transform:translateX(50%) scaleX(1.2)}
  .promo-chevron-one{top:65px}.promo-chevron-two{top:125px}
}


/* v23 — complete fixes from wheel remark onward */

/* Stable desktop dropdowns */
.nav-item{position:relative;padding-bottom:10px;margin-bottom:-10px}
.nav-menu{top:calc(100% - 1px)!important}
.nav-item:before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.nav-item:hover .nav-menu,.nav-item:focus-within .nav-menu,.nav-item.open .nav-menu{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* Wheel: colored indicator only on the lower semicircle */
.wheel{
  background:conic-gradient(from 90deg,#ff4b19 0deg 22deg,#ff7a00 22deg 90deg,#ffd400 90deg 180deg,#242a34 180deg 360deg)!important;
}

/* Same horizontal grid for main workspace and home promo banner */
.home .upgrade-wrap,.home-aligned-banner{width:min(1380px,calc(100% - 24px))!important;margin-left:auto!important;margin-right:auto!important}
.home-aligned-banner{margin-top:30px!important}

/* More colorful skin feed */
.ticker-card,.rail-card,.skin-card{background:linear-gradient(145deg,#242a35,#181d27)!important}
.ticker-card:nth-child(4n+1),.rail-card:nth-child(4n+1),.skin-card:nth-child(4n+1){background:linear-gradient(145deg,#433116,#211c15)!important}
.ticker-card:nth-child(4n+2),.rail-card:nth-child(4n+2),.skin-card:nth-child(4n+2){background:linear-gradient(145deg,#31284d,#1a1d31)!important}
.ticker-card:nth-child(4n+3),.rail-card:nth-child(4n+3),.skin-card:nth-child(4n+3){background:linear-gradient(145deg,#40202c,#211922)!important}
.ticker-card:nth-child(4n),.rail-card:nth-child(4n),.skin-card:nth-child(4n){background:linear-gradient(145deg,#173548,#17212d)!important}
.skin-card{border-color:#776000!important;box-shadow:inset 0 1px 0 #ffffff10}
.skin-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0008,inset 0 0 0 1px #ffd400}

/* Moving ambient gaming tracks */
.section{position:relative;overflow:hidden}
.section:not(.legal-content):after{content:"";position:absolute;left:-20%;bottom:0;width:140%;height:1px;background:linear-gradient(90deg,transparent,#ffd40055,#ff7a0044,#8b49ff44,transparent);animation:ambientTrack 9s linear infinite}
@keyframes ambientTrack{0%{transform:translateX(-12%)}100%{transform:translateX(12%)}}

/* Promo page widgets */
.promo-hero-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:320px;border:1px solid #766000;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 82% 45%,#60420b88,transparent 46%),linear-gradient(130deg,#171a22,#181407)}
.promo-hero-copy{padding:32px}.promo-hero-copy h3{font-size:42px;margin:12px 0 4px}.promo-hero-bonus{font-size:32px;color:#ffd400;font-weight:1000}
.promo-hero-art{position:relative;overflow:hidden}.promo-hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 20px #000a)}.promo-hero-art img:nth-of-type(1){width:270px;right:35px;top:45px}.promo-hero-art img:nth-of-type(2){width:190px;left:0;bottom:0;transform:rotate(-14deg)}.promo-card-chevron{position:absolute;right:110px;top:80px;font-size:230px;color:#ffd40020;line-height:.5}
.promo-alt-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.promo-alt-card{padding:16px 18px;border:1px solid #363b46;border-radius:13px;background:linear-gradient(145deg,#171d29,#11161f)}.promo-alt-card strong{display:block;font-size:20px;margin:10px 0 0}.promo-alt-card>span:not(.badge){color:#ffd400;font-size:24px;font-weight:1000}.mini-cta{display:inline-flex;margin-top:8px;color:#ffd400;text-decoration:none;font-weight:900}
.bonus-calculator-card{padding:24px;border:1px solid #675600;border-radius:16px;background:linear-gradient(145deg,#1f1a09,#111722)}.bonus-calculator-card>span{color:#ffd400;font-weight:900;font-size:11px}.calc-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #343841}.calc-line.total{border:0;color:#ffd400;font-size:18px}

/* Payment icon blocks */
.payment-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-compare div{padding:18px;border:1px solid #3b414b;border-radius:14px;background:linear-gradient(145deg,#1d2530,#131923)}.payment-compare b{display:block;color:#ffd400;margin-bottom:5px}.payment-compare span{color:#aeb7c6}

/* VIP richer */
.vip-level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.vip-tier{padding:22px;border-radius:18px;background:linear-gradient(145deg,#171b24,#10151d);border:1px solid #3b414d}.vip-tier.gold{border-color:#8d7100}.vip-tier.platinum{border-color:#75449e}.vip-tier.diamond{border-color:#23849a}.vip-medal{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;margin:0 auto 15px;background:#252b34;color:#ffd400;font-size:24px;font-weight:1000}.vip-tier h3{text-align:center;font-size:24px}.vip-tier p{text-align:center;color:#aeb7c5}.vip-tier li{margin:7px 0;color:#cbd3df}
.vip-skin-showcase{position:relative;min-height:330px;border:1px solid #3c414b;border-radius:20px;background:radial-gradient(circle at 50% 50%,#3b2b0955,transparent 60%),#131923;overflow:hidden}.vip-skin-showcase img{position:absolute;object-fit:contain;filter:drop-shadow(0 18px 22px #000b)}.vip-skin-showcase img:nth-child(1){width:220px;left:35px;top:45px}.vip-skin-showcase img:nth-child(2){width:260px;right:15px;bottom:25px}.vip-skin-showcase img:nth-child(3){width:300px;left:90px;bottom:-10px}

/* Legal */
.legal-hero{padding:54px 0 36px;background:radial-gradient(600px 260px at 50% 0,#2a220955,transparent 70%);text-align:center}.legal-hero h1{max-width:950px;margin:12px auto}.legal-hero p{max-width:800px;margin:0 auto 20px;color:#b9c1cf}
.legal-content{padding:44px 0}.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:start}.legal-toc{position:sticky;top:90px;padding:18px;border:1px solid #333a45;border-radius:14px;background:#141a23}.legal-toc b{display:block;margin-bottom:10px}.legal-toc a{display:block;padding:7px 0;color:#aeb7c6;text-decoration:none;font-size:13px}.legal-toc a:hover{color:#ffd400}.legal-article{max-width:900px}.legal-article h2{margin-top:34px}.legal-article h3{margin-top:24px}.legal-article p{color:#c2cad7}.legal-article.wide{max-width:1050px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.legal-grid div{padding:16px;border:1px solid #343b46;border-radius:12px;background:#151b24}.legal-grid b{display:block;color:#ffd400;margin-bottom:5px}.legal-grid span{color:#aeb7c6}
.responsible-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.responsible-cards article{padding:18px;border:1px solid #38404c;border-radius:15px;background:#151b24}.responsible-cards article>span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#282208;color:#ffd400;font-size:20px;font-weight:1000;margin-bottom:12px}

/* CTA alignment on mobile */
@media(max-width:800px){
  .promo-hero-card{grid-template-columns:1fr}.promo-hero-art{min-height:220px}.promo-alt-row{grid-template-columns:1fr}.vip-level-grid{grid-template-columns:1fr 1fr}.legal-layout{grid-template-columns:1fr}.legal-toc{position:static}.responsible-cards{grid-template-columns:1fr 1fr}
  .cta-row{justify-content:center!important}.cta-row .btn,.btn{margin-left:auto;margin-right:auto}
  .home .upgrade-wrap,.home-aligned-banner{width:calc(100% - 16px)!important}
}
@media(max-width:520px){.vip-level-grid,.responsible-cards,.legal-grid,.payment-compare{grid-template-columns:1fr}}

/* v23 expanded content pass */
.wheel{background:conic-gradient(from 90deg,#ff4a16 0 2%,#ff7a00 2% 25%,#ffd400 25% 50%,#242a34 50% 100%)!important}
.long-copy{max-width:1180px}.long-copy p{font-size:16px;line-height:1.78}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.info-band{padding:22px;border:1px solid #344156;border-radius:18px;background:linear-gradient(120deg,#111925,#171305);margin:22px 0}.info-band strong{color:#ffd400}.visual-card{border:1px solid #344156;border-radius:18px;background:radial-gradient(circle at 70% 30%,#ffd40022,transparent 35%),#101722;padding:18px;overflow:hidden}.visual-card img{width:100%;max-height:390px;object-fit:contain;border-radius:12px}.mini-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.mini-fact{padding:16px;border:1px solid #344156;border-radius:14px;background:#101722}.mini-fact b{display:block;color:#ffd400;margin-bottom:6px}.faq details{border:1px solid #2a3547;border-radius:12px;padding:14px 16px;margin:10px 0;background:#101722}.faq summary{font-weight:900;cursor:pointer}.faq details p{margin-top:10px}.payment-brand{font-size:24px;font-weight:1000;letter-spacing:-1px}.payment-brand.visa{color:#5c91ff}.payment-brand.mc{color:#ff6a4a}.payment-brand.gpay,.payment-brand.apple{color:#fff}.payment-brand.crypto{color:#37dfad}
@media(max-width:900px){.content-grid,.mini-facts{grid-template-columns:1fr}.wheel{width:280px!important}.target-panel{border-radius:18px!important}.long-copy p{font-size:15px}.section{overflow:hidden}}

/* ===========================================================
   v23 focused rebuild — content + contextual visuals
   =========================================================== */

/* Homepage: absolutely no horizontal or vertical skin tickers */
.skin-ticker,.skin-rail{display:none!important}
.upgrade-wrap-centered{display:block!important;width:min(1460px,calc(100% - 24px))!important;margin:0 auto!important}
.upgrade-wrap-centered .upgrade-stage{width:100%!important;max-width:1320px!important;margin:0 auto!important}

/* Official-style probability ring: colour ONLY on lower half */
.wheel{
  background:conic-gradient(
    from 0deg,
    #242a34 0 25%,
    #ff4a16 25% 36%,
    #ff7a00 36% 50%,
    #ffd400 50% 75%,
    #242a34 75% 100%
  )!important;
  box-shadow:0 0 0 1px #383d47,0 22px 50px #0008!important;
}
.wheel:before{content:"100%";position:absolute;top:19px;left:50%;transform:translateX(-50%);font-size:10px;color:#777f8c;font-weight:800;z-index:6}
.wheel:after{background:radial-gradient(circle at 50% 46%,#151a22 0 64%,#0d1117 65% 100%)!important}
.wheel-inner{z-index:7!important}
.wheel-pointer{z-index:9!important}

/* Large clean target card */
.target-panel{overflow:hidden!important;justify-content:flex-start!important;padding:22px 24px!important;background:radial-gradient(circle at 50% 58%,#5b3b1355,transparent 52%),linear-gradient(150deg,#1d1b1c,#12171f)!important}
.target-head{display:flex;width:100%;align-items:center;justify-content:space-between;color:#aeb7c6}
.target-head button{width:34px;height:34px;border:0;border-radius:50%;background:#252b34;color:#aeb7c6;font-size:20px}
.target-panel>h3{font-size:24px!important;margin:8px 0 4px!important;text-align:center!important;width:100%}
.target-art-large{height:230px!important;display:grid!important;place-items:center!important;width:100%!important}
.target-art-large img{width:92%!important;height:220px!important;object-fit:contain!important;filter:drop-shadow(0 20px 24px #000b)!important;image-rendering:auto!important}
.target-price{font-size:23px;color:#ffd400;font-weight:1000;text-align:center;width:100%}

/* Compact conversion banner: one hero item, no random collage */
.conversion-banner{width:min(1260px,calc(100% - 28px));margin:30px auto 44px;min-height:220px;border:1px solid #806800;border-radius:20px;display:grid;grid-template-columns:1.35fr .65fr;overflow:hidden;background:radial-gradient(380px 240px at 82% 50%,#5b3a1288,transparent 70%),linear-gradient(125deg,#151922,#171308 55%,#10151d);box-shadow:0 20px 55px #0007}
.conversion-copy{padding:28px 34px}.conversion-copy h2{font-size:clamp(27px,3vw,39px);line-height:1.05;margin:9px 0 10px;max-width:720px}.conversion-copy p{max-width:710px;color:#bbc4d2;margin:0}
.conversion-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.code-chip{display:grid;grid-template-columns:1fr auto;grid-template-areas:"small bonus" "code bonus";gap:1px 15px;padding:10px 13px;border:1px solid #715d00;border-radius:10px;background:#0b1119}
.code-chip small{grid-area:small;color:#7f8999;font-size:9px;font-weight:900}.code-chip strong{grid-area:code;color:#fff}.code-chip span{grid-area:bonus;align-self:center;color:#ffd400;font-size:20px;font-weight:1000}
.conversion-art{position:relative;display:grid;place-items:center;min-height:220px}.conversion-art img{width:240px;height:180px;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 20px 28px #000b)}.big-chevron{position:absolute;font-size:260px;line-height:.5;color:#ffd40012;top:80px}.bonus-orb{position:absolute;right:42px;top:30px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#ffd400;color:#0a0d12;font-size:20px;font-weight:1000;z-index:5}

/* Rich page system */
.page-hero{padding:48px 0 40px;background:radial-gradient(720px 300px at 50% 0,#30260944,transparent 70%)}
.centered-hero{text-align:center}.hero-narrow{max-width:950px!important}.page-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.02;margin:10px auto 14px}.page-hero p{font-size:17px;line-height:1.65;color:#c0c8d5;max-width:840px;margin:0 auto 20px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.split-hero{text-align:left}.split-hero h1,.split-hero p{margin-left:0}.hero-media{border:1px solid #344156;border-radius:18px;background:#10161f;padding:15px}.hero-media img{width:100%;display:block;border-radius:12px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.centered-hero .hero-actions{justify-content:center}
.long-copy p{font-size:16px;line-height:1.78;color:#c6cfdb;max-width:1000px}.long-copy h2{margin-top:36px;font-size:clamp(28px,3vw,40px)}.long-copy h3{font-size:20px}
.section-title{display:flex;gap:30px;justify-content:space-between;align-items:end;margin-bottom:24px}.section-title>p{max-width:540px;margin:0}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.content-grid .card{padding:20px;border:1px solid #344156;border-radius:15px;background:linear-gradient(145deg,#131a25,#0e141c)}
.mini-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.mini-fact{padding:18px;border:1px solid #354052;border-radius:14px;background:#111822}.mini-fact b{display:block;color:#ffd400;margin-bottom:6px}
.media-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;margin:28px 0;padding:18px;border:1px solid #344156;border-radius:18px;background:#0f151e}.media-copy img{width:100%;border-radius:12px}.check-list{padding-left:20px}.check-list li{margin:8px 0;color:#c6cfdb}
.data-table{width:100%;border-collapse:collapse;margin:20px 0}.data-table th,.data-table td{border:1px solid #344156;padding:13px 15px;text-align:left}.data-table th{background:#151d28;color:#ffd400}
.faq details{border:1px solid #344156;border-radius:13px;padding:14px 16px;margin:10px 0;background:#101722}.faq summary{cursor:pointer;font-weight:900}

/* Promo page */
.promo-cards-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promo-cards-premium article{border:1px solid #384352;border-radius:16px;background:#111822;padding:18px}.promo-cards-premium .promo-main-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 320px;align-items:center;border-color:#806800;background:radial-gradient(300px 180px at 85% 50%,#57370f77,transparent 72%),#121821}.promo-main-card img{width:100%;height:210px;object-fit:contain}.promo-main-card h3{font-size:32px;margin:8px 0}.promo-main-card strong,.promo-cards-premium article>strong{display:block;color:#ffd400;font-size:28px}.status{display:inline-flex;color:#42e7a0;font-size:10px;font-weight:1000;letter-spacing:.5px}
.step-showcase{display:grid;gap:12px}.step-showcase article{display:grid;grid-template-columns:50px 1fr minmax(0,280px);gap:18px;align-items:center;padding:18px;border:1px solid #344156;border-radius:15px;background:#101722}.step-showcase article>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffd400;color:#0b0f15;font-weight:1000}.step-showcase img{width:100%;max-height:120px;object-fit:contain;border-radius:10px}

/* Native payment UI and real-looking payment icons */
.native-topup{border:1px solid #354152;border-radius:18px;background:#151b24;overflow:hidden;box-shadow:0 22px 50px #0007}
.topup-title{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #303947;font-size:20px}.topup-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.topup-tabs button{padding:13px;border:0;border-radius:10px;background:#222b37;color:#9ba7b8;font-weight:900}.topup-tabs button.active{outline:1px solid #ffd400;color:#fff}
.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px 13px 16px}.pay-method{min-height:120px;border:1px solid #394353;border-radius:13px;background:#252d39;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.pay-method.active{border-color:#ffd400}.pay-method small{color:#9da9ba}
.pay-logo{height:35px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:1000}.pay-logo.visa{font-style:italic;letter-spacing:-2px;color:#477dff}.pay-logo.mastercard{position:relative;width:54px}.pay-logo.mastercard i{width:31px;height:31px;border-radius:50%;position:absolute;background:#ef4b32;left:4px}.pay-logo.mastercard i+ i{background:#f5a623;left:20px;opacity:.9}.pay-logo.gpay span{color:#4285f4;font-size:25px}.pay-logo.apple{color:#fff}.apple-mark{display:inline-grid;width:22px;height:25px;border-radius:45% 45% 50% 50%;background:#fff;color:transparent;margin-right:5px;position:relative}.apple-mark:after{content:"";position:absolute;width:8px;height:5px;border-radius:8px;background:#fff;right:0;top:-5px;transform:rotate(-35deg)}.pay-logo.usdt{width:36px;height:36px;border-radius:50%;background:#25b98a;color:#fff}.pay-logo.btc{width:36px;height:36px;border-radius:50%;background:#f59b23;color:#fff}
.promo-field{padding:16px;border-top:1px solid #303947}.promo-field label{display:block;font-weight:900;margin-bottom:8px}.promo-field>div{display:grid;grid-template-columns:1fr 48px;gap:8px}.promo-field strong{background:#262f3b;border-radius:9px;padding:13px}.promo-field button{border:0;border-radius:9px;background:#ffd400;font-weight:1000}
.payment-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.payment-detail-grid article{padding:20px;border:1px solid #344156;border-radius:15px;background:#111822}.payment-detail-grid .pay-logo{justify-content:flex-start;margin-bottom:8px}.skin-icon{color:#ffd400}

/* Withdrawal + Steam */
.trade-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:24px 0}.trade-flow>div{min-height:135px;padding:16px;border:1px solid #344156;border-radius:14px;background:#111822}.trade-flow>div span{display:grid;width:34px;height:34px;border-radius:50%;place-items:center;background:#ffd400;color:#0a0e14;font-weight:1000;margin-bottom:10px}.trade-flow>div b,.trade-flow>div small{display:block}.trade-flow>div small{color:#9eabba;margin-top:5px}.trade-flow>i{color:#ffd400;font-size:24px}
.withdraw-visual{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:25px;padding:20px;border:1px solid #795e00;border-radius:18px;background:radial-gradient(circle at 20% 50%,#5c351c66,transparent 60%),#111822;margin:25px 0}.withdraw-visual img{width:100%;height:170px;object-fit:contain}.withdraw-visual b,.withdraw-visual strong,.withdraw-visual span{display:block}.withdraw-visual strong{font-size:26px}.withdraw-visual span{color:#aab5c5;margin-top:6px}
.login-visual{border:1px solid #344156;border-radius:18px;background:#111822;padding:16px}.login-visual img{width:100%;border-radius:10px}.security-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.security-badges span{padding:7px 10px;border:1px solid #4a5567;border-radius:999px;color:#c7d0dc;font-size:11px}

/* Provably Fair: no irrelevant screenshot */
.provably-native{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;padding:24px;border:1px solid #6f5900;border-radius:18px;background:radial-gradient(circle at 15% 50%,#ffd40016,transparent 40%),#111822;margin:24px 0}.provably-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:#ffd400;color:#111;font-size:32px;font-weight:1000}.provably-native small,.provably-native strong,.provably-native span{display:block}.provably-native small{color:#ffd400;font-weight:1000}.provably-native strong{font-size:28px}.provably-native span{color:#9eabba}

/* Reviews */
.review-framework{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.review-framework>div{padding:18px;border:1px solid #344156;border-radius:15px;background:#111822}.review-framework b{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#ffd400;color:#0c1015;margin-bottom:10px}

/* VIP: no payment screenshots */
.vip-hero-art{position:relative;min-height:320px;border:1px solid #4b3f11;border-radius:20px;background:radial-gradient(circle,#5a3d1566 0,transparent 62%),#111722;overflow:hidden}.vip-hero-art span{position:absolute;font-size:150px;font-weight:1000;color:#ffd40010;left:50%;top:50%;transform:translate(-50%,-50%)}.vip-hero-art img{position:absolute;width:230px;height:180px;object-fit:contain;filter:drop-shadow(0 20px 22px #000b)}.vip-hero-art img:first-child{left:20px;top:15px}.vip-hero-art img:last-child{right:10px;bottom:8px}
.better-vip{margin-top:24px}.reward-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reward-showcase article{padding:18px;border:1px solid #344156;border-radius:15px;background:#111822}.reward-showcase img{width:100%;height:150px;object-fit:contain}.reward-showcase b{display:block;font-size:20px;color:#ffd400}

/* Legal */
.legal-hero{padding-bottom:32px}.legal h2{margin-top:34px}.responsible-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.responsible-cards article{padding:18px;border:1px solid #344156;border-radius:15px;background:#111822}.responsible-cards article>span{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:#27220c;color:#ffd400;font-size:20px;margin-bottom:10px}

/* Mobile */
@media(max-width:900px){
  .upgrade-wrap-centered{width:100%!important;padding:0 8px!important}
  .stage-top{grid-template-columns:1fr!important}
  .wheel-zone{order:1!important}.source-panel{order:2!important}.target-panel{order:3!important}
  .wheel{width:310px!important;height:310px!important;margin:auto!important}
  .target-art-large{height:190px!important}.target-art-large img{height:185px!important}
  .conversion-banner{grid-template-columns:1fr!important;width:calc(100% - 20px)!important;min-height:0}.conversion-copy{padding:22px 18px}.conversion-art{min-height:180px}.conversion-art img{width:210px;height:145px}.big-chevron{font-size:190px;top:70px}.bonus-orb{right:25px;top:18px}
  .hero-grid,.content-grid,.media-copy{grid-template-columns:1fr!important}.split-hero{text-align:center}.split-hero h1,.split-hero p{margin-left:auto}.hero-actions{justify-content:center}
  .promo-cards-premium{grid-template-columns:1fr!important}.promo-cards-premium .promo-main-card{grid-template-columns:1fr!important}.promo-main-card img{height:170px}.step-showcase article{grid-template-columns:46px 1fr!important}.step-showcase img{grid-column:2}
  .payment-detail-grid{grid-template-columns:1fr 1fr}.trade-flow{grid-template-columns:1fr!important}.trade-flow>i{transform:rotate(90deg);text-align:center}.withdraw-visual{grid-template-columns:1fr}.withdraw-visual img{height:150px}
  .review-framework,.responsible-cards{grid-template-columns:1fr 1fr}.reward-showcase{grid-template-columns:1fr}.mini-facts{grid-template-columns:1fr}
  .section-title{display:block}.section-title>p{margin-top:10px}
}
@media(max-width:520px){
  .payment-detail-grid,.review-framework,.responsible-cards{grid-template-columns:1fr}
  .pay-methods{grid-template-columns:1fr 1fr}
  .page-hero h1{font-size:36px}
  .conversion-actions{justify-content:center}.conversion-copy{text-align:center}
}

/* CTA centering on mobile */
@media(max-width:760px){
  .btn{max-width:100%}.cta-row,.hero-actions{justify-content:center!important}
}

/* ===== ALL FEEDBACK FIX PASS ===== */

/* Global moving skin rail on ALL pages */
.has-global-skins{position:relative}
.global-skin-rail{position:fixed;left:0;top:72px;bottom:0;width:118px;overflow:hidden;z-index:35;background:linear-gradient(180deg,#0f131a,#141922);border-right:1px solid #273141;box-shadow:10px 0 30px #0005}
.global-skin-track{display:flex;flex-direction:column;gap:8px;padding:8px;animation:skinRailVertical 28s linear infinite;will-change:transform}
.global-skin-card{flex:0 0 104px;border:1px solid #44506a;border-radius:10px;background:linear-gradient(145deg,#1b2535,#151922);padding:7px;position:relative;overflow:hidden}
.global-skin-card:nth-child(4n+1){background:linear-gradient(145deg,#3d2b14,#201a14)}.global-skin-card:nth-child(4n+2){background:linear-gradient(145deg,#302454,#171a2a)}.global-skin-card:nth-child(4n+3){background:linear-gradient(145deg,#3d1d2b,#211720)}.global-skin-card:nth-child(4n){background:linear-gradient(145deg,#163447,#151d28)}
.global-skin-card span{position:absolute;right:5px;top:4px;color:#ffd400;font-size:8px;font-weight:1000}.global-skin-card img{width:100%;height:68px;object-fit:contain;display:block}.global-skin-card b{display:block;color:#fff;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes skinRailVertical{to{transform:translateY(calc(-50% - 4px))}}
.global-skin-mobile{display:none}
@media(min-width:1181px){
  body.has-global-skins .site-header,body.has-global-skins main,body.has-global-skins footer{margin-left:118px}
}
@keyframes skinRailHorizontal{to{transform:translateX(calc(-50% - 4px))}}
@media(max-width:1180px){
  .global-skin-rail{display:none!important}
  .global-skin-mobile{display:block;overflow:hidden;height:98px;background:#11161e;border-bottom:1px solid #2c3544;position:relative;z-index:30}
  .global-skin-mobile-track{display:flex;gap:8px;width:max-content;padding:7px;animation:skinRailHorizontal 26s linear infinite;will-change:transform}
  .global-skin-mobile .global-skin-card{flex:0 0 120px;height:82px}
  .global-skin-mobile .global-skin-card img{height:53px}
}

/* Official-first-person footer */
.site-footer p{max-width:420px}

/* Premium hero background system: no random screenshots on specified pages */
.skin-bg-hero,.vip-premium-hero,.steam-security-hero,.fair-hero-bg,.reviews-hero-bg,.promo-code-hero-bg{position:relative;overflow:hidden;isolation:isolate}
.skin-bg-hero:before,.promo-code-hero-bg:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 14% 36%,#ffcf001f,transparent 23%),
 radial-gradient(circle at 85% 34%,#702cff20,transparent 23%),
 linear-gradient(180deg,#0c1118e8,#080c12f5);z-index:-2}
.skin-bg-hero:after,.promo-code-hero-bg:after{content:"";position:absolute;inset:0;background:
 url("../assets/skins/doppler-ruby.png") no-repeat 5% 55%/220px,
 url("../assets/skins/pandora.png") no-repeat 91% 46%/240px,
 url("../assets/skins/dragon-lore.png") no-repeat 76% 95%/300px;opacity:.32;filter:drop-shadow(0 20px 20px #000);z-index:-1}
.hero-skin-content,.vip-premium-content,.steam-hero-content,.fair-hero-content{position:relative;z-index:2}
.vip-premium-hero:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 50% 20%,#ffd4002d,transparent 28%),
 radial-gradient(circle at 15% 70%,#8757ff22,transparent 24%),
 radial-gradient(circle at 85% 70%,#25c8ff22,transparent 24%),
 linear-gradient(180deg,#11131b,#090c12);z-index:-2}
.vip-premium-hero:after{content:"VIP";position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);font-size:300px;font-weight:1000;color:#ffd40008;letter-spacing:-25px;z-index:-1}
.steam-security-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#27577d35,transparent 36%),linear-gradient(180deg,#0e1620,#080c12);z-index:-2}.steam-security-hero:after{content:"";position:absolute;inset:0;background:url("../assets/skins/emerald-knife.png") no-repeat 3% 80%/230px,url("../assets/skins/slate.png") no-repeat 95% 60%/270px;opacity:.15;z-index:-1}
.fair-hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#ffd40021,transparent 26%),linear-gradient(180deg,#10151e,#080c12);z-index:-2}.fair-hero-bg:after{content:"SHA-256";position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);font-size:150px;font-weight:1000;color:#ffd40007;letter-spacing:12px;z-index:-1}
.reviews-hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,#8757ff1f,transparent 28%),radial-gradient(circle at 75% 50%,#ffd4001d,transparent 28%),linear-gradient(180deg,#0d121a,#080c12);z-index:-2}.reviews-hero-bg:after{content:"★★★★★";position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);font-size:100px;letter-spacing:20px;color:#ffd40008;z-index:-1}

/* Flow cards */
.flow-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.flow-card{padding:22px;border:1px solid #354052;border-radius:16px;background:linear-gradient(145deg,#121923,#0f151d);position:relative;overflow:hidden}
.flow-card>span{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#ffd400;color:#0b1016;font-weight:1000;margin-bottom:12px}
.flow-card:after{content:"";position:absolute;right:-24px;bottom:-38px;width:110px;height:110px;border-radius:50%;border:22px solid #ffd40008}

/* VIP real cards */
.vip-real-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start;margin:24px 0 34px}
.vip-real-grid figure{margin:0;border-radius:18px;overflow:hidden;background:#0c1117;border:1px solid #354052;box-shadow:0 20px 38px #0006}
.vip-real-grid img{width:100%;display:block}.vip-real-grid figcaption{text-align:center;padding:10px;font-weight:1000;color:#ffd400}
.vip-dashboard-block{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:center;padding:24px;border:1px solid #554500;border-radius:18px;background:radial-gradient(circle at 75% 50%,#ffd40017,transparent 45%),#111721;margin:34px 0}.vip-dashboard-block img{width:100%;border-radius:12px}

/* Deposit promo copy/link actions */
.promo-inline-field{display:grid!important;grid-template-columns:1fr 48px!important;gap:8px}.promo-inline-field strong{background:#29323e;border-radius:9px;padding:13px}.promo-inline-field button{border:0;border-radius:9px;background:#ffd400;font-weight:1000}
.promo-inline-actions{display:flex!important;gap:8px!important;grid-template-columns:none!important;margin-top:10px;flex-wrap:wrap}

/* Withdrawal conversion block */
.withdraw-action-section{padding-top:8px!important}.withdraw-conversion-card{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:26px;border:1px solid #745d00;border-radius:18px;background:radial-gradient(circle at 85% 50%,#ffd4001c,transparent 40%),linear-gradient(140deg,#121923,#161307)}
.withdraw-meter{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.withdraw-meter span{padding:10px 12px;border:1px solid #4c5768;border-radius:999px;background:#111823;font-weight:900}.withdraw-meter i{width:22px;height:2px;background:#ffd400}

/* Steam security pills */
.security-pill-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:17px 0}.security-pill-row span{padding:8px 12px;border:1px solid #4b5d73;border-radius:999px;background:#101923;color:#d2dbe6;font-size:12px;font-weight:800}

/* Promo widgets */
.promo-cards-premium{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.promo-widget{padding:18px!important;border:1px solid #36324e!important;border-left:4px solid #ff6a3a!important;border-radius:15px!important;background:linear-gradient(150deg,#171523,#111620)!important;box-shadow:0 16px 34px #0005}
.promo-widget.recommended{border-left-color:#ffd400!important}.promo-flag{font-size:9px!important;color:#ff9a74!important;font-weight:1000!important;letter-spacing:1px!important}.recommended .promo-flag{color:#ffd400!important}
.widget-code{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:10px;margin:10px 0;border:1px dashed #4b4860;border-radius:8px;background:#1c1c2a}.widget-code strong{font-size:17px;letter-spacing:1px}.widget-code button{border:1px solid #45445b;border-radius:7px;background:#262638;color:#fff;padding:8px 10px;font-weight:900}.promo-widget p{min-height:55px;color:#b7bdca}.promo-widget .btn{width:100%;justify-content:center}
.bonus-calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.bonus-calc-grid article{padding:16px;border:1px solid #344156;border-radius:14px;background:#111822;display:grid;grid-template-columns:1fr auto;grid-template-areas:"small bonus" "amount bonus" "total total"}.bonus-calc-grid small{grid-area:small;color:#9aa7b9}.bonus-calc-grid strong{grid-area:amount;font-size:28px;color:#fff}.bonus-calc-grid span{grid-area:bonus;align-self:center;color:#ffd400;font-weight:1000}.bonus-calc-grid b{grid-area:total;margin-top:8px;padding-top:8px;border-top:1px solid #303b4b;color:#cfd8e5}

/* Mobile */
@media(max-width:1100px){.promo-cards-premium{grid-template-columns:1fr 1fr!important}.vip-real-grid{grid-template-columns:1fr 1fr}.flow-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .promo-cards-premium,.vip-real-grid,.flow-card-grid,.vip-dashboard-block,.withdraw-conversion-card{grid-template-columns:1fr!important}
 .promo-inline-actions{justify-content:center}
 .skin-bg-hero:after,.promo-code-hero-bg:after{background:url("../assets/skins/pandora.png") no-repeat 50% 88%/180px;opacity:.16}
 .vip-premium-hero:after{font-size:180px}
 .fair-hero-bg:after{font-size:58px;letter-spacing:6px}
 .reviews-hero-bg:after{font-size:54px;letter-spacing:8px}
 .bonus-calc-grid{grid-template-columns:1fr}
}

/* ===== Feedback round 2: footer, promo screenshots, VIP, reviews ===== */

/* Footer restored everywhere, matching the original site structure */
.site-footer{
  display:block!important;
  margin-top:0!important;
  background:#0c1219!important;
  border-top:1px solid #283240!important;
}
.site-footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.5fr 1fr 1fr 1fr!important;
  gap:34px!important;
  padding:46px 0 36px!important;
}
.site-footer .footer-brand p{
  color:#d0d7e3!important;
  line-height:1.65!important;
  margin-top:14px!important;
}
.site-footer h3{font-size:17px!important;margin:0 0 14px!important}
.site-footer a{display:block;color:#c9d2df!important;margin:9px 0!important;text-decoration:none}
.site-footer a:hover{color:#ffd400!important}
.site-footer .footer-bottom{
  border-top:1px solid #2b3543!important;
  padding:18px 0 22px!important;
  color:#8797aa!important;
}
.site-footer .footer-bottom a{display:inline!important;color:#8797aa!important;margin:0!important}

/* Promo activation screenshots must be readable */
.step-showcase{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
}
.promo-step-card{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) minmax(360px,520px)!important;
  align-items:center!important;
  gap:22px!important;
  min-height:250px!important;
  padding:20px!important;
}
.promo-step-image-link{
  display:block!important;
  width:100%!important;
  position:relative!important;
  border:1px solid #46566b!important;
  border-radius:14px!important;
  background:#070b10!important;
  overflow:hidden!important;
}
.promo-step-image{
  width:100%!important;
  height:220px!important;
  max-height:none!important;
  object-fit:contain!important;
  display:block!important;
  padding:10px!important;
  box-sizing:border-box!important;
}
.promo-step-3 .promo-step-image,
.promo-step-4 .promo-step-image,
.promo-step-5 .promo-step-image{
  height:310px!important;
}
.promo-zoom-label{
  position:absolute!important;
  right:10px!important;
  bottom:10px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  background:#ffd400!important;
  color:#10141a!important;
  font-size:10px!important;
  font-weight:1000!important;
}

/* Premium VIP hero built from the supplied VIP character asset */
.vip-royal-hero{
  position:relative!important;
  min-height:530px!important;
  padding:38px 0 0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 74% 35%,#9b6b242d,transparent 32%),
    radial-gradient(circle at 20% 42%,#ffd40012,transparent 30%),
    linear-gradient(180deg,#0d1016 0%,#0a0d12 100%)!important;
}
.vip-royal-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:
    radial-gradient(circle,#ffd470 1px,transparent 1.5px),
    radial-gradient(circle,#fff 1px,transparent 1.5px)!important;
  background-size:110px 110px,170px 170px!important;
  background-position:13px 9px,61px 47px!important;
  opacity:.17!important;
  pointer-events:none!important;
}
.vip-royal-grid{
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  align-items:center!important;
  gap:20px!important;
  min-height:490px!important;
}
.vip-royal-copy{padding:35px 0 60px!important;position:relative!important;z-index:2!important}
.vip-royal-copy h1{font-size:clamp(44px,5.4vw,74px)!important;line-height:1.0!important;max-width:800px!important;margin:12px 0 18px!important}
.vip-royal-copy p{max-width:670px!important;font-size:17px!important;line-height:1.68!important;color:#c4ccd7!important}
.vip-royal-person{height:490px!important;align-self:end!important;display:flex!important;justify-content:center!important;align-items:flex-end!important;position:relative!important}
.vip-royal-person:before{
  content:"VIP"!important;
  position:absolute!important;
  font-size:270px!important;
  font-weight:1000!important;
  color:#ffd40008!important;
  left:50%!important;
  top:47%!important;
  transform:translate(-50%,-50%)!important;
}
.vip-royal-person img{
  width:auto!important;
  height:485px!important;
  max-width:100%!important;
  object-fit:contain!important;
  position:relative!important;
  z-index:2!important;
  filter:drop-shadow(0 30px 32px #000d)!important;
}

/* Use the supplied VIP screenshots at readable sizes */
.vip-visual-section{background:linear-gradient(180deg,#0d1219,#0a0e14)!important}
.centered-title{text-align:center!important;justify-content:center!important;display:block!important}
.centered-title p{margin:8px auto 0!important;max-width:700px!important}
.vip-supplied-visuals{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
  margin-top:26px!important;
}
.vip-supplied-visuals figure{
  margin:0!important;
  border:1px solid #5a481c!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#0c1016!important;
  box-shadow:0 22px 44px #0007!important;
}
.vip-supplied-visuals .vip-main-shot{grid-column:1/-1!important}
.vip-supplied-visuals img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}

/* Reviews hero buttons: short and suitable for first-person editorial voice */
.reviews-hero-bg .hero-actions .btn{min-width:180px!important}

/* Mobile */
@media(max-width:900px){
  .site-footer .footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .promo-step-card{grid-template-columns:50px 1fr!important}
  .promo-step-image-link{grid-column:1/-1!important}
  .promo-step-image{height:250px!important}
  .promo-step-3 .promo-step-image,.promo-step-4 .promo-step-image,.promo-step-5 .promo-step-image{height:360px!important}
  .vip-royal-grid{grid-template-columns:1fr!important;text-align:center!important}
  .vip-royal-copy{padding-bottom:0!important}
  .vip-royal-copy p{margin-left:auto!important;margin-right:auto!important}
  .vip-royal-copy .hero-actions{justify-content:center!important}
  .vip-royal-person{height:390px!important}
  .vip-royal-person img{height:390px!important}
  .vip-supplied-visuals{grid-template-columns:1fr!important}
  .vip-supplied-visuals .vip-main-shot{grid-column:auto!important}
}
@media(max-width:560px){
  .site-footer .footer-grid{grid-template-columns:1fr!important;padding:34px 0 25px!important}
  .promo-step-image{height:210px!important}
  .promo-step-3 .promo-step-image,.promo-step-4 .promo-step-image,.promo-step-5 .promo-step-image{height:320px!important}
}

/* ===== Feedback round 3 ===== */

/* Homepage: no giant empty viewport gap before promo banner */
.home{
  min-height:0!important;
  padding-bottom:24px!important;
}
.upgrade-wrap{
  padding-bottom:18px!important;
}
.conversion-banner-home{
  margin-top:18px!important;
}

/* Full footer restored on every page */
.full-site-footer{
  display:block!important;
  margin-top:0!important;
  background:#0c1219!important;
  border-top:1px solid #27313f!important;
}
.full-site-footer .footer-grid{
  display:grid!important;
  grid-template-columns:1.45fr .9fr .9fr .9fr!important;
  gap:44px!important;
  padding:46px 0 34px!important;
  align-items:start!important;
}
.full-site-footer .footer-logo{
  display:inline-block!important;
  margin-bottom:14px!important;
}
.full-site-footer .footer-logo img{
  width:160px!important;
  height:auto!important;
  object-fit:contain!important;
}
.full-site-footer .footer-brand p{
  max-width:335px!important;
  color:#d4dbe5!important;
  line-height:1.7!important;
  font-size:15px!important;
  margin:0!important;
}
.full-site-footer h3{
  margin:0 0 13px!important;
  font-size:17px!important;
  color:#fff!important;
}
.full-site-footer .footer-col a{
  display:block!important;
  color:#c8d1dd!important;
  margin:8px 0!important;
  text-decoration:none!important;
}
.full-site-footer .footer-col a:hover{
  color:#ffd400!important;
}
.full-site-footer .footer-bottom{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  padding:18px 0 22px!important;
  border-top:1px solid #293442!important;
  color:#8696aa!important;
  font-size:14px!important;
}
.full-site-footer .footer-bottom a{
  color:#8696aa!important;
}
.full-site-footer .footer-bottom a:hover{
  color:#ffd400!important;
}

/* VIP hero: shorter, cleaner, both edges aligned to the same content container */
.vip-royal-hero{
  min-height:400px!important;
  padding:24px 0 0!important;
}
.vip-royal-grid{
  width:min(var(--max),calc(100% - 36px))!important;
  min-height:376px!important;
  grid-template-columns:1.08fr .92fr!important;
  align-items:center!important;
  gap:32px!important;
  margin:auto!important;
}
.vip-royal-copy{
  padding:18px 0 34px!important;
}
.vip-royal-copy h1{
  font-size:clamp(40px,4.6vw,62px)!important;
  max-width:690px!important;
  margin-top:10px!important;
}
.vip-royal-copy p{
  max-width:650px!important;
  font-size:16px!important;
}
.vip-royal-person{
  height:376px!important;
  min-height:376px!important;
  align-self:end!important;
}
.vip-royal-person img{
  height:370px!important;
  width:auto!important;
  max-width:100%!important;
}
.vip-royal-person:before{
  font-size:220px!important;
}

/* VIP supplied visual: only one strong contextual image, whole image is affiliate CTA */
.vip-supplied-visuals{
  display:block!important;
  max-width:1180px!important;
  margin:26px auto 0!important;
}
.vip-main-aff-link{
  display:block!important;
  width:100%!important;
  color:inherit!important;
}
.vip-main-shot-only{
  margin:0!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #6e5718!important;
  border-radius:18px!important;
  background:#0b0e13!important;
  box-shadow:0 22px 48px #0008!important;
}
.vip-main-shot-only img{
  display:block!important;
  width:100%!important;
  height:auto!important;
}
.vip-click-badge{
  position:absolute!important;
  right:22px!important;
  bottom:20px!important;
  padding:10px 14px!important;
  border:1px solid #c89e39!important;
  border-radius:9px!important;
  background:#0e1016e8!important;
  color:#ffd263!important;
  font-weight:1000!important;
  box-shadow:0 8px 20px #0008!important;
}
.vip-main-aff-link:hover .vip-main-shot-only{
  transform:translateY(-2px)!important;
  box-shadow:0 25px 54px #000a!important;
}

/* The visual section should align to the same left/right edges as the page */
.vip-visual-section .wrap{
  width:min(var(--max),calc(100% - 36px))!important;
}

/* Mobile footer and VIP hero */
@media(max-width:900px){
  .full-site-footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:26px!important;
  }
  .vip-royal-hero{
    min-height:0!important;
    padding-top:26px!important;
  }
  .vip-royal-grid{
    grid-template-columns:1fr!important;
    min-height:0!important;
    text-align:center!important;
  }
  .vip-royal-copy{
    padding-bottom:0!important;
  }
  .vip-royal-copy p{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .vip-royal-copy .hero-actions{
    justify-content:center!important;
  }
  .vip-royal-person{
    height:300px!important;
    min-height:300px!important;
  }
  .vip-royal-person img{
    height:300px!important;
  }
}
@media(max-width:560px){
  .full-site-footer .footer-grid{
    grid-template-columns:1fr!important;
    padding-top:32px!important;
  }
  .full-site-footer .footer-bottom{
    gap:6px!important;
  }
  .vip-click-badge{
    right:10px!important;
    bottom:10px!important;
    font-size:11px!important;
    padding:8px 10px!important;
  }
}

/* ===== Feedback round 4: local footer links + VIP affiliate hotspots ===== */

/* Whole VIP tier card is an affiliate link, preserving the original visual */
.vip-tier-aff-link{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
  border-radius:18px!important;
}
.vip-tier-aff-link figure{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.vip-tier-aff-link:hover figure{
  transform:translateY(-3px)!important;
  box-shadow:0 24px 52px #000a!important;
  border-color:#ffd400!important;
}

/* The supplied VIP raster already contains "Check your VIP level".
   Make that exact area clickable without adding another visible CTA. */
.vip-main-shot-only{
  position:relative!important;
}
.vip-image-button-hotspot{
  position:absolute!important;
  left:49.4%!important;
  top:46.5%!important;
  width:22.5%!important;
  height:15.5%!important;
  z-index:8!important;
  border-radius:12px!important;
  background:transparent!important;
  cursor:pointer!important;
}
.vip-image-button-hotspot:focus-visible{
  outline:2px solid #ffd400!important;
  outline-offset:2px!important;
}

/* Explicitly hide/remove any old visible overlay badge if cached HTML/CSS remains */
.vip-click-badge{display:none!important}

@media(max-width:760px){
  .vip-image-button-hotspot{
    left:48.2%!important;
    top:44.8%!important;
    width:27%!important;
    height:17%!important;
  }
}

/* ===== Feedback round 5: align homepage promo banner with product grid ===== */

/* Use exactly the same horizontal width as the homepage product area above. */
body.home-page .conversion-banner-home,
body:not(.internal-page) .conversion-banner-home{
  width:min(1320px,calc(100% - 24px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Keep inner content aligned to the banner edges, without an extra visual shift. */
body.home-page .conversion-banner-home .conversion-copy,
body:not(.internal-page) .conversion-banner-home .conversion-copy{
  padding-left:32px!important;
  padding-right:28px!important;
}

/* Match the product grid breakpoint behaviour. */
@media(max-width:1400px){
  body.home-page .conversion-banner-home,
  body:not(.internal-page) .conversion-banner-home{
    width:calc(100% - 24px)!important;
  }
}

@media(max-width:760px){
  body.home-page .conversion-banner-home,
  body:not(.internal-page) .conversion-banner-home{
    width:calc(100% - 16px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.home-page .conversion-banner-home .conversion-copy,
  body:not(.internal-page) .conversion-banner-home .conversion-copy{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}


/* ===== Feedback round 6: responsive tables on mobile ===== */
@media(max-width:760px){
  .data-table{
    display:block!important;
    width:100%!important;
    border:0!important;
    background:transparent!important;
  }

  .data-table thead{
    display:none!important;
  }

  .data-table tbody{
    display:grid!important;
    gap:12px!important;
    width:100%!important;
  }

  .data-table tr{
    display:block!important;
    width:100%!important;
    border:1px solid #344156!important;
    border-radius:14px!important;
    overflow:hidden!important;
    background:#101722!important;
  }

  .data-table td{
    display:grid!important;
    grid-template-columns:minmax(112px,38%) 1fr!important;
    gap:12px!important;
    align-items:start!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding:13px 14px!important;
    border:0!important;
    border-bottom:1px solid #2d3848!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .data-table td:last-child{
    border-bottom:0!important;
  }

  .data-table td::before{
    content:attr(data-label)!important;
    display:block!important;
    color:#ffd400!important;
    font-weight:900!important;
    line-height:1.35!important;
  }
}

@media(max-width:430px){
  .data-table td{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
}


/* ===== Feedback round 7: mobile horizontal table + Provably Fair card ===== */

@media(max-width:760px){

  /* Keep tables visually identical to desktop; allow horizontal swipe instead. */
  .long-copy{
    overflow:visible!important;
  }

  .data-table{
    display:table!important;
    width:max-content!important;
    min-width:720px!important;
    max-width:none!important;
    border-collapse:collapse!important;
    background:transparent!important;
    margin:0!important;
  }

  .data-table thead{
    display:table-header-group!important;
  }

  .data-table tbody{
    display:table-row-group!important;
  }

  .data-table tr{
    display:table-row!important;
    border:0!important;
    background:transparent!important;
  }

  .data-table th,
  .data-table td{
    display:table-cell!important;
    width:auto!important;
    min-width:0!important;
    padding:13px 15px!important;
    border:1px solid #344156!important;
    text-align:left!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    background:transparent!important;
  }

  .data-table th{
    background:#151d28!important;
    color:#ffd400!important;
    font-weight:900!important;
  }

  .data-table td::before{
    content:none!important;
    display:none!important;
  }

  /* The nearest content block becomes the horizontal scroll container. */
  .data-table{
    margin-bottom:4px!important;
  }

  .data-table-scroll{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    width:100%!important;
    padding-bottom:8px!important;
  }

  /* Provably Fair card: stack cleanly instead of squeezing 3 columns. */
  .provably-native{
    display:grid!important;
    grid-template-columns:72px 1fr!important;
    grid-template-areas:
      "icon copy"
      "button button"!important;
    gap:14px 16px!important;
    align-items:center!important;
    padding:18px!important;
    border-radius:16px!important;
  }

  .provably-native .provably-icon{
    grid-area:icon!important;
    width:64px!important;
    height:64px!important;
    font-size:28px!important;
    border-radius:15px!important;
  }

  .provably-native > div:nth-child(2){
    grid-area:copy!important;
    min-width:0!important;
  }

  .provably-native > div:nth-child(2) small{
    font-size:10px!important;
    line-height:1.25!important;
    margin-bottom:4px!important;
  }

  .provably-native > div:nth-child(2) strong{
    font-size:28px!important;
    line-height:1.05!important;
    word-break:normal!important;
  }

  .provably-native > div:nth-child(2) span{
    font-size:13px!important;
    line-height:1.45!important;
    margin-top:5px!important;
  }

  .provably-native .btn{
    grid-area:button!important;
    width:100%!important;
    min-height:46px!important;
    justify-content:center!important;
    text-align:center!important;
    padding:12px 16px!important;
  }
}

@media(max-width:430px){
  .data-table{
    min-width:680px!important;
  }

  .provably-native{
    grid-template-columns:58px 1fr!important;
    padding:16px!important;
    gap:12px!important;
  }

  .provably-native .provably-icon{
    width:54px!important;
    height:54px!important;
    font-size:24px!important;
  }

  .provably-native > div:nth-child(2) strong{
    font-size:24px!important;
  }
}