: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;
  }
}

/* 2026-09-03 reference-aligned build */
body{overflow-x:hidden}.wrap{margin-left:auto!important;margin-right:auto!important}.wide-wrap{max-width:1440px}.hero-copy p{max-width:840px;margin-left:auto;margin-right:auto}.content-card{background:rgba(23,25,29,.72);border:1px solid #2b2e35;border-radius:18px;padding:26px 28px}.content-card>*:first-child{margin-top:0}.content-card>*:last-child{margin-bottom:0}.content-card table{width:100%}.platform-demo .upgrade-wrap{margin:0 auto;max-width:1320px}.footer-contact{display:flex;flex-direction:column;gap:8px;margin-top:16px}.footer-contact a{color:#c9ccd2}.footer-legal-stack{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}.mobile-steam{color:#111!important;background:#ffd800!important;border-radius:10px!important;font-weight:900!important;text-align:center}.vip-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.vip-showcase img,.vip-extra-grid img{width:100%;border-radius:18px;border:1px solid #2b2e35}.vip-extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vip-level img{max-height:360px;object-fit:contain}.how-media{margin-top:28px}.legal-copy{max-width:980px}.pf-page{padding-top:38px}.pf-card{background:#15171a;border:1px solid #252830;border-radius:18px;overflow:hidden}.pf-intro{padding:28px 36px;background:#1d1f23}.pf-title{display:flex;align-items:center;gap:14px}.pf-title h1{font-size:28px;margin:0}.pf-shield{width:28px;height:28px;border:2px solid #00d789;border-radius:10px;display:grid;place-items:center;color:#00d789;font-weight:900}.pf-intro p{color:#96999f;font-weight:700;line-height:1.55;max-width:none}.pf-body{padding:26px 36px}.pf-tabs{display:flex;gap:8px;margin-bottom:28px}.pf-tabs button{border:0;background:#22252b;color:#9a9da3;padding:12px 20px;border-radius:9px;font-weight:800;cursor:pointer}.pf-tabs button.active{background:#ffd800;color:#0d0e10}.pf-panel{display:none}.pf-panel.active{display:block}.pf-table{border:1px solid #363940;border-radius:14px;overflow:hidden}.pf-table>div{display:grid;grid-template-columns:190px minmax(240px,1fr) auto;align-items:center;min-height:58px;border-bottom:1px solid #363940}.pf-table>div:last-child{border-bottom:0}.pf-table b,.pf-table span{padding:14px 16px}.pf-table b{background:#202226;height:100%;display:flex;align-items:center}.pf-actions{display:flex;gap:8px;justify-content:flex-end}.pf-actions button,.pf-reveal button,.pf-check button{background:#22252b;border:0;color:#fff;border-radius:10px;padding:12px 16px;font-weight:800}.pf-actions button:last-child,.pf-reveal button,.pf-check button{background:#ffd800;color:#101114}.pf-reveal{margin-top:18px;background:#22252b;border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.pf-reveal span{color:#8d9096;font-weight:700}.pf-check{text-align:center;padding:18px 0 40px}.pf-check p{color:#8e9197;font-weight:700}.pf-check-form{display:flex;gap:16px;max-width:620px;margin:22px auto}.pf-check input{flex:1;background:#22252b;border:1px solid #3a3d44;border-radius:12px;padding:15px 16px;color:#fff}.pf-msg{margin-top:12px;color:#a9adb4}.faq-section h3{margin-top:22px}.faq-section h3+*{margin-top:8px}
@media(max-width:980px){.vip-showcase,.vip-extra-grid{grid-template-columns:1fr}.pf-table>div{grid-template-columns:150px 1fr}.pf-actions{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #30333a}.desktop-nav{display:none!important}.head-actions .steam-btn{display:none}.burger{display:inline-flex!important}.mobile-menu.open{display:block!important}}
@media(max-width:700px){.content-card{padding:20px 16px}.page-hero{padding-top:38px!important}.page-hero h1{font-size:34px!important}.pf-intro,.pf-body{padding:22px 18px}.pf-title h1{font-size:22px}.pf-tabs{display:grid;grid-template-columns:1fr 1fr}.pf-tabs button{padding:11px 8px}.pf-table>div{grid-template-columns:1fr}.pf-table b{border-bottom:1px solid #30333a}.pf-table b,.pf-table span{padding:12px}.pf-actions{grid-column:auto}.pf-reveal,.pf-check-form{flex-direction:column;align-items:stretch}.global-skin-mobile{display:block!important}.global-skin-rail{display:none!important}.site-header .wrap{padding-left:16px;padding-right:16px}.mobile-menu .wrap{display:grid;gap:4px}.platform-demo .wrap{padding-left:8px;padding-right:8px}}


/* v4 UX/UI corrections */
:root{--gold:#ffd800;--panel:#17191d;--line:#30343c}
.promo-hero{position:relative;overflow:hidden;padding:70px 0 64px;background:radial-gradient(circle at 80% 30%,rgba(255,216,0,.10),transparent 34%),#0b0d10;border-bottom:1px solid #22252b}.promo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0d10 0%,rgba(11,13,16,.86) 46%,rgba(11,13,16,.4) 100%);pointer-events:none}.promo-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:52px;align-items:center}.promo-hero-copy{text-align:left}.promo-hero-copy h1{font-size:clamp(42px,5vw,70px);line-height:1.03;margin:16px 0 22px}.promo-hero-copy .hero-copy p{margin-left:0!important;margin-right:0!important;max-width:820px}.promo-hero-skins{position:absolute;inset:0;z-index:0;opacity:.27;filter:saturate(1.15)}.promo-hero-skins img{position:absolute;width:260px;max-height:180px;object-fit:contain}.promo-hero-skins img:nth-child(1){right:2%;top:7%;transform:rotate(-8deg)}.promo-hero-skins img:nth-child(2){right:22%;bottom:4%;transform:rotate(12deg)}.promo-hero-skins img:nth-child(3){left:42%;top:5%;transform:rotate(8deg)}.promo-hero-skins img:nth-child(4){left:37%;bottom:2%;transform:rotate(-10deg)}
.hero-promo-widget{background:linear-gradient(160deg,#191b20,#111317);border:1px solid rgba(255,216,0,.42);border-radius:22px;padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.widget-kicker{display:block;color:#a8acb5;font-size:12px;font-weight:900;letter-spacing:.12em}.hero-promo-widget>strong{display:block;font-size:38px;margin:8px 0 2px;color:#fff}.widget-bonus{color:#ffd800;font-weight:900;font-size:22px}.widget-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 14px}.hero-promo-widget small{color:#9da1aa;line-height:1.5}
.promo-table-actions{display:flex;gap:8px;align-items:center}.mini-action{border:1px solid #3a3e47;background:#202329;color:#fff;border-radius:8px;padding:8px 12px;font-weight:800;font-size:13px;text-decoration:none;cursor:pointer;white-space:nowrap}.mini-action.use{background:#ffd800;color:#111;border-color:#ffd800}.recommended-badge{display:inline-block;margin-left:10px;padding:4px 7px;border-radius:999px;background:rgba(255,216,0,.12);border:1px solid rgba(255,216,0,.32);color:#ffd800;font-size:10px;font-weight:900;text-transform:uppercase}
.bonus-calculator{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:24px;border-radius:16px;background:#101216;border:1px solid #2d3037;margin:22px 0}.calc-control label{font-weight:900;display:block;margin-bottom:10px}.calc-input-row{display:flex;align-items:center;background:#1d2025;border:1px solid #343841;border-radius:12px;padding:0 14px}.calc-input-row input{width:100%;background:transparent;border:0;color:#fff;font-size:28px;font-weight:900;padding:15px 0;outline:0}.calc-input-row span{color:#999fa8}.calc-control input[type=range]{width:100%;accent-color:#ffd800;margin:18px 0 10px}.calc-presets{display:flex;gap:8px;flex-wrap:wrap}.calc-presets button{border:1px solid #3a3e46;background:#1b1e23;color:#fff;border-radius:8px;padding:8px 13px;font-weight:800;cursor:pointer}.calc-presets button.active{background:#ffd800;color:#111;border-color:#ffd800}.calc-results{display:grid;gap:10px}.calc-results>div{display:flex;align-items:center;justify-content:space-between;background:#1b1e23;border:1px solid #30343b;border-radius:12px;padding:16px 18px}.calc-results span{color:#9fa4ad}.calc-results strong{font-size:24px}.calc-results .highlight{border-color:rgba(255,216,0,.5);background:rgba(255,216,0,.08)}.calc-results .highlight strong{color:#ffd800}
.context-cta{margin-top:22px}.troubleshoot-status{display:flex;gap:12px;align-items:center;background:#101216;border:1px solid rgba(255,216,0,.28);border-radius:14px;padding:14px 16px;margin:18px 0 20px}.troubleshoot-status>div{display:flex;align-items:baseline;gap:12px;margin-right:auto}.troubleshoot-status small{color:#8f949d}.troubleshoot-status strong{font-size:20px}.troubleshoot-status span{color:#ffd800;font-weight:900}.troubleshoot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0}.troubleshoot-item{background:#111318;border:1px solid #2d3037;border-radius:13px;padding:16px}.troubleshoot-item>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffd800;color:#111;font-weight:900;margin-bottom:12px}.troubleshoot-item p{margin:0!important;color:#d9dce2;line-height:1.45}
.faq-accordion{display:grid;gap:10px}.faq-accordion details{border:1px solid #30343b;border-radius:13px;background:#111318;overflow:hidden}.faq-accordion summary{list-style:none;cursor:pointer;padding:18px 52px 18px 18px;font-weight:900;position:relative}.faq-accordion summary::-webkit-details-marker{display:none}.faq-accordion summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#23262c;color:#ffd800;font-size:20px}.faq-accordion details[open] summary:after{content:"−"}.faq-accordion details>div{padding:0 18px 18px;color:#c5c9d1}.faq-accordion details>div p{margin:0}
.conversion-banner-premium{position:relative;overflow:hidden;min-height:340px;background:radial-gradient(circle at 82% 45%,rgba(255,185,0,.18),transparent 36%),linear-gradient(120deg,#0f1114,#17140b);border-color:rgba(255,216,0,.55)}.premium-knife-art{position:absolute!important;right:0;top:0;bottom:0;width:46%;display:flex;align-items:center;justify-content:center}.premium-knife-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15130b 0%,transparent 50%)}.premium-knife-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.95}.premium-knife-art .bonus-orb{position:absolute;right:26px;top:25px}.conversion-banner-premium .conversion-copy{position:relative;z-index:2;max-width:60%}.conversion-banner-premium .conversion-actions{position:relative;z-index:3}
.technical-hero{text-align:left;padding:54px 0 26px}.technical-hero .hero-copy p{margin-left:0!important;margin-right:0!important}.technical-hero h1{font-size:clamp(42px,5vw,64px)}
.mobile-menu{box-shadow:0 20px 35px rgba(0,0,0,.35)}.mobile-menu .wrap{padding-top:12px;padding-bottom:14px}.mobile-menu a{display:block;padding:12px 14px;border-bottom:1px solid #282b31}.mobile-menu .mobile-steam{margin-top:10px;border-bottom:0}
@media(max-width:1000px){.promo-hero-grid{grid-template-columns:1fr;gap:28px}.hero-promo-widget{max-width:560px}.troubleshoot-grid{grid-template-columns:repeat(2,1fr)}.bonus-calculator{grid-template-columns:1fr}.conversion-banner-premium .conversion-copy{max-width:100%;padding-right:28%}.premium-knife-art{width:38%;opacity:.42}}
@media(max-width:700px){.promo-hero{padding:38px 0}.promo-hero-grid{gap:20px}.promo-hero-copy h1{font-size:38px}.promo-hero-skins img{width:150px}.hero-promo-widget{padding:20px}.hero-promo-widget>strong{font-size:30px}.widget-actions{grid-template-columns:1fr}.promo-table-actions{flex-direction:column;align-items:stretch}.recommended-badge{display:block;width:max-content;margin:6px 0 0}.troubleshoot-grid{grid-template-columns:1fr}.troubleshoot-status{align-items:stretch;flex-direction:column}.troubleshoot-status>div{flex-wrap:wrap}.conversion-banner-premium{min-height:auto}.conversion-banner-premium .conversion-copy{max-width:100%;padding-right:0}.premium-knife-art{position:relative!important;width:100%;height:220px;margin-top:14px;opacity:.75}.premium-knife-art:before{background:linear-gradient(180deg,#15130b 0%,transparent 50%)}.conversion-actions{display:grid!important;grid-template-columns:1fr!important}.code-chip{width:100%}.bonus-calculator{padding:16px}.calc-results strong{font-size:20px}}


/* ===== Feedback round 4: promo page refinement ===== */
/* Hero: calmer typography and centered activation widget */
.promo-hero{padding:54px 0 52px!important}
.promo-hero:after{background:linear-gradient(180deg,rgba(11,13,16,.80),rgba(11,13,16,.88))!important}
.promo-hero-centered{display:block!important;max-width:1120px!important}
.promo-hero-copy-centered{text-align:center!important;margin:0 auto!important}
.promo-hero-copy-centered .eyebrow{display:inline-flex!important}
.promo-hero-copy-centered h1{font-size:clamp(42px,4.2vw,58px)!important;line-height:1.06!important;max-width:980px!important;margin:16px auto 20px!important}
.promo-hero-copy-centered .hero-copy p{max-width:950px!important;margin:0 auto!important;font-size:16px!important;line-height:1.75!important}
.promo-hero-copy-centered .hero-promo-widget{max-width:600px!important;margin:28px auto 0!important;text-align:left!important}
.promo-hero-skins{opacity:.19!important}

/* Active-code table: balanced columns and breathing room */
.promo-codes-table{table-layout:fixed!important;width:100%!important;border-collapse:collapse!important}
.promo-codes-table th,.promo-codes-table td{padding:17px 16px!important;vertical-align:middle!important}
.promo-codes-table th:nth-child(1),.promo-codes-table td:nth-child(1){width:36%!important}
.promo-codes-table th:nth-child(2),.promo-codes-table td:nth-child(2){width:19%!important;text-align:center!important}
.promo-codes-table th:nth-child(3),.promo-codes-table td:nth-child(3){width:15%!important;text-align:center!important}
.promo-codes-table th:nth-child(4),.promo-codes-table td:nth-child(4){width:30%!important;text-align:center!important}
.promo-codes-table .promo-table-actions{justify-content:center!important;gap:10px!important}
.promo-codes-table .mini-action{min-width:92px!important;text-align:center!important}

/* Step screenshots: original pixels, no overlay labels, larger readable preview */
.promo-step-card{grid-template-columns:58px minmax(0,1fr) minmax(360px,560px)!important;min-height:0!important}
.promo-step-image-link{display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;overflow:hidden!important;cursor:zoom-in!important}
.promo-step-image{width:auto!important;height:auto!important;max-width:100%!important;max-height:430px!important;object-fit:contain!important;padding:0!important;image-rendering:auto!important}
.promo-step-1 .promo-step-image,.promo-step-2 .promo-step-image{max-height:280px!important}
.promo-step-3 .promo-step-image,.promo-step-4 .promo-step-image,.promo-step-5 .promo-step-image{max-height:430px!important}
.promo-zoom-label{display:none!important}

/* Troubleshooting: clearer hierarchy */
.troubleshoot-section .content-card>p:first-child{font-size:17px!important;font-weight:700!important;color:#fff!important}
.troubleshoot-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.troubleshoot-item p strong{display:inline-block!important;color:#fff!important;margin-bottom:4px!important}
.troubleshoot-item p{font-size:14px!important;line-height:1.55!important}

/* Premium banner: show the full knife composition and crop only the stray text at far left */
.conversion-banner-premium{display:grid!important;grid-template-columns:minmax(0,56%) minmax(0,44%)!important;align-items:stretch!important;min-height:390px!important;padding:0!important}
.conversion-banner-premium .conversion-copy{max-width:none!important;padding:38px 18px 38px 34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.conversion-banner-premium .premium-knife-art{position:relative!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:100%!important;min-height:390px!important;opacity:1!important;overflow:hidden!important}
.conversion-banner-premium .premium-knife-art:before{background:linear-gradient(90deg,#15130b 0%,rgba(21,19,11,.25) 16%,transparent 42%)!important;z-index:2!important;pointer-events:none!important}
.conversion-banner-premium .premium-knife-art img{width:112%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center!important;clip-path:inset(0 0 0 10%)!important;transform:translateX(-2%)!important}
.conversion-banner-premium .premium-knife-art .bonus-orb{display:none!important}

@media(max-width:900px){
  .promo-step-card{grid-template-columns:50px minmax(0,1fr)!important;padding:18px!important}
  .promo-step-image-link{grid-column:1/-1!important;margin-top:2px!important}
  .promo-step-image,.promo-step-1 .promo-step-image,.promo-step-2 .promo-step-image,.promo-step-3 .promo-step-image,.promo-step-4 .promo-step-image,.promo-step-5 .promo-step-image{width:auto!important;height:auto!important;max-width:100%!important;max-height:520px!important}
  .troubleshoot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .promo-hero{padding:30px 0 34px!important}
  .promo-hero-copy-centered h1{font-size:34px!important;line-height:1.08!important;margin:12px auto 16px!important}
  .promo-hero-copy-centered .hero-copy p{font-size:15px!important;line-height:1.62!important}
  .promo-hero-copy-centered .hero-promo-widget{margin-top:20px!important;padding:18px!important;text-align:center!important;max-width:100%!important}
  .hero-promo-widget>strong{font-size:28px!important}
  .hero-promo-widget .widget-bonus{font-size:19px!important}
  .hero-promo-widget .widget-actions{grid-template-columns:1fr 1fr!important}
  .hero-promo-widget .widget-actions .btn{padding:12px 10px!important;font-size:14px!important}

  /* True mobile table: each row becomes a self-contained code card */
  .promo-codes-section .content-card{padding:16px!important;background:transparent!important;border:0!important}
  .promo-codes-table,.promo-codes-table tbody,.promo-codes-table tr,.promo-codes-table td{display:block!important;width:100%!important}
  .promo-codes-table thead{display:none!important}
  .promo-codes-table{border:0!important}
  .promo-codes-table tbody{display:grid!important;gap:12px!important}
  .promo-codes-table tr{border:1px solid #30343b!important;border-radius:14px!important;background:#15181d!important;padding:14px!important}
  .promo-codes-table td{padding:8px 0!important;border:0!important;text-align:left!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .promo-codes-table td:before{font-size:11px!important;font-weight:900!important;color:#8f96a2!important;text-transform:uppercase!important;letter-spacing:.05em!important}
  .promo-codes-table td:nth-child(1):before{content:"Cod"!important}
  .promo-codes-table td:nth-child(2):before{content:"Bonus"!important}
  .promo-codes-table td:nth-child(3):before{content:"Status"!important}
  .promo-codes-table td:nth-child(4):before{content:"Acțiuni"!important;align-self:flex-start!important;margin-top:10px!important}
  .promo-codes-table td:nth-child(1){font-size:17px!important;font-weight:900!important;align-items:flex-start!important}
  .promo-codes-table .recommended-badge{display:inline-block!important;margin:0 0 0 8px!important}
  .promo-codes-table .promo-table-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}
  .promo-codes-table .mini-action{min-width:90px!important;padding:10px 10px!important}

  .promo-step-image-link{padding:8px!important;background:#090d13!important}
  .promo-step-image,.promo-step-1 .promo-step-image,.promo-step-2 .promo-step-image,.promo-step-3 .promo-step-image,.promo-step-4 .promo-step-image,.promo-step-5 .promo-step-image{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}

  .troubleshoot-grid{grid-template-columns:1fr!important}

  /* Banner gets its own mobile composition instead of shrinking desktop */
  .conversion-banner-premium{display:flex!important;flex-direction:column!important;min-height:0!important}
  .conversion-banner-premium .conversion-copy{padding:26px 18px 22px!important;text-align:center!important;align-items:center!important}
  .conversion-banner-premium .conversion-copy h2{font-size:30px!important;line-height:1.05!important;max-width:360px!important}
  .conversion-banner-premium .conversion-copy p{max-width:360px!important}
  .conversion-banner-premium .conversion-actions{width:100%!important;max-width:360px!important;display:grid!important;grid-template-columns:1fr!important}
  .conversion-banner-premium .premium-knife-art{height:auto!important;min-height:0!important;aspect-ratio:691/760!important;margin:0!important;border-top:1px solid rgba(255,216,0,.18)!important}
  .conversion-banner-premium .premium-knife-art img{width:110%!important;height:100%!important;object-fit:contain!important;clip-path:inset(0 0 10% 10%)!important;transform:translate(-3%,-2%)!important}
}
@media(max-width:420px){
  .promo-hero-copy-centered h1{font-size:31px!important}
  .hero-promo-widget .widget-actions{grid-template-columns:1fr!important}
  .promo-codes-table td{flex-wrap:wrap!important}
  .promo-codes-table .promo-table-actions{justify-content:stretch!important}
  .promo-codes-table .promo-table-actions:before{width:100%!important}
  .promo-codes-table .mini-action{flex:1!important;min-width:0!important}
}


/* === v6 promo page + tablet responsive fixes === */
.promo-hero{min-height:auto!important;padding:48px 0 52px!important;background:
 linear-gradient(180deg,rgba(8,11,15,.76),rgba(8,11,15,.90)),
 radial-gradient(circle at 76% 36%,rgba(255,205,0,.16),transparent 34%),
 url('skins/gungnir.png') right 7% center/420px auto no-repeat,
 #090c10!important}
.promo-hero:after{display:none!important}
.promo-hero-skins{display:none!important}
.promo-hero-centered{max-width:1180px!important}
.promo-hero-copy-centered{max-width:1000px!important;text-align:center!important}
.promo-hero-copy-centered h1{font-size:clamp(38px,4vw,56px)!important;line-height:1.05!important;max-width:940px!important;margin:14px auto 18px!important}
.promo-hero-copy-centered .hero-copy{max-width:920px!important;margin:0 auto!important}
.promo-hero-copy-centered .hero-copy p{font-size:16px!important;line-height:1.72!important}
.promo-hero-cta{display:flex;justify-content:center;margin-top:24px}
.promo-hero-cta .btn{min-width:245px}

.promo-codes-section .content-card{padding:26px 28px 30px!important}
.promo-code-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 22px}
.promo-code-card{min-width:0;border:1px solid #343943;border-radius:15px;background:linear-gradient(180deg,#171a20,#12151a);padding:18px;display:flex;flex-direction:column;gap:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.promo-code-card.recommended{border-color:#e7c300;box-shadow:inset 3px 0 0 #ffd800}
.promo-card-top{min-height:19px}.promo-card-state{font-size:11px;font-weight:900;letter-spacing:.04em;color:#ff7046}.promo-code-card.recommended .promo-card-state{color:#ffd800}
.promo-card-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0 14px;border-bottom:1px dashed #39404c}
.promo-card-code-row strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo-card-code-row .mini-action{min-width:auto!important;padding:9px 12px!important}
.promo-card-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.promo-card-details>div{display:grid;gap:5px}.promo-card-details span{font-size:11px;text-transform:uppercase;color:#8f96a2;font-weight:800}.promo-card-details b{font-size:14px}.promo-card-details .active-status{color:#47dc65}
.promo-card-use{width:100%;margin-top:auto;text-align:center;padding:12px 10px!important;font-size:14px!important}

.promo-step-image-link{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#0b0f14!important;padding:14px!important}
.promo-step-image{width:auto!important;max-width:100%!important;height:auto!important;max-height:330px!important;object-fit:contain!important;image-rendering:auto!important;filter:none!important;transform:none!important}

.promo-banner-whole-section{padding:42px 0!important;background:#080b0f!important}
.promo-banner-whole-link{display:block;max-width:1320px;margin:0 auto;border-radius:22px;overflow:hidden;border:1px solid rgba(255,215,0,.36);box-shadow:0 18px 60px rgba(0,0,0,.34);background:#0a0d12}
.promo-banner-whole{display:block;width:100%;height:auto;object-fit:contain}

/* Tablet-wide system: prevent desktop squeeze and mobile clipping */
@media (max-width:1180px){
  .wrap{width:min(100% - 44px,1120px)!important}
  .desktop-nav{display:none!important}.head-actions .steam-btn{display:none!important}.burger{display:inline-flex!important}.mobile-menu.open{display:block!important}
  .head-inner{min-height:66px}
  .section{padding-top:48px!important;padding-bottom:48px!important}
  .section h2{font-size:clamp(30px,4.5vw,42px)!important;line-height:1.08!important}
  .content-card{padding:24px!important}
  .promo-code-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .promo-step-card{grid-template-columns:56px minmax(0,1fr) minmax(260px,38%)!important;gap:20px!important}
  .promo-step-image{max-height:300px!important}
  .footer-grid{grid-template-columns:1.3fr repeat(3,1fr)!important;gap:26px!important}
  .global-skin-rail{display:none!important}.global-skin-mobile{display:block!important}
}
@media (max-width:900px){
  .wrap{width:min(100% - 34px,840px)!important}
  .promo-hero{padding:40px 0 44px!important;background-size:auto,auto,330px auto,auto!important;background-position:center,center,right -80px center,center!important}
  .promo-hero-copy-centered h1{font-size:clamp(36px,6vw,46px)!important;max-width:780px!important}
  .promo-step-card{grid-template-columns:48px 1fr!important}
  .promo-step-image-link{grid-column:1/-1!important;width:100%!important;min-height:0!important}
  .promo-step-image{max-height:none!important;width:100%!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .platform-upgrader-grid,.vip-showcase,.deposit-demo,.security-grid,.steam-grid{grid-template-columns:1fr!important}
}
@media (max-width:700px){
  .wrap{width:min(100% - 28px,640px)!important}
  .promo-hero{padding:28px 0 34px!important;background-size:auto,auto,230px auto,auto!important;background-position:center,center,right -90px top 56px,center!important}
  .promo-hero-copy-centered h1{font-size:32px!important;line-height:1.08!important;margin:12px auto 15px!important}
  .promo-hero-copy-centered .hero-copy p{font-size:15px!important;line-height:1.62!important}
  .promo-hero-cta{margin-top:20px}.promo-hero-cta .btn{width:100%;max-width:330px}
  .promo-codes-section .content-card{padding:18px!important}
  .promo-code-card-grid{grid-template-columns:1fr!important;gap:12px!important}
  .promo-code-card{padding:16px!important}
  .promo-card-code-row strong{font-size:17px}
  .promo-card-details{grid-template-columns:1fr 1fr}
  .promo-step-card{padding:18px 14px!important;grid-template-columns:42px 1fr!important}
  .promo-step-card>span{width:38px!important;height:38px!important}
  .promo-step-image-link{padding:8px!important;border-radius:12px!important}
  .promo-step-image{width:100%!important;max-width:100%!important}
  .promo-banner-whole-section{padding:28px 0!important}
  .promo-banner-whole-link{border-radius:14px}
  .footer-grid{grid-template-columns:1fr!important}
}
@media (max-width:430px){
  .wrap{width:calc(100% - 22px)!important}
  .promo-hero-copy-centered h1{font-size:29px!important}
  .promo-card-details{grid-template-columns:1fr 1fr!important}
  .promo-card-code-row{gap:8px}.promo-card-code-row .mini-action{padding:8px 10px!important;font-size:12px!important}
  .promo-card-use{font-size:13px!important}
}


/* ===== Feedback round 7: compact desktop promo banner, universal FAQ accordions, centered burger ===== */
/* Whole generated promo banner: compact on desktop only. Tablet/mobile preserve the current proportions. */
.promo-banner-whole-wrap{position:relative;display:block;max-width:1040px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(255,215,0,.36);box-shadow:0 18px 60px rgba(0,0,0,.34);background:#0a0d12}
.promo-banner-whole-wrap .promo-banner-whole{display:block;width:100%;height:auto}
/* Real controls sit over the controls printed into the artwork; text is visually hidden but remains accessible. */
.banner-hotspot{position:absolute;z-index:4;display:block;overflow:hidden;text-indent:-9999px;background:transparent;border:0;cursor:pointer;border-radius:12px}
.banner-copy-hotspot{left:30.1%;top:48.2%;width:18.3%;height:11.5%}
.banner-use-hotspot{left:8.1%;top:61.0%;width:34.5%;height:12.8%}
.banner-hotspot:focus-visible{outline:3px solid #fff;outline-offset:-3px;box-shadow:0 0 0 5px #ffd800}

/* FAQ: every page uses the same disclosure component. */
.faq-section .faq-accordion{display:grid;gap:10px;margin-top:18px}
.faq-section .faq-accordion details{border:1px solid #30343b;border-radius:13px;background:#111318;overflow:hidden}
.faq-section .faq-accordion summary{list-style:none;cursor:pointer;padding:18px 58px 18px 20px;font-weight:900;position:relative;min-height:58px;display:flex;align-items:center}
.faq-section .faq-accordion summary::-webkit-details-marker{display:none}
.faq-section .faq-accordion summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:7px;background:#23262c;color:#ffd800;font:900 22px/1 Arial,sans-serif;text-align:center}
.faq-section .faq-accordion details[open] summary::after{content:"−"}
.faq-section .faq-accordion details>div{padding:0 20px 18px;color:#c5c9d1}
.faq-section .faq-accordion details>div>*:last-child{margin-bottom:0}

/* Burger: three centered lines instead of a font glyph. */
.burger{width:42px!important;height:42px!important;padding:0!important;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;line-height:1!important}
.burger span{display:block;width:19px;height:2px;border-radius:999px;background:#fff;margin:0!important}
.burger:hover span{background:#ffd800}
@media(max-width:1100px){.burger{display:flex!important}}

@media(min-width:1101px){
  .promo-banner-whole-section{padding:30px 0!important}
  .promo-banner-whole-wrap{max-width:1040px!important}
}
@media(max-width:1100px){
  .promo-banner-whole-wrap{max-width:100%!important}
}
@media(max-width:700px){
  .faq-section .faq-accordion summary{padding:16px 52px 16px 16px;min-height:56px}
  .faq-section .faq-accordion summary::after{right:14px;width:28px;height:28px}
  .faq-section .faq-accordion details>div{padding:0 16px 16px}
}


/* ===== Feedback round 9 START ===== */
/* Lighter product heroes with page-specific skin compositions. */
.page-hero,.promo-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(860px 360px at 50% 5%,rgba(59,71,91,.32),transparent 68%),
    linear-gradient(180deg,#101720 0%,#0a0e14 100%)!important;
}
.page-hero::before,.promo-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:linear-gradient(90deg,rgba(8,12,18,.90),rgba(12,17,24,.70) 48%,rgba(8,12,18,.88));
  pointer-events:none;
}
.page-hero>.wrap,.promo-hero>.wrap{position:relative;z-index:3}

/* Home hero keeps several skins but is brighter and less muddy. */
.promo-hero{background:
  radial-gradient(720px 330px at 50% 15%,rgba(255,216,0,.10),transparent 72%),
  linear-gradient(180deg,#111821 0%,#090d12 100%)!important;
}
.promo-hero:after{background:linear-gradient(90deg,rgba(9,13,18,.88),rgba(9,13,18,.66) 52%,rgba(9,13,18,.78))!important;z-index:1!important}
.promo-hero-skins{opacity:.43!important;filter:saturate(1.18) brightness(1.07)!important;z-index:0!important}

.hero-skin-scene{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden;opacity:.46;filter:saturate(1.12) brightness(1.08)}
.hero-skin-scene img{position:absolute;width:clamp(180px,20vw,340px);height:clamp(120px,16vw,240px);object-fit:contain;filter:drop-shadow(0 24px 32px rgba(0,0,0,.55))}
.hero-skin-scene img:nth-child(1){left:-3%;top:2%;transform:rotate(-10deg)}
.hero-skin-scene img:nth-child(2){right:-2%;top:3%;transform:rotate(9deg)}
.hero-skin-scene img:nth-child(3){left:18%;bottom:-16%;transform:rotate(8deg)}
.hero-skin-scene img:nth-child(4){right:20%;bottom:-17%;transform:rotate(-11deg)}
.hero-skin-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,216,0,.055),transparent 46%)}

/* Each commercial page gets a distinct arrangement, not a repeated hero. */
.hero-skin-platform img:nth-child(1){left:1%;top:0}.hero-skin-platform img:nth-child(2){right:0;top:8%}.hero-skin-platform img:nth-child(3){left:34%;bottom:-19%}.hero-skin-platform img:nth-child(4){right:29%;bottom:-22%}
.hero-skin-how img:nth-child(1){left:-4%;bottom:-8%;top:auto}.hero-skin-how img:nth-child(2){right:-3%;top:-4%}.hero-skin-how img:nth-child(3){left:30%;top:-11%;bottom:auto}.hero-skin-how img:nth-child(4){right:28%;bottom:-24%}
.hero-skin-vip img:nth-child(1){left:2%;top:-3%}.hero-skin-vip img:nth-child(2){right:3%;bottom:-10%;top:auto}.hero-skin-vip img:nth-child(3){left:30%;bottom:-22%}.hero-skin-vip img:nth-child(4){right:31%;top:-12%;bottom:auto}
.hero-skin-deposit img:nth-child(1){left:-3%;top:10%}.hero-skin-deposit img:nth-child(2){right:-2%;top:5%}.hero-skin-deposit img:nth-child(3){left:27%;bottom:-19%}.hero-skin-deposit img:nth-child(4){right:29%;bottom:-21%}
.hero-skin-safe img:nth-child(1){left:-1%;bottom:-14%;top:auto}.hero-skin-safe img:nth-child(2){right:-1%;bottom:-13%;top:auto}.hero-skin-safe img:nth-child(3){left:28%;top:-12%;bottom:auto}.hero-skin-safe img:nth-child(4){right:28%;top:-8%;bottom:auto}
.hero-skin-steam img:nth-child(1){left:0;top:-5%}.hero-skin-steam img:nth-child(2){right:0;top:-8%}.hero-skin-steam img:nth-child(3){left:26%;bottom:-24%}.hero-skin-steam img:nth-child(4){right:27%;bottom:-21%}

/* Clean whole-art promo banner. It remains an image, while the two visual controls are real clickable overlays. */
.promo-banner-whole-section{padding:30px 0!important;background:linear-gradient(180deg,#080b10,#090d13)!important}
.promo-banner-whole-wrap{position:relative;display:block;width:min(1040px,100%);margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(255,215,0,.42);box-shadow:0 18px 60px rgba(0,0,0,.38);background:#0a0d12}
.promo-banner-whole-wrap .promo-banner-whole{display:block;width:100%;height:auto;margin:0!important}
.banner-hotspot{position:absolute!important;z-index:8!important;display:block!important;margin:0!important;padding:0!important;overflow:hidden!important;color:transparent!important;font-size:0!important;line-height:0!important;text-indent:-9999px!important;background:rgba(255,255,255,0)!important;border:0!important;box-shadow:none!important;cursor:pointer!important;text-decoration:none!important}
.banner-copy-hotspot{left:29.7%!important;top:47.7%!important;width:19.0%!important;height:12.4%!important}
.banner-use-hotspot{left:8.2%!important;top:61.0%!important;width:35.7%!important;height:13.8%!important}
.banner-hotspot:hover{background:rgba(255,216,0,.055)!important}
.banner-hotspot:focus-visible{outline:3px solid #fff!important;outline-offset:-4px!important;box-shadow:0 0 0 5px #ffd800!important}

/* Burger icon: real centered bars, visible at every responsive breakpoint. */
.burger{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border:1px solid #34445a!important;background:#1a2432!important;border-radius:10px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;line-height:1!important}
.burger span{display:block!important;width:20px!important;height:2px!important;min-height:2px!important;background:#f3f6fb!important;border-radius:99px!important;margin:0!important;padding:0!important;opacity:1!important;transform:none!important;position:static!important}
.burger:hover span{background:#ffd800!important}

/* FAQ icon centered inside its square on every page. */
.faq-section .faq-accordion summary{padding-right:62px!important;min-height:60px!important;display:flex!important;align-items:center!important}
.faq-section .faq-accordion summary::after{
  right:18px!important;top:50%!important;transform:translateY(-50%)!important;
  width:30px!important;height:30px!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
  border-radius:8px!important;background:#23272e!important;color:#ffd800!important;
  font-family:Arial,sans-serif!important;font-size:22px!important;font-weight:900!important;line-height:30px!important;text-align:center!important;
}
.faq-section .faq-accordion details[open] summary::after{content:"−"!important;line-height:28px!important}

@media(max-width:1100px){
  .hero-skin-scene{opacity:.38}
  .hero-skin-scene img{width:230px;height:160px}
  .promo-banner-whole-wrap{width:100%!important;max-width:100%!important}
  .burger{display:flex!important}
}
@media(max-width:700px){
  .hero-skin-scene{opacity:.27}
  .hero-skin-scene img{width:160px;height:110px}
  .hero-skin-scene img:nth-child(1){left:-18%;top:3%}.hero-skin-scene img:nth-child(2){right:-18%;top:4%}
  .hero-skin-scene img:nth-child(3){left:2%;bottom:-12%}.hero-skin-scene img:nth-child(4){right:0;bottom:-13%}
  .promo-hero-skins{opacity:.31!important}
  .faq-section .faq-accordion summary{padding:15px 56px 15px 16px!important;min-height:58px!important}
  .faq-section .faq-accordion summary::after{right:14px!important;width:30px!important;height:30px!important;line-height:30px!important}
}
/* ===== Feedback round 9 END ===== */


/* ===== Feedback round 10: Steam/Safety UX + internal linking ===== */
.context-link-inline{color:#ffd800;text-decoration:none;border-bottom:1px solid rgba(255,216,0,.35)}
.context-link-inline:hover{border-bottom-color:#ffd800}
.interactive-panel{margin-top:24px;padding:22px;border:1px solid #303640;border-radius:16px;background:linear-gradient(145deg,rgba(20,24,30,.96),rgba(12,15,20,.96));box-shadow:0 16px 40px rgba(0,0,0,.18)}
.interactive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.interactive-head h3{margin:4px 0 0;font-size:21px}.mini-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffd800}.interaction-hint,.check-progress{font-size:13px;color:#aeb5c0;background:#202630;border:1px solid #343c49;border-radius:999px;padding:8px 11px;white-space:nowrap}
.step-tabs{display:flex;gap:9px;flex-wrap:wrap}.step-tabs button{appearance:none;border:1px solid #343b46;background:#181d25;color:#cbd1da;border-radius:10px;padding:11px 14px;font-weight:850;cursor:pointer}.step-tabs button:hover,.step-tabs button.active{color:#121417;background:#ffd800;border-color:#ffd800}.step-panels{margin-top:14px}.step-panel{display:none;border:1px solid #2b323d;background:#10151c;border-radius:12px;padding:18px}.step-panel.active{display:block}.step-panel b{display:block;color:#fff;margin-bottom:6px}.step-panel p{margin:0!important;color:#b8c0ca!important}.step-panels.compact .step-panel{padding:14px}
.inline-cta-row{display:flex;justify-content:flex-start;margin-top:20px}.inline-cta-row .btn{margin:0!important}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check-grid button{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:12px;appearance:none;border:1px solid #303742;background:#11161d;color:#fff;border-radius:13px;padding:16px;cursor:pointer}.check-grid button:hover{border-color:#596273}.check-grid button.checked{border-color:#ffd800;background:linear-gradient(145deg,rgba(255,216,0,.08),#11161d)}.check-dot{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border:1px solid #45505f;border-radius:8px;color:#6f7782;font-weight:950}.checked .check-dot{background:#ffd800;border-color:#ffd800;color:#111}.check-grid b{align-self:end}.check-grid small{grid-column:2;color:#aeb5c0;margin-top:3px;line-height:1.4}
.pf-preview-tabs{grid-column:1/-1;margin-top:14px}.media-copy .pf-preview-tabs{width:100%}
.internal-link-strip{padding:22px 0;background:#0a0e13;border-top:1px solid #202631;border-bottom:1px solid #202631}.internal-link-inner{display:flex;align-items:center;gap:18px}.internal-link-label{font-size:12px;font-weight:900;color:#8f98a7;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.internal-link-list{display:flex;flex-wrap:wrap;gap:10px}.internal-link-list a{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid #303946;border-radius:10px;color:#e9edf2;text-decoration:none;font-weight:800;background:#121821}.internal-link-list a:after{content:'→';margin-left:8px;color:#ffd800}.internal-link-list a:hover{border-color:#ffd800;color:#ffd800}
.page-safe .media-copy img{image-rendering:auto;object-fit:contain;background:#0e1116}
@media(max-width:900px){.check-grid{grid-template-columns:1fr}.interactive-head{align-items:flex-start}.internal-link-inner{align-items:flex-start;flex-direction:column;gap:10px}.internal-link-list{width:100%}.internal-link-list a{flex:1 1 calc(50% - 8px)}}
@media(max-width:560px){.interactive-panel{padding:16px}.interactive-head{flex-direction:column}.step-tabs{display:grid;grid-template-columns:1fr}.step-tabs button{width:100%;text-align:left}.inline-cta-row .btn{width:100%;text-align:center}.internal-link-list{display:grid;grid-template-columns:1fr;width:100%}.internal-link-list a{width:100%}}


/* ===== Feedback round 11: deposit/how/VIP + Romanian Steam/Safety ===== */
.deposit-console{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;padding:18px;border:1px solid #303946;border-radius:20px;background:linear-gradient(145deg,#121821,#0c1117);box-shadow:0 18px 48px rgba(0,0,0,.28)}
.deposit-console-left,.deposit-console-right{border:1px solid #2c3542;border-radius:16px;background:#10151c;padding:18px}.deposit-console-right{display:flex;flex-direction:column;gap:14px}.deposit-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.deposit-tabs button,.currency-row button,.amount-presets button{border:1px solid #37404d;background:#171d25;color:#cdd4dd;border-radius:10px;padding:11px 12px;font-weight:850;cursor:pointer}.deposit-tabs button.active,.currency-row button.active,.amount-presets button.active{background:#ffd800;border-color:#ffd800;color:#121417}.currency-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#9fa8b5;font-size:13px}.currency-row span{margin-right:auto}.deposit-method-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deposit-method-panel.active{display:grid}.payment-choice{min-height:94px;border:1px solid #35404e;background:#151b24;color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;cursor:pointer}.payment-choice:hover,.payment-choice.active{border-color:#ffd800;box-shadow:inset 0 0 0 1px rgba(255,216,0,.18)}
.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,.pay-logo.btc,.pay-logo.ltc{width:36px;height:36px;border-radius:50%;color:#fff}.pay-logo.usdt{background:#25b98a}.pay-logo.btc{background:#f59b23}.pay-logo.ltc{background:#7585a2}.pay-logo.bank{color:#e6edf7}.pay-logo.skinpay{color:#ffd800;font-size:30px}
.amount-input{height:56px;border:1px solid #3a4452;background:#171d25;border-radius:12px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 14px}.amount-input input{width:100%;border:0;background:transparent;color:#fff;font-size:25px;font-weight:900;outline:0}.amount-input strong{color:#ffd800}.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.deposit-summary{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:14px;border:1px solid #2f3946;background:#0e1319;border-radius:12px}.deposit-summary span{color:#98a2af}.deposit-summary b{text-align:right}.deposit-main-cta{width:100%;margin-top:auto}.payment-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.payment-detail-card{padding:20px;border:1px solid #303a47;border-radius:16px;background:#111720}.pay-brand-row{height:48px;display:flex;align-items:center;gap:18px;margin-bottom:12px}.crypto-selector{display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:10px;margin:20px 0}.crypto-selector>button{border:1px solid #34404f;background:#111720;color:#fff;border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.crypto-selector>button.active{border-color:#ffd800;background:#181b18}.crypto-note{border:1px solid #34404f;background:#111720;border-radius:14px;padding:16px;display:grid;gap:4px}.crypto-note span,.crypto-note small{color:#9ca6b3}.crypto-note strong{color:#ffd800;font-size:20px}.skinsback-visual{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin:18px 0 22px}.skinsback-image,.skinsback-checks{border:1px solid #303a47;border-radius:16px;background:#10161e;padding:16px}.skinsback-image img{width:100%;height:260px;object-fit:contain}.skinsback-checks{display:grid;align-content:center;gap:12px}.skinsback-checks>div{padding:10px 12px;border:1px solid #2f3946;border-radius:10px;color:#dce3ec}.withdraw-steps{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;counter-reset:wd;list-style:none!important;padding:0!important}.withdraw-steps li{counter-increment:wd;border:1px solid #303a47;background:#111720;border-radius:14px;padding:44px 14px 14px;position:relative}.withdraw-steps li:before{content:counter(wd);position:absolute;top:12px;left:12px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#ffd800;color:#111;font-weight:900}
.centered-cta{justify-content:center!important}.vip-reference-hero{min-height:520px;text-align:left!important;background:radial-gradient(760px 420px at 72% 48%,rgba(255,194,0,.26),transparent 55%),linear-gradient(115deg,#0b0d12 25%,#171005 100%)!important}.vip-reference-hero>.wrap{position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:center;padding-right:44%}.vip-hero-art-layer{position:absolute;right:0;top:0;width:44%;height:100%;pointer-events:none}.vip-hero-art-layer img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.7))}.vip-reference-hero:after{content:"VIP";position:absolute;right:7%;bottom:-4%;font-size:180px;font-weight:1000;color:rgba(255,216,0,.055);z-index:-1}.vip-tier-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.vip-tier-tab{border:1px solid #333d4a;background:#111720;color:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer}.vip-tier-tab span{display:block;font-size:18px;font-weight:900}.vip-tier-tab small{color:#9ea8b5}.vip-tier-tab.active{border-color:#ffd800;background:linear-gradient(145deg,rgba(255,216,0,.12),#111720)}.vip-tier-panel{display:none;grid-template-columns:1fr .8fr;gap:18px;align-items:center;border:1px solid #303a47;background:#10161e;border-radius:20px;padding:24px}.vip-tier-panel.active{display:grid}.vip-tier-copy p{line-height:1.75}.vip-tier-image{min-height:310px;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(255,216,0,.14),transparent 55%),#0c1117}.vip-tier-image img{width:100%;height:310px;object-fit:contain}.vip-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.vip-benefit-card{border:1px solid #303a47;background:#10161e;border-radius:18px;padding:16px;overflow:hidden}.vip-benefit-card img{width:100%;height:180px;object-fit:contain;margin-bottom:12px}.vip-showcase{position:relative;border:1px solid #5d4a00;border-radius:22px;overflow:hidden;background:#0d1117}.vip-showcase img{width:100%;max-height:520px;object-fit:cover}.vip-showcase-overlay{position:absolute;left:28px;bottom:28px;display:flex;flex-direction:column;gap:9px}.vip-showcase-overlay strong{font-size:clamp(22px,3vw,38px);text-shadow:0 4px 20px #000}
@media(max-width:1050px){.deposit-console{grid-template-columns:1fr}.payment-detail-grid{grid-template-columns:1fr 1fr}.crypto-selector{grid-template-columns:repeat(3,1fr)}.crypto-note{grid-column:1/-1}.withdraw-steps{grid-template-columns:repeat(2,1fr)}.vip-reference-hero>.wrap{padding-right:36%}.vip-hero-art-layer{width:40%}.vip-tier-panel{grid-template-columns:1fr 1fr}.vip-benefit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.deposit-tabs{grid-template-columns:1fr 1fr}.deposit-method-panel.active{grid-template-columns:1fr}.currency-row{flex-wrap:wrap}.currency-row span{width:100%;margin:0}.payment-detail-grid{grid-template-columns:1fr}.crypto-selector{grid-template-columns:1fr}.crypto-note{grid-column:auto}.skinsback-visual{grid-template-columns:1fr}.skinsback-image img{height:200px}.withdraw-steps{grid-template-columns:1fr}.vip-reference-hero{min-height:auto;text-align:center!important;padding-top:40px}.vip-reference-hero>.wrap{padding-right:0;padding-bottom:280px;min-height:auto}.vip-hero-art-layer{right:0;left:0;top:auto;bottom:0;width:100%;height:280px}.vip-tier-tabs{grid-template-columns:1fr 1fr}.vip-tier-panel.active{grid-template-columns:1fr}.vip-tier-image,.vip-tier-image img{min-height:230px;height:230px}.vip-benefit-grid{grid-template-columns:1fr}.vip-showcase-overlay{left:16px;bottom:16px}}
/* ===== Feedback round 11 END ===== */


/* ===== Feedback round 12: official payment marks + reference VIP rebuild ===== */
.official-pay-logo{width:min(150px,75%);height:42px;padding:7px 12px;border-radius:9px;background:#fff;box-sizing:border-box}
.official-pay-logo img{display:block;width:100%;height:100%;object-fit:contain}
.payment-choice .official-pay-logo{margin-bottom:2px}
.pay-brand-row .official-pay-logo{width:132px;height:44px;flex:0 0 auto}

.vip-clean-hero{position:relative;overflow:hidden;min-height:440px;display:flex;align-items:center;text-align:center!important;background:radial-gradient(520px 260px at 15% 30%,rgba(255,216,0,.11),transparent 68%),radial-gradient(520px 280px at 84% 70%,rgba(255,175,0,.08),transparent 68%),linear-gradient(180deg,#0d1117,#090d12)!important}
.vip-clean-hero .hero-narrow{position:relative;z-index:2;max-width:920px;margin:0 auto;padding:76px 24px}
.vip-clean-hero h1{max-width:900px;margin-left:auto;margin-right:auto}.vip-clean-hero .hero-copy{max-width:800px;margin-left:auto;margin-right:auto}.vip-clean-hero .hero-actions{justify-content:center}
.vip-bg-motifs{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.vip-bg-motifs span{position:absolute;color:rgba(255,216,0,.055);font-weight:1000;letter-spacing:.08em;user-select:none}
.vip-bg-motifs span:nth-child(1){font-size:118px;left:-30px;top:42px;transform:rotate(-9deg)}
.vip-bg-motifs span:nth-child(2){font-size:150px;right:8%;top:20px;color:rgba(255,216,0,.075);transform:rotate(8deg)}
.vip-bg-motifs span:nth-child(3){font-size:180px;right:-26px;bottom:-42px;transform:rotate(-8deg)}
.vip-bg-motifs span:nth-child(4){font-size:116px;left:12%;bottom:-25px;color:rgba(255,216,0,.07)}
.vip-mini-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.vip-mini-levels span{padding:13px;border:1px solid #3a4350;border-radius:12px;background:#10161e;text-align:center;font-weight:900}.vip-mini-levels span:nth-child(2){border-color:#9a7900;color:#ffd800}.vip-mini-levels span:nth-child(3){border-color:#72508a;color:#d5a7ff}.vip-mini-levels span:nth-child(4){border-color:#2f7684;color:#7eeeff}
.vip-level-reference .vip-real-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.vip-level-reference .vip-real-grid figure{margin:0;border:1px solid #303a47;border-radius:18px;overflow:hidden;background:#10161e}.vip-level-reference .vip-real-grid figure:first-child{border-color:#ffd800}.vip-level-reference .vip-real-grid img{display:block;width:100%;height:auto}.vip-level-reference .vip-real-grid figcaption{text-align:center;padding:13px;font-weight:900;color:#ffd800}
.vip-level-text-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.vip-level-text-grid article{border:1px solid #303a47;border-radius:16px;background:#10161e;padding:19px}.vip-level-text-grid h3{margin-top:0}.vip-level-text-grid p{margin-bottom:0}
.reward-showcase.vip-alt-skins{grid-template-columns:repeat(3,1fr)}.reward-showcase.vip-alt-skins article{display:flex;flex-direction:column;min-height:330px}.reward-showcase.vip-alt-skins img{height:165px;width:100%;object-fit:contain;margin-bottom:14px}.reward-showcase.vip-alt-skins b{color:#ffd800;font-size:21px;margin-bottom:6px}
.vip-benefit-copy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}.vip-benefit-copy-grid article{border:1px solid #303a47;border-radius:16px;background:#10161e;padding:19px}.vip-benefit-copy-grid h3{margin-top:0;color:#ffd800}
.vip-main-shot-only img{display:block;width:100%;height:auto;object-fit:contain}.vip-supplied-visuals{margin-top:20px}.vip-main-shot{position:relative;margin:0}.vip-image-button-hotspot{position:absolute;left:48.8%;top:41%;width:23%;height:17%;border-radius:14px}
@media(max-width:1050px){.vip-level-reference .vip-real-grid{grid-template-columns:repeat(2,1fr)}.reward-showcase.vip-alt-skins{grid-template-columns:1fr 1fr}.vip-bg-motifs span:nth-child(1){font-size:84px}.vip-bg-motifs span:nth-child(3){font-size:130px}}
@media(max-width:720px){.vip-clean-hero{min-height:auto}.vip-clean-hero .hero-narrow{padding:52px 18px}.vip-mini-levels,.vip-level-reference .vip-real-grid,.vip-level-text-grid,.reward-showcase.vip-alt-skins,.vip-benefit-copy-grid{grid-template-columns:1fr}.vip-level-reference .vip-real-grid{gap:12px}.reward-showcase.vip-alt-skins article{min-height:0}.vip-bg-motifs span:nth-child(1){font-size:58px;left:-12px;top:28px}.vip-bg-motifs span:nth-child(2){font-size:92px;right:-10px;top:24px}.vip-bg-motifs span:nth-child(3){font-size:90px;right:-18px;bottom:4px}.vip-bg-motifs span:nth-child(4){font-size:72px;left:-5px;bottom:4px}}
/* ===== Feedback round 12 END ===== */


/* Feedback round 13: official payment UI + clickable VIP cards */
.official-deposit-console{align-items:stretch}
.official-deposit-tabs{grid-template-columns:repeat(3,1fr)}
.official-currency-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#2a2d32;border-radius:11px;padding:7px 8px 7px 14px;margin:0 0 16px;color:#9fa3aa;font-weight:800}
.official-currency-picker select{appearance:auto;background:#ffd800;color:#101216;border:0;border-radius:9px;padding:8px 34px 8px 12px;font-weight:950;font-size:15px;cursor:pointer}
.official-method-grid.active{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.official-method-grid .payment-choice{min-height:112px;background:#2b2d31;border-color:#2b2d31;padding:10px}
.official-method-grid .payment-choice.active{border-color:#ffd800}
.official-method-grid .payment-choice small{color:#90949a;font-size:11px}
.screenshot-pay-logo{height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;width:100%}
.screenshot-pay-logo img{max-width:118px;max-height:42px;width:auto;height:auto;object-fit:contain}
.screenshot-pay-logo.wide img{max-width:145px}
.crypto-method-grid.active{grid-template-columns:repeat(4,minmax(0,1fr))}
.crypto-shot{height:46px;display:flex;align-items:center;justify-content:center}.crypto-shot img{max-height:44px;max-width:52px;object-fit:contain}
.skins-method-panel.active{display:grid;grid-template-columns:1fr}.skinsback-choice{min-height:128px!important}.skinsback-shot img{max-width:240px;max-height:72px;object-fit:contain}
.skinsback-official-note{padding:14px 16px;border-radius:12px;background:#302614;color:#f0bd00;font-size:13px;line-height:1.55}
.official-ui-note{color:#7f8791;line-height:1.45;text-align:center}
.payment-detail-grid-current{grid-template-columns:repeat(3,1fr)}
.payment-detail-grid-current .pay-brand-row{min-height:62px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.payment-detail-grid-current .pay-brand-row img{max-height:46px;max-width:130px;object-fit:contain}.payment-detail-grid-current .pay-brand-row.multi img{max-height:38px;max-width:102px}
.crypto-current-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:18px 0}.crypto-current-grid button{min-height:108px;border:1px solid #303846;border-radius:14px;background:#22262d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:850}.crypto-current-grid button.active,.crypto-current-grid button:hover{border-color:#ffd800}.crypto-current-grid img{width:48px;height:42px;object-fit:contain}.crypto-current-note{border:1px solid #323b49;border-radius:15px;background:#111720;padding:18px}.crypto-current-note span{display:block;color:#8d98a8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.crypto-current-note strong{display:block;color:#ffd800;font-size:22px;margin:4px 0 8px}
.vip-card-link,.vip-reward-link{display:block;color:inherit;text-decoration:none;border-radius:inherit}.vip-card-link figure,.vip-reward-link article{height:100%;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.vip-card-link:hover figure,.vip-reward-link:hover article{transform:translateY(-3px);border-color:#ffd800;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.vip-level-reference .vip-real-grid>.vip-card-link{min-width:0}.reward-showcase.vip-alt-skins>.vip-reward-link{min-width:0}
@media(max-width:1050px){.official-method-grid.active{grid-template-columns:repeat(2,minmax(0,1fr))}.crypto-method-grid.active{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-detail-grid-current{grid-template-columns:1fr 1fr}.crypto-current-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.official-deposit-tabs{grid-template-columns:repeat(3,1fr)}.official-deposit-tabs button{font-size:12px;padding:10px 6px}.official-method-grid.active,.crypto-method-grid.active{grid-template-columns:repeat(2,minmax(0,1fr))}.official-method-grid .payment-choice{min-height:100px}.payment-detail-grid-current{grid-template-columns:1fr}.crypto-current-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.crypto-current-grid button{min-height:92px;font-size:11px}.official-currency-picker{align-items:center}.official-currency-picker label{font-size:12px}.official-currency-picker select{font-size:13px}}
/* v14 payment artwork cleanup */
.screenshot-pay-logo img,.crypto-shot img,.pay-brand-row img,.crypto-current-grid img{background:transparent!important;box-shadow:none!important;border:0!important}
.skinsback-shot img,.skinsback-image img{background:transparent!important;box-shadow:none!important;border:0!important}
.skinsback-image{overflow:hidden}.skinsback-image img{height:auto!important;max-height:150px!important;max-width:78%!important;margin:auto;display:block;object-fit:contain!important}
.skinsback-choice{overflow:hidden}.skinsback-shot{width:100%;display:flex;justify-content:center;align-items:center}.skinsback-shot img{max-width:190px!important;width:70%!important;height:auto!important}
.deposit-console{overflow:hidden}.deposit-console-left,.deposit-console-right{min-width:0}.official-method-grid .payment-choice{min-width:0;overflow:hidden}
@media(max-width:1050px){.deposit-console{grid-template-columns:minmax(0,1fr)!important}.deposit-console-right{width:100%;max-width:none}.official-method-grid.active{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.official-method-grid.active{grid-template-columns:repeat(2,minmax(0,1fr))}.skinsback-image img{max-width:90%!important}.skinsback-shot img{width:82%!important}}
/* v16 payment logos supplied by user */
.screenshot-pay-logo img,.pay-brand-row img{background:transparent!important;box-shadow:none!important;filter:none!important;object-fit:contain!important}
.screenshot-pay-logo img{max-width:118px!important;max-height:48px!important;width:auto!important;height:auto!important}
.pay-brand-row img{max-width:132px!important;max-height:52px!important;width:auto!important;height:auto!important}
.payment-choice .screenshot-pay-logo{min-height:52px;overflow:visible}

/* v17: full Skinsback artwork in content section */
.skinsback-image.skinsback-premium{padding:0;background:#080b10;overflow:hidden;display:flex;align-items:center;justify-content:center}
.skinsback-image.skinsback-premium img{width:100%!important;max-width:none!important;max-height:none!important;height:100%!important;min-height:300px;object-fit:cover!important;object-position:center!important;margin:0!important;border-radius:15px}
@media(max-width:900px){.skinsback-image.skinsback-premium img{min-height:260px}}
@media(max-width:720px){.skinsback-image.skinsback-premium img{min-height:220px}}

/* ===== Official-style interactive Upgrader block v18 ===== */
.platform-demo-official{padding-top:34px}.platform-ui-wrap{width:min(1500px,calc(100% - 28px));max-width:none}.opg-shell{background:linear-gradient(180deg,#0d1014,#0a0d11);border:1px solid #252a31;border-radius:20px;padding:18px 22px 14px;box-shadow:0 24px 70px #0007;overflow:hidden}.opg-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:12px}.opg-tools-left{display:flex;gap:7px}.opg-icon-btn{width:30px;height:30px;border:0;background:transparent;color:#9ea3aa;font-weight:900;font-size:15px;border-radius:8px;cursor:pointer}.opg-icon-btn:hover,.opg-icon-btn.active{color:#ffd400;background:#171b20}.opg-logo{width:145px;margin:auto}.opg-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,360px) minmax(300px,1fr);grid-template-areas:"source wheel target" "balance wheel quick";gap:18px 34px;align-items:stretch}.opg-skin-panel{appearance:none;width:100%;min-height:300px;border:1px solid #242930;border-radius:14px;background:#1a1d21;color:#fff;padding:18px 18px 14px;display:flex;flex-direction:column;position:relative;overflow:hidden;cursor:pointer;text-align:inherit;transition:border-color .2s,transform .2s,background .2s}.opg-skin-panel:hover{border-color:#4a4f56;background:#1d2025;transform:translateY(-1px)}.opg-source-panel{grid-area:source}.opg-target-panel{grid-area:target;background:radial-gradient(circle at 50% 58%,#60421c38,transparent 48%),#1a1d21}.opg-panel-copy{text-align:center;position:relative;z-index:2}.opg-panel-copy strong{display:block;font-size:15px;line-height:1.25}.opg-panel-copy small{display:block;color:#999ea6;font-size:12px;margin-top:6px}.opg-selected-skin{flex:1;display:grid;place-items:center;align-content:center;min-height:190px;position:relative;z-index:2}.opg-placeholder-mark{font-size:56px;line-height:1;color:#ffd400;font-weight:1000;letter-spacing:-10px;text-shadow:0 12px 40px #ffd40044}.opg-selected-skin.has-skin{grid-template-rows:auto auto 1fr auto;gap:3px}.opg-selected-skin.has-skin img{width:88%;max-width:300px;height:145px;object-fit:contain;filter:drop-shadow(0 18px 18px #000b)}.opg-selected-skin.has-skin b{font-size:18px}.opg-selected-skin.has-skin em{font-style:normal;color:#ffd400;font-size:18px;font-weight:900}.opg-item-type{font-size:11px;color:#aeb2b8}.opg-wheel-column{grid-area:wheel;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.opg-wheel{--chance:50;position:relative;width:min(100%,330px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 180deg,#ffd400 0 calc(var(--chance)*.5%),#ff8314 calc(var(--chance)*.5%) calc(var(--chance)*1%),#24272c calc(var(--chance)*1%) 100%);box-shadow:0 0 0 2px #111418,0 0 0 14px #202329,0 26px 42px #000a}.opg-wheel:before{content:"";position:absolute;inset:18px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#0f1114 0 4deg,#25282d 4deg 6deg);opacity:.8}.opg-wheel-track{position:absolute;inset:38px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1b1e23,#101216 72%);box-shadow:inset 0 0 0 1px #2b2f35;z-index:1}.opg-wheel-center{z-index:2;text-align:center}.opg-wheel-center b{display:block;color:#b9f222;font-size:42px;line-height:1;font-weight:1000}.opg-wheel-center span{display:block;margin-top:9px;color:#93c916;font-size:13px}.opg-wheel-pointer{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);z-index:4;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:28px solid #ffd400;filter:drop-shadow(0 3px 3px #000)}.opg-upgrade-button{display:flex;align-items:center;justify-content:center;width:min(100%,310px);height:54px;border-radius:11px;background:linear-gradient(90deg,#8d7300,#caa900);color:#111;font-size:20px;font-weight:1000;transition:filter .2s,transform .2s}.opg-upgrade-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.opg-balance-block{grid-area:balance;background:#15181c;border-radius:12px;padding:12px 14px;align-self:end}.opg-balance-label{display:flex;justify-content:space-between;gap:10px;color:#8f959d;font-size:12px}.opg-balance-label b{color:#a6abb2}.opg-balance-label small{font-weight:500;color:#737981}.opg-balance-block input{width:100%;accent-color:#ffd400;margin-top:8px}.opg-quick-controls{grid-area:quick;display:flex;justify-content:flex-end;align-items:end;gap:7px;align-self:end}.opg-quick-controls button{height:40px;min-width:48px;padding:0 10px;border:1px solid #2e343c;border-radius:8px;background:#15181c;color:#898f97;font-weight:900;cursor:pointer}.opg-quick-controls button:hover,.opg-quick-controls button.active{color:#fff;border-color:#d5b300;background:#211f13}.opg-quick-controls button[data-chance="35"].active{border-color:#9c4a47}.opg-quick-controls button[data-chance="75"].active{border-color:#31784d}.opg-quick-controls .settings{min-width:40px}.opg-demo-note{text-align:center;color:#626871;font-size:11px;margin:12px 0 0}.opg-modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:24px}.opg-modal.open{display:flex}.opg-modal-backdrop{position:absolute;inset:0;background:#050608dd;backdrop-filter:blur(7px)}.opg-selector-dialog,.opg-target-dialog,.opg-settings-dialog{position:relative;z-index:2;width:min(1180px,96vw);max-height:min(86vh,820px);background:#1b1e23;border:1px solid #292e35;border-radius:18px;box-shadow:0 35px 90px #000c;overflow:hidden;display:flex;flex-direction:column}.opg-settings-dialog{width:min(620px,94vw)}.opg-selector-head{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid #282d34}.opg-selector-head>div{display:flex;align-items:center;gap:10px;font-size:19px}.opg-selector-head>button{width:38px;height:38px;border:0;background:transparent;color:#9da2aa;font-size:28px;cursor:pointer}.opg-tab-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#242830}.opg-tab-icon.active{background:#ffd400;color:#111}.opg-source-selector-grid,.opg-target-selector-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px;overflow:auto;background:#111317}.opg-selector-card{position:relative;min-height:150px;border:1px solid #3a414b;border-radius:10px;background:linear-gradient(160deg,#292d33,#1b1e23);padding:9px;color:#fff;cursor:pointer;text-align:left;overflow:hidden}.opg-selector-card:hover,.opg-selector-card.selected{border-color:#ffd400;background:radial-gradient(circle at 50% 55%,#ffd40022,transparent 50%),#22252a}.opg-selector-card img{width:100%;height:82px;object-fit:contain;filter:drop-shadow(0 10px 12px #0009)}.opg-selector-card b{font-size:12px;line-height:1.15;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opg-selector-card em{font-style:normal;color:#ffd400;font-size:11px;font-weight:900}.opg-selector-card small{position:absolute;right:8px;bottom:7px;color:#a4a9b0}.opg-selector-card .opg-selected-check{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;background:#ffd400;color:#111;display:none;place-items:center;font-weight:1000}.opg-selector-card.selected .opg-selected-check{display:grid}.opg-selector-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-top:1px solid #292e35;background:#1d2025}.opg-target-toolbar{display:grid;grid-template-columns:200px 150px 150px 1fr;gap:8px;padding:12px 14px;background:#16191e;border-bottom:1px solid #292e35}.opg-target-toolbar input,.opg-target-toolbar select{height:42px;border:1px solid #313740;border-radius:9px;background:#24282e;color:#dfe3e8;padding:0 12px}.opg-settings-body{padding:24px;overflow:auto}.opg-settings-title{display:flex;justify-content:space-between;align-items:center}.opg-settings-title span{color:#ffd400;font-weight:800}.opg-settings-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opg-settings-card{background:#22252a;border-radius:8px;padding:14px}.opg-settings-card p{font-size:13px;color:#9da2a9}.opg-settings-card>div{display:flex;gap:7px;align-items:center}.opg-settings-card button{height:40px;min-width:50px;border-radius:7px;border:1px solid #353b43;background:#17191d;color:#c9cdd2;font-weight:800}.opg-settings-card .reset{border:0;background:transparent;color:#ffd400;font-size:21px;margin-left:auto}.opg-setting-fieldset{border:0;padding:0;margin:24px 0}.opg-setting-fieldset legend{font-weight:900;font-size:17px;margin-bottom:10px}.opg-setting-fieldset label{display:flex;gap:10px;align-items:flex-start;margin:11px 0;color:#fff}.opg-setting-fieldset input{accent-color:#ffd400;margin-top:5px}.opg-setting-fieldset span{font-weight:800}.opg-setting-fieldset small{display:block;color:#8e939a;font-weight:500;margin-top:4px}.opg-settings-save{text-align:center}.opg-settings-save .btn{border:0;cursor:pointer}
@media(max-width:1100px){.platform-ui-wrap{width:min(100% - 20px,900px)}.opg-shell{padding:15px}.opg-layout{grid-template-columns:1fr 1fr;grid-template-areas:"wheel wheel" "source target" "balance quick";gap:16px}.opg-wheel{width:285px}.opg-skin-panel{min-height:245px}.opg-selected-skin{min-height:145px}.opg-selected-skin.has-skin img{height:115px}.opg-source-selector-grid,.opg-target-selector-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.opg-target-toolbar{grid-template-columns:1fr 1fr}.opg-target-toolbar input[data-target-search]{grid-column:1/-1}.opg-target-toolbar select{grid-column:1/-1}.opg-quick-controls{justify-content:flex-end;flex-wrap:wrap}.opg-settings-quick{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.platform-demo-official{padding-top:18px}.platform-ui-wrap{width:100%;padding:0 8px}.opg-shell{border-radius:0;padding:12px 10px}.opg-toolbar{grid-template-columns:1fr auto 1fr;margin-bottom:8px}.opg-logo{width:124px}.opg-tools-left{gap:2px}.opg-icon-btn{width:26px;height:28px;font-size:13px}.opg-layout{grid-template-columns:1fr 1fr;grid-template-areas:"wheel wheel" "source target" "upgrade upgrade" "balance balance" "quick quick";gap:10px}.opg-wheel-column{grid-area:wheel;display:contents}.opg-wheel{grid-column:1/-1;justify-self:center;width:min(72vw,255px);margin-bottom:8px}.opg-wheel-center b{font-size:34px}.opg-upgrade-button{grid-area:upgrade;justify-self:center;width:100%;max-width:none;height:48px;font-size:18px}.opg-skin-panel{min-height:185px;padding:10px 8px}.opg-panel-copy strong{font-size:11px}.opg-panel-copy small{font-size:9px}.opg-selected-skin{min-height:100px}.opg-placeholder-mark{font-size:36px}.opg-selected-skin.has-skin{gap:1px}.opg-selected-skin.has-skin img{height:75px;width:100%}.opg-selected-skin.has-skin b{font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opg-selected-skin.has-skin em{font-size:11px}.opg-item-type{font-size:8px}.opg-balance-block{grid-area:balance}.opg-quick-controls{grid-area:quick;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.opg-quick-controls button{height:37px;min-width:45px;flex:0 0 auto}.opg-demo-note{font-size:9px;line-height:1.3}.opg-modal{padding:0}.opg-selector-dialog,.opg-target-dialog,.opg-settings-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}.opg-source-selector-grid,.opg-target-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.opg-selector-card{min-height:135px}.opg-selector-card img{height:72px}.opg-selector-footer{padding:10px 12px;position:sticky;bottom:0}.opg-selector-footer .btn{padding:0 12px;font-size:12px}.opg-target-toolbar{grid-template-columns:1fr 1fr;padding:8px}.opg-target-toolbar select,.opg-target-toolbar input[data-target-search]{grid-column:1/-1}.opg-settings-body{padding:18px}.opg-settings-quick{grid-template-columns:1fr}.opg-settings-card p{font-size:12px}}
.opg-wheel{grid-area:wheel}

/* ===== v19 platform refinements ===== */
.page-platform .opg-wheel{
  background:conic-gradient(from 90deg,
    #f04429 0deg,
    #ff7b18 68deg,
    #ffb500 120deg,
    #ffd400 180deg,
    #24272c 180deg 360deg);
}
.page-platform .opg-wheel-pointer{
  left:50%;top:50%;bottom:auto;width:2px;height:calc(50% + 12px);
  border:0;background:transparent;transform-origin:50% 0;
  transform:translateX(-50%) rotate(calc((var(--chance) - 50) * -1.8deg));
  filter:none;z-index:5;pointer-events:none;
}
.page-platform .opg-wheel-pointer:after{
  content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);
  width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:29px solid #ffd400;
  filter:drop-shadow(0 3px 3px #000);
}
.page-platform .opg-placeholder-mark{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  font-size:0;letter-spacing:0;text-shadow:none;width:88px;height:92px;
  filter:drop-shadow(0 12px 28px #ffd40038);
}
.page-platform .opg-placeholder-mark i{
  display:block;width:74px;height:31px;margin-top:-7px;background:#e4c400;
  clip-path:polygon(0 0,50% 38%,100% 0,100% 45%,50% 84%,0 45%);
}
.page-platform .opg-placeholder-mark i:nth-child(1){background:#8f7b00}
.page-platform .opg-placeholder-mark i:nth-child(2){background:#c5a900}
.page-platform .opg-placeholder-mark i:nth-child(3){background:#ffd400}
.page-platform .opg-upgrade-button{
  position:relative;background:#aa9000;color:#111;border:1px solid #baa000;box-shadow:inset 0 1px 0 #d2b80022;
}
.page-platform .opg-upgrade-button:before{
  content:"";width:19px;height:22px;margin-right:12px;background:#101216;
  clip-path:polygon(0 0,50% 35%,100% 0,100% 30%,50% 65%,0 30%,0 48%,50% 83%,100% 48%,100% 72%,50% 100%,0 72%);
}
.page-platform .content-card a:not(.btn):not(.text-action){color:#ffd400;text-decoration:underline;text-decoration-color:#ffd40055;text-underline-offset:3px}
.page-platform .platform-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px}
.page-platform .platform-feature{border:1px solid #313743;border-radius:12px;background:linear-gradient(180deg,#171b21,#12161b);padding:16px;min-height:126px}
.page-platform .platform-feature>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffd400;color:#111;font-weight:1000;font-size:12px;margin-bottom:12px}
.page-platform .platform-feature b{display:block;font-size:15px;margin-bottom:6px}
.page-platform .platform-feature small{display:block;color:#939aa4;line-height:1.45}
.page-platform .chance-compare-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:24px}
.page-platform .chance-compare-card{border:1px solid #333944;border-radius:14px;background:#14181e;padding:20px;text-align:center}
.page-platform .chance-compare-card span{display:block;color:#9ba2ac;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.page-platform .chance-compare-card strong{display:block;font-size:29px;margin:8px 0;color:#fff}
.page-platform .chance-compare-card p{margin:0 0 8px;color:#aeb4bc}
.page-platform .chance-compare-card b{color:#ffd400}
.page-platform .chance-compare-card.riskier{border-color:#59302c}
.page-platform .chance-compare-card.riskier b{color:#ff8a5d}
.page-platform .chance-arrow{color:#ffd400;font-size:25px;font-weight:1000}
.page-platform .target-choice-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:24px;padding:15px;border:1px solid #313742;border-radius:13px;background:#11151a}
.page-platform .target-choice-strip>div{display:flex;align-items:center;gap:10px;min-width:0}
.page-platform .target-choice-strip span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ffd400;color:#111;font-weight:1000}
.page-platform .target-choice-strip b{font-size:14px}
.page-platform .target-choice-strip i{font-style:normal;color:#666e78;font-size:20px}
.page-platform .upgrade-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.page-platform .upgrade-result-card{position:relative;border:1px solid #333944;border-radius:14px;background:#14181e;padding:20px 20px 20px 62px}
.page-platform .upgrade-result-card>span{position:absolute;left:18px;top:20px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:20px;font-weight:1000}
.page-platform .upgrade-result-card h3{margin:0 0 8px;font-size:19px}
.page-platform .upgrade-result-card p{margin:0;color:#b1b7c0}
.page-platform .upgrade-result-card.win{border-color:#31553d}.page-platform .upgrade-result-card.win>span{background:#14351f;color:#7de899}
.page-platform .upgrade-result-card.loss{border-color:#5b3431}.page-platform .upgrade-result-card.loss>span{background:#3b1917;color:#ff8e84}
.page-platform .context-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #2d333c}
.page-platform .context-cta-row .btn{margin:0}
.page-platform .text-action{color:#ffd400;font-weight:900;text-decoration:none!important}
.page-platform .text-action:after{content:" →"}

@media(max-width:1100px){
  .page-platform .platform-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-platform .platform-feature:last-child{grid-column:2/3}
}
@media(max-width:760px){
  .page-platform .platform-feature-grid{grid-template-columns:1fr 1fr}
  .page-platform .platform-feature:last-child{grid-column:1/-1}
  .page-platform .chance-compare-grid{grid-template-columns:1fr}.page-platform .chance-arrow{transform:rotate(90deg);justify-self:center}
  .page-platform .target-choice-strip{grid-template-columns:1fr}.page-platform .target-choice-strip i{transform:rotate(90deg);justify-self:center}
  .page-platform .upgrade-result-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .page-platform .platform-feature-grid{grid-template-columns:1fr}.page-platform .platform-feature:last-child{grid-column:auto}
  .page-platform .context-cta-row{align-items:stretch}.page-platform .context-cta-row .btn{width:100%;text-align:center}.page-platform .text-action{text-align:center;width:100%}
  .page-platform .opg-placeholder-mark{transform:scale(.72)}
}

/* ===== v20: homepage promo hero background ===== */
.page-home .promo-hero{
  background-image:
    linear-gradient(90deg,rgba(7,9,12,.84) 0%,rgba(7,9,12,.68) 38%,rgba(7,9,12,.58) 50%,rgba(7,9,12,.70) 66%,rgba(7,9,12,.86) 100%),
    linear-gradient(180deg,rgba(8,10,13,.24),rgba(8,10,13,.56)),
    url('media/promo-hero-weapons-v20.png') !important;
  background-size:cover!important;
  background-position:center 52%!important;
  background-repeat:no-repeat!important;
}
.page-home .promo-hero::before{
  background:radial-gradient(ellipse at 50% 42%,rgba(9,12,16,.18) 0%,rgba(9,12,16,.44) 58%,rgba(9,12,16,.66) 100%)!important;
}
.page-home .promo-hero-skins{display:none!important}
@media(max-width:900px){
  .page-home .promo-hero{
    background-position:center 50%!important;
  }
}
@media(max-width:700px){
  .page-home .promo-hero{
    background-image:
      linear-gradient(180deg,rgba(7,9,12,.72) 0%,rgba(7,9,12,.78) 55%,rgba(7,9,12,.88) 100%),
      url('media/promo-hero-weapons-v20.png') !important;
    background-position:center center!important;
  }
}

/* === v21: visible promo hero artwork + contextual internal links === */
.page-home .promo-hero{
  background-image:
    linear-gradient(90deg,rgba(7,9,12,.46) 0%,rgba(7,9,12,.34) 34%,rgba(7,9,12,.28) 50%,rgba(7,9,12,.36) 66%,rgba(7,9,12,.50) 100%),
    linear-gradient(180deg,rgba(8,10,13,.05),rgba(8,10,13,.22)),
    url('media/promo-hero-weapons-v20.png') !important;
  background-size:cover!important;
  background-position:center 52%!important;
  background-repeat:no-repeat!important;
}
.page-home .promo-hero::before{
  background:radial-gradient(ellipse at 50% 42%,rgba(9,12,16,.03) 0%,rgba(9,12,16,.12) 58%,rgba(9,12,16,.26) 100%)!important;
}
.long-copy .context-link,.content-card .context-link,.hero-copy .context-link{
  color:#ffd800!important;
  text-decoration:underline!important;
  text-decoration-color:rgba(255,216,0,.55)!important;
  text-underline-offset:3px!important;
  font-weight:750!important;
}
.long-copy .context-link:hover,.content-card .context-link:hover,.hero-copy .context-link:hover{color:#ffe96b!important}
@media(max-width:900px){
  .page-home .promo-hero{
    background-image:
      linear-gradient(180deg,rgba(7,9,12,.44) 0%,rgba(7,9,12,.50) 60%,rgba(7,9,12,.62) 100%),
      url('media/promo-hero-weapons-v20.png') !important;
  }
}
@media(max-width:700px){
  .page-home .promo-hero{
    background-image:
      linear-gradient(180deg,rgba(7,9,12,.54) 0%,rgba(7,9,12,.60) 58%,rgba(7,9,12,.72) 100%),
      url('media/promo-hero-weapons-v20.png') !important;
  }
}