:root{--bg:#0b0b10;--panel:#14141c;--panel2:#1b1b25;--muted:#8e91a5;--fg:#f7f6fb;--accent:#b49aff;--orange:#ffbd73;--line:rgba(255,255,255,.09)} *{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 70% 24% at 50% -6%,#352348 0%,transparent 100%),#09090e;color:var(--fg);font-family:Manrope,system-ui,Arial,sans-serif;min-height:100vh}button{font-family:inherit;cursor:pointer}.shell{max-width:450px;margin:0 auto;padding:23px 15px 68px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.mark{width:37px;height:37px;display:grid;place-items:center;border:1px solid #70558e;border-radius:11px;background:#241b2d;box-shadow:inset 0 0 12px #50336555;font-size:19px}.brand{display:flex;align-items:center;gap:10px}.brand strong{display:block;letter-spacing:-.04em;font-size:20px;font-weight:800;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.23em;color:#a99cb9;font-weight:800;margin-top:5px}.live{border:1px solid #3b3443;background:#17141d;color:#c6becb;padding:7px 10px;border-radius:50px;font-weight:800;letter-spacing:.11em;font-size:10px}.dot{display:inline-block;height:6px;width:6px;background:#b4ffbf;border-radius:50%;margin-right:6px;box-shadow:0 0 9px #69ff9f} /* LED board: original user's marquee aesthetic intentionally preserved */ .rgb-board{position:relative;overflow:hidden;border-radius:14px;padding:11px 0;margin-bottom:19px;background:radial-gradient(circle at 2px 2px, rgba(255,255,255,.08) 1px, transparent 1.6px) 0 0/6px 6px,linear-gradient(180deg,#08080b,#030304);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 18px rgba(0,0,0,.9),0 0 18px rgba(135,90,255,.08)} .rgb-board:before,.rgb-board:after{content:"";position:absolute;top:0;bottom:0;width:34px;z-index:3;pointer-events:none}.rgb-board:before{left:0;background:linear-gradient(90deg,#050506,transparent)}.rgb-board:after{right:0;background:linear-gradient(-90deg,#050506,transparent)}.marquee{white-space:nowrap;display:inline-block;min-width:100%;animation:scroll 16s linear infinite;padding-left:100%}.led{font-family:"Courier New",monospace;font-weight:900;font-size:17px;letter-spacing:1.7px;text-transform:uppercase;filter:drop-shadow(0 0 5px currentColor)}.c1{color:#ff4d4d}.c2{color:#ff9f1a}.c3{color:#ffe64d}.c4{color:#65ff74}.c5{color:#43d7ff}.c6{color:#7d7cff}.c7{color:#d96cff}.sep{color:#fff;opacity:.75;padding:0 12px}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}} .eyebrow{color:#b6a1d2;font-size:10px;letter-spacing:.19em;font-weight:800;text-transform:uppercase}.hero{position:relative;overflow:hidden;padding:24px 21px 20px;border:1px solid #383041;border-radius:23px;background:linear-gradient(130deg,#22192b 0%,#17151e 53%,#14141c 100%);box-shadow:0 14px 40px #0005}.hero:before{content:"";position:absolute;width:220px;height:220px;right:-120px;top:-110px;background:radial-gradient(circle,#bc7ffb3e,transparent 65%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:23px;background:linear-gradient(90deg,transparent 0%,#ffffff09 47%,transparent 52%);mask:linear-gradient(#000,transparent 70%)}.hero h1{position:relative;font-size:clamp(28px,8vw,39px);font-weight:800;letter-spacing:-.065em;line-height:1.09;margin:12px 0 6px}.hero h1 em{font-style:normal;color:#e2be8e}.sub{color:#b0a8b8;font-size:12px;line-height:1.65;margin:0 0 23px}.countdown{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff17;padding-top:15px;gap:8px}.countdown .key{font-size:10px;color:#9a93a3;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.countdown .time{font-family:Rajdhani,Manrope,sans-serif;font-size:25px;line-height:1;font-weight:700;letter-spacing:.05em;color:#e2c7ff;font-variant-numeric:tabular-nums} .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.metric{background:#15151e;border:1px solid var(--line);border-radius:16px;padding:12px 7px 11px;text-align:center}.metric strong{display:block;font-family:Rajdhani,Manrope,sans-serif;font-size:31px;line-height:1.08;font-weight:700;letter-spacing:-.03em}.metric span{font-size:10px;color:#9b99aa;letter-spacing:.015em} .ticket{display:flex;align-items:center;gap:13px;background:linear-gradient(115deg,#291e34,#1b1925);border:1px solid #564367;border-radius:17px;padding:15px 16px;margin-bottom:12px}.ticket .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#4b365b;color:#f0d5ff;font-size:24px;flex-shrink:0}.ticket b{display:block;font-size:14px;letter-spacing:-.02em}.ticket p{margin:3px 0 0;font-size:11px;color:#a69cb2}.ticket .ticketnum{margin-left:auto;font:700 32px/1 Rajdhani,Manrope,sans-serif;color:#e3c9fb} .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.btn{position:relative;overflow:hidden;isolation:isolate;border:1px solid transparent;min-height:54px;border-radius:16px;font-size:13px;font-weight:900;display:flex;justify-content:center;align-items:center;gap:8px;transition:transform .15s,filter .18s,box-shadow .18s;letter-spacing:.01em}.btn:active{transform:scale(.98)}.btn:hover{filter:brightness(1.04)}.btn.primary{color:#111;background:linear-gradient(180deg,#ffe85a 0%,#ffd42d 42%,#ffbe0b 70%,#db9200 100%);border-color:#fff2a0;box-shadow:0 10px 22px rgba(255,198,0,.20), inset 0 1px 0 rgba(255,255,255,.7), inset 0 -2px 0 rgba(109,66,0,.32)}.btn.primary:before,.btn.secondary:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none}.btn.primary:before{background:linear-gradient(120deg,transparent 0%,transparent 35%,rgba(255,255,255,.18) 46%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.18) 54%,transparent 65%,transparent 100%);transform:translateX(-145%);animation:shine 3.2s ease-in-out infinite}.btn.primary:after{content:'';position:absolute;inset:2px;border-radius:13px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.20),transparent 35%,transparent 70%,rgba(0,0,0,.10))}.btn.secondary{color:#ffe874;background:linear-gradient(180deg,#1b1b1f 0%,#0f1013 100%);border-color:#f4d43d;box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.07), inset 0 0 0 1px rgba(255,214,77,.10)}.btn.secondary:before{background:linear-gradient(120deg,transparent 0%,transparent 44%,rgba(255,232,90,.06) 49%,rgba(255,232,90,.26) 50%,rgba(255,232,90,.06) 51%,transparent 56%,transparent 100%);transform:translateX(-160%);animation:shine 4.4s ease-in-out infinite}.btn.secondary:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,242,160,.18),0 0 0 1px rgba(0,0,0,.04)}@keyframes shine{0%{transform:translateX(-145%)}55%,100%{transform:translateX(165%)}} .ad{padding:14px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-radius:16px;border:1px solid #644633;background:linear-gradient(105deg,#2d221c,#1d1a1a);margin-bottom:14px}.ad span{display:block;color:#e1a96d;font-size:9px;font-weight:800;letter-spacing:.16em}.ad strong{display:block;margin-top:3px;font-size:13px;letter-spacing:-.03em}.ad .arrow{background:#382c29;color:#edbb80;border-radius:9px;padding:7px 11px;font-size:18px} .accordion{border:1px solid var(--line);border-radius:17px;background:#15151d;overflow:hidden;margin-bottom:14px}.acc-head{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:transparent;color:var(--fg);padding:16px;font-size:13px;font-weight:800}.acc-head span small{display:block;font-size:10px;font-weight:600;color:#9390a4;margin-top:4px}.chev{font-size:18px;color:#beadd5;transition:transform .2s}.accordion.open .chev{transform:rotate(180deg)}.acc-body{display:none;padding:0 13px 13px}.accordion.open .acc-body{display:block}.level{display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff0c;background:#201d28;border-radius:11px;padding:12px;margin-top:7px;font-size:12px}.level strong{color:#dbc1fc}.level.reached{border-color:#73568a;background:#2b2136}.progress{height:4px;background:#38313d;border-radius:10px;overflow:hidden;margin:0 3px 9px}.progress i{display:block;width:60%;height:100%;background:#c99aff;border-radius:10px} .footer{color:#5d5968;text-align:center;font-size:10px;letter-spacing:.15em;margin-top:20px}.controls{border:1px dashed #44404a;border-radius:15px;padding:12px;margin-top:22px}.controls-title{font-size:10px;letter-spacing:.15em;color:#90869b;font-weight:800;margin-bottom:9px}.switches{display:flex;flex-wrap:wrap;gap:8px}.switches button{background:#24212a;border:1px solid #504655;color:#cdc2db;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800}.switches button.active{background:#4d345f;border-color:#aa83d0;color:white}.winner-banner{display:none;background:#1c201d;border:1px solid #435d43;padding:13px 14px;border-radius:13px;margin-bottom:12px;color:#c1f6c2;font-size:12px}.winner-banner b{display:block;margin-bottom:3px;color:#e9ffe9}.show-winner .winner-banner{display:block} @media(max-width:355px){.shell{padding:13px 10px 40px}.hero{padding:20px 15px}.brand strong{font-size:18px}.metric strong{font-size:27px}.actions{gap:7px}.btn{font-size:11px}} @media(prefers-reduced-motion:reduce){.marquee{animation-duration:35s}} .participating{position:relative;display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:7px 11px;border-radius:9px;background:rgba(102,216,153,.07);border:1px solid rgba(105,212,148,.21);color:#a9e8bf;font-size:11px;font-weight:800;letter-spacing:.025em}.ok-dot{display:grid;place-items:center;border-radius:50%;width:17px;height:17px;background:#255e3a;color:#c3ffda;font-size:11px}.art-footer{margin-top:24px;overflow:hidden;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:#07132b;line-height:0}.art-footer img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.hero{margin-bottom:13px}@media(prefers-reduced-motion:reduce){.btn.primary:before,.btn.secondary:before{animation:none!important}} /* CHAMPION SKIN V2.4 / bold design pass — scoped presentation only */ :root{--champ-yellow:#ffe047;--champ-black:#0d0d12} body{background:radial-gradient(ellipse 105% 36% at 50% -8%,#392746 0%,#14111c 47%,transparent 90%),linear-gradient(180deg,#0d0b12,#08090d 70%)} .shell{padding:16px 14px 56px} .header{margin-bottom:17px}.brand strong{font-size:21px;letter-spacing:-.055em}.mark{border-radius:12px;background:linear-gradient(155deg,#342a3b,#18141f);border-color:#665073}.live{background:#131519;border-color:#2f3934} /* Keep the original dot-matrix marquee untouched */ .rgb-board{margin-bottom:15px} .hero{padding:23px 20px 18px;border-radius:20px;border:1px solid #64516d;background:radial-gradient(circle at 104% -16%,rgba(160,103,211,.25),transparent 53%),linear-gradient(145deg,#24202f 0%,#171720 52%,#101218 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 16px rgba(0,0,0,.22),0 15px 30px rgba(0,0,0,.42),0 0 0 1px rgba(9,7,16,.65)} .hero:before{width:280px;height:240px;right:-120px;top:-140px;background:radial-gradient(circle,rgba(196,155,250,.37),transparent 68%)} .hero:after{inset:0;mask:none;border-radius:inherit;background:linear-gradient(130deg,rgba(255,255,255,.12) 0%,transparent 24%,transparent 76%,rgba(255,255,255,.022) 100%)} .eyebrow{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;background:#3b2c42;border:1px solid #6b5274;font-size:10px;letter-spacing:.12em;color:#efc5ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)} .hero h1{margin:17px 0 10px;font-size:clamp(27px,7.4vw,36px);line-height:1.03;letter-spacing:-.065em;text-shadow:0 2px 16px rgba(0,0,0,.38)} .hero h1 em{color:#ffe15b;text-shadow:0 0 26px rgba(255,207,70,.18)} .sub{max-width:30em;color:#c4bac8;font-size:12px;line-height:1.7;margin-bottom:19px} .countdown{padding:13px 12px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(180deg,#101116,#1a1721);box-shadow:inset 0 2px 12px rgba(0,0,0,.25);margin:0 -2px} .countdown .key{max-width:50%;line-height:1.5;color:#aaa0b5;font-size:9px;letter-spacing:.11em} .countdown .time{font-size:32px;font-weight:700;color:#ffe6a3;letter-spacing:.075em;text-shadow:0 0 17px rgba(255,200,74,.26)} .participating{border:1px solid rgba(75,206,147,.32)!important;background:rgba(32,92,69,.19)!important;color:#9df7c0!important;font-weight:800!important;margin-top:13px!important} .metrics{gap:9px;margin:14px 0 15px} .metric{position:relative;overflow:hidden;border-radius:13px;padding:14px 5px 13px;border:1px solid #34313d;background:linear-gradient(165deg,#24212b 0%,#17171f 50%,#111319 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 6px 13px rgba(0,0,0,.18)} .metric:before{content:'';position:absolute;top:0;left:16%;width:68%;height:2px;background:linear-gradient(90deg,transparent,#c5a1e980,transparent)} .metric strong{font-size:35px;color:#fff;font-weight:700;line-height:1.05;text-shadow:0 2px 13px rgba(0,0,0,.48)} .metric span{display:block;margin-top:6px;color:#aca6b6;font-size:10px;font-weight:700} .actions{gap:10px;margin:0 0 15px} .btn{min-height:57px;border-radius:12px;font-family:Manrope,system-ui,sans-serif;font-size:13px;font-weight:900;letter-spacing:.015em;text-shadow:none;transform:translateZ(0);transition:transform .13s,filter .2s} .btn.primary{color:#101112;background:linear-gradient(180deg,#fff7a1 0%,#ffeb52 19%,#ffce1b 53%,#e9a600 100%);border:1px solid #ffe584;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(129,69,0,.25),0 4px 0 #775300,0 11px 23px rgba(255,184,13,.23)} .btn.primary:before{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.1) 42%,rgba(255,255,255,.86) 50%,rgba(255,255,255,.1) 58%,transparent 70%);transform:translateX(-145%);animation:shine 3.4s ease-in-out infinite} .btn.primary:after{inset:3px;border-radius:9px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 44%)} .btn.secondary{color:#ffe35e;background:linear-gradient(180deg,#27262a,#111215 57%,#08090c);border:1px solid #bf9d30;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.6),0 4px 0 #08090c,0 10px 22px rgba(0,0,0,.44)} .btn.secondary:before{background:linear-gradient(110deg,transparent 38%,rgba(255,227,102,.03) 43%,rgba(255,232,110,.32) 50%,rgba(255,227,102,.03) 57%,transparent 65%);animation:shine 4.6s ease-in-out infinite} .btn:active{transform:translateY(3px)!important;filter:brightness(.95)} .accordion{border-radius:14px;background:linear-gradient(180deg,#1b1b24,#13131a);border-color:#3b3542;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)} .acc-head{padding:18px 17px;font-size:14px}.acc-head span small{margin-top:6px;line-height:1.5} .art-footer{margin-top:17px;overflow:hidden;border-radius:12px} .art-footer img{display:block;width:100%;height:auto} @media(max-width:355px){.hero{padding:18px 15px 15px}.hero h1{font-size:clamp(27px,7.4vw,36px);min-height:53px}} @media(prefers-reduced-motion:reduce){.btn:before{animation:none}} /* V2.5: preserve original banner proportions */ .art-footer { margin:18px 0 0 !important; padding:0 !important; overflow:visible !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; line-height:0; } .art-footer img { display:block !important; width:100% !important; height:auto !important; max-height:none !important; aspect-ratio:auto !important; object-fit:contain !important; object-position:center !important; border-radius:0 !important; } .preview-refresh { width:100%; margin:0 0 14px; min-height:43px; border:1px solid rgba(255,212,72,.28); border-radius:13px; background:linear-gradient(180deg,#202026,#141418); color:#e9d59c; font:700 12px Manrope,sans-serif; cursor:pointer; } .preview-refresh:active{transform:scale(.99)} /* CHAMPION FOOTER COMPACT */ .art-footer { max-width: 270px !important; margin: 20px auto 0 !important; border-radius: 18px !important; overflow: hidden !important; } .art-footer img { display: block !important; width: 100% !important; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; border-radius: 18px !important; } /* CHAMPION PARTNER CARDS V1 */ .partner-accordion{margin:12px 0 16px;background:#15151d;border:1px solid #39333f;border-radius:17px;overflow:hidden;color:#f7f5fb} .partner-accordion summary{padding:17px 16px;cursor:pointer;font:800 13px Manrope,system-ui,sans-serif;display:flex;align-items:center;justify-content:space-between;list-style:none} .partner-accordion summary::-webkit-details-marker{display:none} .partner-accordion summary small{display:block;font-size:10px;color:#aaa2b3;margin-top:4px;font-weight:500} .partner-accordion .chevron{font-size:21px;color:#dbc4ff;transition:transform .2s} .partner-accordion[open] .chevron{transform:rotate(180deg)} .partner-list{display:grid;gap:11px;padding:0 12px 13px} .partner-tile{position:relative;overflow:hidden;min-height:174px;border-radius:15px;padding:17px 16px;background:#19191d;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.09)} .partner-tile:before{content:'';position:absolute;right:-65px;top:-65px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 68%);pointer-events:none} .partner-tile:after{content:'';position:absolute;right:20px;bottom:11px;width:94px;height:94px;border:1px solid rgba(255,255,255,.14);border-radius:20px;transform:rotate(-18deg);box-shadow:0 0 0 12px rgba(255,255,255,.025);pointer-events:none} .partner-tile.parik{--glow:#ff910066;background:linear-gradient(125deg,#281708,#101116);border-color:#825524} .partner-tile.stake{--glow:#13c4ad44;background:linear-gradient(125deg,#0c2326,#101419);border-color:#2b756f} .partner-tile.redstar{--glow:#ff36484c;background:linear-gradient(125deg,#2a111d,#130f19);border-color:#833849} .partner-tile.grombet{--glow:#8798ff55;background:linear-gradient(125deg,#172345,#101320);border-color:#54669f} .partner-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:9px} .partner-brand{font:900 22px/1 Manrope,system-ui,sans-serif;letter-spacing:-.06em;color:#fff} .partner-tile.parik .partner-brand{color:#ffbf59} .partner-tile.stake .partner-brand{color:#c4fff4} .partner-tile.redstar .partner-brand{color:#fff1f3} .partner-tile.grombet .partner-brand{color:#cbd6ff} .partner-adtag{font:700 9px Manrope,system-ui,sans-serif;letter-spacing:.12em;color:#c7bfcd;border:1px solid #ffffff35;border-radius:6px;padding:5px 6px;flex:none} .partner-offer{position:relative;font:800 clamp(17px,5vw,23px)/1.13 Manrope,system-ui,sans-serif;letter-spacing:-.045em;margin:19px 0 7px;max-width:82%} .partner-desc{position:relative;font:500 11px/1.55 Manrope,system-ui,sans-serif;color:#bbb3c4;max-width:83%;margin:0} .partner-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px} .partner-demo{font:600 9px Manrope,system-ui,sans-serif;color:#9c94a6} .partner-link{appearance:none;border:1px solid #ffffff37;background:rgba(255,255,255,.10);padding:9px 13px;border-radius:9px;color:white;font:800 11px Manrope,system-ui,sans-serif;cursor:pointer} .partner-link:active{transform:scale(.98)} .partner-caption{color:#77707f;font-size:10px;text-align:center;padding:3px 8px 0} /* CHAMPION REAL PARTNER BANNERS */ .partner-real{margin:12px 0 16px;border:1px solid #39343e;border-radius:17px;background:#15151d;overflow:hidden;color:#f8f5ff;font-family:Manrope,system-ui,sans-serif} .partner-real summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:16px;font-weight:800;font-size:13px} .partner-real summary::-webkit-details-marker{display:none} .partner-real summary small{display:block;font-size:10px;color:#9693a6;font-weight:500;margin-top:4px} .partner-real summary .chevron{font-size:18px;transition:transform .2s} .partner-real[open] summary .chevron{transform:rotate(180deg)} .partner-real-body{display:grid;gap:12px;padding:0 12px 14px} .partner-real-card{background:#1c1b22;border:1px solid #36323d;border-radius:15px;overflow:hidden} .partner-real-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#101015} .partner-real-info{padding:12px 13px 14px} .partner-real-top{display:flex;align-items:center;justify-content:space-between;gap:8px} .partner-real-brand{font-weight:800;font-size:14px} .partner-real-label{color:#9691a2;font-size:9px;letter-spacing:.08em} .partner-real-bonus{font-size:17px;font-weight:800;letter-spacing:-.025em;margin-top:6px;color:#f9d65a} .partner-real-card.red .partner-real-bonus{color:#ff9b9b} .partner-real-card.violet .partner-real-bonus{color:#dda7ff} .partner-real-desc{font-size:11px;line-height:1.55;color:#a9a5b3;margin-top:5px} .partner-real-cta{display:block;width:100%;margin-top:11px;border:1px solid #51463a;border-radius:10px;padding:11px;text-align:center;font-size:12px;font-weight:800;background:#262125;color:#e7d5b5} .partner-real-footnote{text-align:center;color:#868091;font-size:10px;line-height:1.5} /* CHAMPION BUTTON LAB V1 */ /* Только тест: старые кнопки скрыты, вместо них три визуальные пары */ .actions {display:none !important} .countdown {display:none !important} .winner-count-copy {margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.10);color:#c1b9ce;font-size:12px;line-height:1.55} .button-lab {margin:12px 0 16px} .button-lab-heading {font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#b6aabd;margin:0 0 11px} .button-option {padding:13px;border:1px solid #37313c;background:#17161d;border-radius:17px;margin-bottom:10px;transition:border-color .2s,background .2s} .button-option:has(input:checked) {border-color:#e0c885;background:#201e24} .option-title {display:flex;align-items:center;gap:9px;font-weight:800;font-size:12px;margin-bottom:11px;cursor:pointer} .option-title input {accent-color:#e4c66d;width:16px;height:16px;margin:0} .option-buttons {display:grid;grid-template-columns:1fr 1fr;gap:9px} .lab-btn {position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:49px;border-radius:12px;font:800 12px/1.15 Manrope,Arial,sans-serif;letter-spacing:.01em;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 12px rgba(0,0,0,.28)} .lab-btn:active {transform:translateY(1px)} /* 1 — графит / шампань */ .style-one .lab-btn {color:#f8ead0;border:1px solid #72675c;background:linear-gradient(162deg,#444147 0%,#25252a 54%,#18191c 100%)} .style-one .lab-btn:first-child {color:#171412;border:1px solid #efddbe;background:linear-gradient(165deg,#f1e1c4 0%,#d8c5a5 48%,#a79176 100%)} /* 2 — тёмный хром / золото */ .style-two .lab-btn {color:#f1d58b;border:1px solid #9c8553;background:linear-gradient(160deg,#484b50 0%,#202226 48%,#0e0f12 100%);box-shadow:inset 0 2px rgba(255,255,255,.16),inset 0 -2px rgba(0,0,0,.55),0 5px 12px #0007} .style-two .lab-btn:first-child {border-color:#d9b55e;color:#fef0b8;background:linear-gradient(160deg,#5a4b31 0%,#29241c 43%,#131417 100%)} /* 3 — фиолетовый / серебро */ .style-three .lab-btn {color:#e6e6ef;border:1px solid #87899f;background:linear-gradient(162deg,#4b4a5c 0%,#252634 50%,#151720 100%)} .style-three .lab-btn:first-child {color:#f2eaff;border:1px solid #9b83cc;background:linear-gradient(160deg,#665283 0%,#3d3254 50%,#242233 100%)} .lab-help {font-size:10px;color:#837f8a;margin-top:8px} @media(max-width:355px){.lab-btn{font-size:10px}.button-option{padding:10px}} /* CHAMPION BUTTON LAB V2 — GLASS / AMBER / ELECTRIC */ .button-lab{margin:14px 0 16px} .button-option{background:#11121b;border:1px solid #303345;padding:14px;border-radius:17px;margin-bottom:12px} .option-title{color:#d6d9e7;font-size:12px} .option-buttons{gap:10px} .lab-btn{ min-height:59px;border-radius:14px;white-space:normal;padding:8px; font:800 12px/1.15 Manrope,Arial,sans-serif; position:relative;isolation:isolate;overflow:hidden;text-align:center; text-shadow:0 1px 2px #0009; transition:transform .12s, filter .12s; } .lab-btn:active{transform:translateY(2px) scale(.985);filter:brightness(.92)} .lab-btn::before{content:'';position:absolute;inset:2px 3px auto;height:44%;border-radius:11px 11px 50% 50% / 12px 12px 12px 12px;background:linear-gradient(180deg,#ffffff53,#ffffff05);pointer-events:none;z-index:-1} .lab-btn::after{content:'';position:absolute;inset:1px;border-radius:12px;box-shadow:inset 0 2px 2px #fff5,inset 0 -3px 3px #0009;pointer-events:none} /* A: polished smoked glass + platinum, balanced twin buttons */ .style-one .lab-btn{color:#fff4db;border:2px solid #cdb98b;background:linear-gradient(160deg,#5c5d65 0%,#262830 23%,#10131b 61%,#05070b 100%);box-shadow:0 3px 0 #756849,0 7px 15px #000a,0 0 13px #e8d6a51a} .style-one .lab-btn:first-child{color:#fff8e5;border-color:#f1ddb4;background:linear-gradient(155deg,#85838a 0%,#303038 28%,#13141c 66%,#090a0f 100%)} /* B: molten amber luminous edge, deep carbon face */ .style-two .lab-btn{color:#ffdf8c;border:2px solid #ec9d28;background:radial-gradient(ellipse at 50% 130%,#b65f0b50,transparent 60%),linear-gradient(145deg,#34302e,#0e1117 62%,#07090d);box-shadow:0 3px 0 #743909,0 0 12px #fb87165c,0 7px 15px #000a,inset 0 0 12px #ff9a1530} .style-two .lab-btn:first-child{border-color:#ffca5e;color:#fff3c7;box-shadow:0 3px 0 #985414,0 0 18px #ff9e2c66,0 7px 15px #000a,inset 0 0 14px #ffa52b44} /* C: sapphire-glass, violet metallic sides */ .style-three .lab-btn{color:#eaf4ff;border:2px solid #6bb9ff;background:radial-gradient(ellipse at 45% 130%,#172edc60,transparent 68%),linear-gradient(150deg,#48405f 0%,#171c3d 48%,#060a19);box-shadow:0 3px 0 #303682,0 0 16px #458fff57,0 7px 15px #000a,inset 0 0 14px #557eff30} .style-three .lab-btn:first-child{color:#f8eaff;border-color:#c096ff;box-shadow:0 3px 0 #5d358d,0 0 16px #a355ff66,0 7px 15px #000a,inset 0 0 16px #984aff45} @media(max-width:355px){.lab-btn{font-size:11px;min-height:54px}} /* CHAMPION BLACK GOLD BUTTONS V1 */ /* one matched pair, black lacquer + lemon-gold details; fixed reflected highlight */ .actions {display:grid !important;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 17px} .actions .btn { position:relative;isolation:isolate;overflow:hidden; display:flex;align-items:center;justify-content:center;gap:7px; min-height:58px;width:100%;padding:11px 8px; border-radius:15px;border:1.5px solid #e7c73c; background:linear-gradient(155deg,#343435 0%,#131417 29%,#07080a 67%,#151515 100%); color:#ffdf35;font:800 13px/1.2 Manrope,Arial,sans-serif; letter-spacing:-.012em;text-align:center;text-shadow:0 1px 1px #000; box-shadow:inset 0 1px 0 #fff8c044,inset 0 -3px 0 #000, 0 3px 0 #876a12,0 9px 18px #0009,0 0 13px #fbd32d20; animation:none !important;transition:transform .13s,filter .13s; } .actions .btn.primary,.actions .btn.secondary {color:#ffdf35;border-color:#e7c73c; background:linear-gradient(155deg,#343435 0%,#131417 29%,#07080a 67%,#151515 100%); box-shadow:inset 0 1px 0 #fff8c044,inset 0 -3px 0 #000, 0 3px 0 #876a12,0 9px 18px #0009,0 0 13px #fbd32d20; } .actions .btn::before,.actions .btn.primary::before,.actions .btn.secondary::before { content:"";position:absolute;inset:2px 3px auto;height:45%;border-radius:12px 12px 50% 50%; background:linear-gradient(180deg,#ffffff40,#ffffff08 68%,transparent); transform:none !important;animation:none !important;pointer-events:none;z-index:-1; } .actions .btn::after,.actions .btn.primary::after,.actions .btn.secondary::after { content:"";position:absolute;inset:1px;border-radius:13px; background:none;box-shadow:inset 0 1px 0 #fff2a055,inset 0 -2px 2px #000a; pointer-events:none; } .actions .btn:active{transform:translateY(2px);filter:brightness(.93)} @media(max-width:355px){.actions .btn{min-height:53px;font-size:11px}} /* CHAMPION ORANGE BUTTONS V1 */ .btn, button.btn, .actions .btn, button[class*="btn"] { animation: none !important; } .btn.primary, .actions .btn.primary, button.primary { position: relative !important; overflow: hidden !important; background: linear-gradient(180deg, #ffe97a 0%, #ffc93a 38%, #ff9f1c 72%, #f07700 100%) !important; color: #4c1700 !important; border: 1px solid rgba(139, 53, 0, .35) !important; border-radius: 14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(123, 54, 0, .18), 0 8px 18px rgba(255, 145, 0, .20) !important; text-shadow: 0 1px 0 rgba(255,240,180,.55), 0 0 1px rgba(82, 28, 0, .35) !important; } .btn.primary::before, .actions .btn.primary::before, button.primary::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; height: 48% !important; border-radius: 14px 14px 10px 10px !important; background: linear-gradient(180deg, rgba(255,255,255,.45), rgba(255,255,255,.08)) !important; pointer-events: none !important; } .btn.primary::after, .actions .btn.primary::after, button.primary::after { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: 14px !important; box-shadow: inset 0 0 0 1px rgba(255, 239, 160, .28) !important; pointer-events: none !important; } .btn.secondary, .actions .btn.secondary, button.secondary { position: relative !important; overflow: hidden !important; background: linear-gradient(180deg, #ffe97a 0%, #ffc93a 42%, #ff9f1c 74%, #f07700 100%) !important; color: #4c1700 !important; border: 1px solid rgba(139, 53, 0, .35) !important; border-radius: 14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(123, 54, 0, .18), 0 8px 18px rgba(255, 145, 0, .20) !important; text-shadow: 0 1px 0 rgba(255,235,170,.45), 0 0 1px rgba(82, 28, 0, .28) !important; } .btn.secondary::before, .actions .btn.secondary::before, button.secondary::before { content: "" !important; position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; height: 46% !important; border-radius: 14px 14px 10px 10px !important; background: linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,.06)) !important; pointer-events: none !important; } .btn.secondary::after, .actions .btn.secondary::after, button.secondary::after { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: 14px !important; box-shadow: inset 0 0 0 1px rgba(255, 234, 150, .20) !important; pointer-events: none !important; } .refresh-btn, button.refresh, button[data-role="refresh"] { background: linear-gradient(180deg, #ffe27a 0%, #ffc43a 40%, #f8a11a 72%, #e87d00 100%) !important; color: #4f1800 !important; border: 1px solid rgba(138,55,0,.26) !important; text-shadow: 0 1px 0 rgba(255,235,170,.4) !important; } /* Isolated test controls — no global button overrides */ .cr-controls{margin:13px 0 16px;font-family:Manrope,Arial,sans-serif} .cr-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .cr-action,.cr-boost{position:relative;isolation:isolate;width:100%;border:0;border-radius:15px;min-width:0;min-height:70px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 8px;color:#fff0cf;font:800 clamp(12px,3.6vw,15px)/1.18 Manrope,sans-serif;letter-spacing:-.02em;background:radial-gradient(ellipse 70% 100% at 50% 110%,rgba(201,122,30,.24),transparent 82%),linear-gradient(165deg,#302932 0%,#211d25 45%,#16151d 100%);box-shadow:inset 0 1px 0 rgba(255,242,215,.13),inset 0 -1px 0 rgba(225,153,54,.18),0 7px 18px rgba(0,0,0,.25);transition:filter .15s,transform .12s} .cr-action:before,.cr-boost:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 75% 42% at 50% 0%,rgba(255,216,159,.15),transparent 96%);z-index:-1} .cr-icon{font-size:20px;color:#ffcc78;flex:none;filter:drop-shadow(0 0 5px rgba(255,178,60,.2))} .cr-boost{margin-top:10px;min-height:58px;color:#ffdfa3;background:radial-gradient(ellipse 80% 90% at 50% 108%,rgba(209,128,22,.25),transparent 82%),linear-gradient(165deg,#30272b,#1b1920 82%)} .cr-no-boost .cr-boost{display:none} .cr-utility{display:flex;justify-content:center;padding:12px 0 2px} .cr-refresh{padding:9px 14px;min-height:36px;border-radius:10px;color:#bdb3b1;background:#1d1b23;border:1px solid rgba(255,255,255,.1);font:700 11px Manrope,sans-serif;box-shadow:none} .cr-action:active,.cr-boost:active,.cr-refresh:active{transform:translateY(2px);filter:brightness(.9)} .cr-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:6px auto 0;color:#958ba1;font:600 10px Manrope,sans-serif} .cr-toggle input{accent-color:#d9a35b} @media(max-width:355px){.cr-action{font-size:11px;min-height:63px}.cr-primary-actions{gap:8px}.cr-icon{font-size:17px}} /* Button icons and lettering only — existing dimensions and colors untouched */ #cr-control-panel .cr-action, #cr-control-panel .cr-boost { font-family: 'Russo One', Manrope, system-ui, sans-serif !important; font-weight: 400 !important; font-size: clamp(11px, 3.5vw, 14px) !important; letter-spacing: .012em !important; text-shadow: 0 1px 2px rgba(0,0,0,.35) !important; } #cr-control-panel .cr-refresh { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; font-family: Manrope, system-ui, sans-serif !important; font-size: 11px !important; font-weight: 800 !important; } #cr-control-panel .cr-icon { width: 19px !important; height: 19px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 19px !important; color: inherit !important; filter: none !important; } #cr-control-panel .cr-icon svg { display: block !important; width: 19px !important; height: 19px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.85 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } #cr-control-panel .cr-refresh .cr-icon, #cr-control-panel .cr-refresh .cr-icon svg { width: 14px !important; height: 14px !important; flex-basis: 14px !important; } @media (max-width:355px){ #cr-control-panel .cr-action, #cr-control-panel .cr-boost {font-size:11px !important; gap:6px !important;} #cr-control-panel .cr-icon, #cr-control-panel .cr-icon svg {width:16px !important;height:16px !important;flex-basis:16px !important;} } /* Strictly scoped to #bonusAcc. Nothing in the buttons, partners or footer changes. */ #bonusAcc .acc-head > span {font-family:'Russo One',Manrope,sans-serif;font-size:14px;font-weight:400;letter-spacing:.005em;line-height:1.4} #bonusAcc .acc-head small {font-family:Manrope,system-ui,sans-serif;font-size:10px;font-weight:600;letter-spacing:0;line-height:1.5} #bonusAcc .acc-body {padding:0 13px 14px} #bonusAcc .cr-bonus-progress-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 3px 11px;color:#d7c9e0;font:600 12px/1.4 Manrope,system-ui,sans-serif} #bonusAcc .cr-bonus-progress-head strong {font:400 15px/1.2 'Russo One',Manrope,sans-serif;color:#edc986;white-space:nowrap} #bonusAcc .progress {height:9px;background:#3c3244;border-radius:999px;margin:0 3px 8px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.28)} #bonusAcc .progress i {height:100%;border-radius:999px;background:linear-gradient(90deg,#ba8d56 0%,#e2bb7a 65%,#f4d69c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.26)} #bonusAcc .cr-bonus-progress-note {font:500 10px/1.4 Manrope,system-ui,sans-serif;color:#aa9fb5;margin:0 3px 14px} #bonusAcc .level {min-height:48px;padding:11px 12px;gap:9px} #bonusAcc .level > span {display:flex;align-items:center;gap:8px;font:400 12px/1.35 'Russo One',Manrope,sans-serif;color:#ddd3e7} #bonusAcc .level > strong {font:400 12px/1.35 'Russo One',Manrope,sans-serif;white-space:nowrap;color:#e2c68e} #bonusAcc .level.reached > strong {color:#a9dfb6} #bonusAcc .cr-bonus-check {display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#2d5341;color:#b7efc8;font:700 12px Manrope,sans-serif;flex:none} #bonusAcc .cr-bonus-lock {display:grid;place-items:center;width:19px;height:19px;border-radius:6px;background:#342f3c;color:#a79aac;font:900 17px/1 Manrope,sans-serif;flex:none} @media(max-width:355px){#bonusAcc .level > span,#bonusAcc .level > strong{font-size:10px}} /* Scoped to bonus accordion only */ #bonusAcc .acc-head{justify-content:flex-start;gap:9px} #bonusAcc .acc-head > span:not(.crp-left-chevron):not(.crp-mini):not(.cr-menu-icon){flex:1;min-width:0} #bonusAcc .crp-left-chevron{display:grid;place-items:center;width:17px;height:22px;flex:0 0 17px;color:#d9c48c;transition:transform .2s} #bonusAcc.open .crp-left-chevron{transform:rotate(90deg)} #bonusAcc .crp-left-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round} #bonusAcc .crp-mini{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;background:linear-gradient(160deg,#31263b,#221c2c);border-radius:9px} #bonusAcc .crp-mini svg{width:29px;height:27px} #bonusAcc .crp-block{padding:14px 10px 11px;margin:6px 0 15px;background:linear-gradient(150deg,#211b2a,#17151d);border:1px solid rgba(255,214,142,.10);border-radius:15px} #bonusAcc .crp-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#ead9bb;font:600 12px Manrope,sans-serif} #bonusAcc .crp-heading strong{color:#e7c184;font:400 14px 'Russo One',Manrope,sans-serif} #bonusAcc .crp-large{display:flex;align-items:center;justify-content:center;padding:9px 3px 4px;min-height:91px} #bonusAcc .crp-large svg{width:100%;max-width:240px;height:auto;display:block} #bonusAcc .crp-caption{text-align:center;color:#b7aabf;font:500 10px/1.45 Manrope,sans-serif} #bonusAcc .crp-demo{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:6px} #bonusAcc .crp-demo label{display:flex;justify-content:space-between;gap:8px;color:#a89cad;font:600 10px Manrope,sans-serif} #bonusAcc .crp-demo b{color:#e7c184} #bonusAcc .crp-demo input{width:100%;accent-color:#d7a04d;cursor:pointer} #bonusAcc .crp-mini{flex:0 0 53px;width:53px;height:51px;border-radius:10px;background:radial-gradient(ellipse at 49% 62%,rgba(183,123,38,.17),transparent 74%),linear-gradient(150deg,#2C2334,#1D1925);overflow:hidden} #bonusAcc .crp-mini svg{display:block;width:52px;height:49px;overflow:visible} .cr-color-switch{display:flex;gap:8px;margin:0 0 12px} .cr-color-switch button{flex:1;padding:12px 6px;border:1px solid #55505b;border-radius:11px;background:#1b1b22;color:#c5c1cc;font:800 12px Manrope,Arial} .cr-color-switch button.active{border-color:#c2bcc8;color:white;background:linear-gradient(145deg,#535159,#202127)} body.cr-graphite .hero{ background:radial-gradient(circle at 100% 0%,rgba(225,230,245,.24),transparent 55%),linear-gradient(145deg,#43454d 0%,#292b32 28%,#191b22 65%,#0e1015 100%)!important; border-color:#84838d!important; box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -2px 18px #0007,0 15px 30px #0008!important } body.cr-graphite .hero:before{background:radial-gradient(circle,rgba(230,235,255,.3),transparent 68%)!important} body.cr-graphite .hero:after{background:linear-gradient(135deg,#ffffff2b,transparent 27%,transparent 75%,#ffffff09)!important} body.cr-graphite .hero .eyebrow{background:#383941!important;border-color:#797a85!important;color:#e8e9ef!important} body.cr-graphite .hero .countdown{background:linear-gradient(180deg,#111318,#242630)!important;border-color:#ffffff26!important} body.cr-graphite .hero .countdown .time{color:#eef0ff!important} body.cr-graphite{background:#08090b!important}body.cr-graphite .metric{background:linear-gradient(145deg,#202126,#101114 55%,#070809)!important;border-color:#35373e!important}body.cr-graphite .ticket{background:linear-gradient(115deg,#202126,#111216 65%,#070809)!important;border-color:#41434a!important}body.cr-graphite .ticket .icon{background:#282a30!important;color:#e5e5e9!important}body.cr-graphite .ticket .ticketnum{color:#f2f2f4!important}body.cr-graphite .metric:before{background:linear-gradient(90deg,transparent,#a5a8b860,transparent)!important} .btn.secondary{color:#101112!important;background:linear-gradient(180deg,#fff7a1 0%,#ffeb52 19%,#ffce1b 53%,#e9a600 100%)!important;border:1px solid #ffe584!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(129,69,0,.25),0 4px 0 #775300,0 11px 23px rgba(255,184,13,.23)!important}.btn.secondary:before{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.1) 42%,rgba(255,255,255,.86) 50%,rgba(255,255,255,.1) 58%,transparent 70%)!important} .partner-tile img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;object-position:center!important} .header .mark{width:58px!important;height:58px!important;min-width:58px!important;padding:2px!important;background:linear-gradient(145deg,#555861,#292b32)!important;border:1px solid #777982!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff35,0 5px 15px #0005!important}.header .mark img{width:100%!important;height:100%!important;object-fit:contain!important} .header .mark{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;overflow:visible!important}.header .mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))!important} .header .mark{width:46px;height:46px;background:linear-gradient(145deg,#222329,#0c0d10);border:1px solid #444650;border-radius:12px;padding:4px;overflow:hidden}.header .mark img{width:100%;height:100%;object-fit:contain;display:block}.header .brand{gap:12px} /* Увеличиваем монограмму */ .header .mark { width:64px!important; height:64px!important; min-width:64px!important; } .header .mark img { width:100%!important; height:100%!important; object-fit:contain!important; } /* Делаем ChampionRandom главным элементом */ .header .brand { gap:8px!important; min-width:0; } .header .brand strong { font-family:Manrope,system-ui,sans-serif!important; font-size:clamp(22px,5.9vw,29px)!important; font-weight:900!important; letter-spacing:-.055em!important; line-height:1.05!important; } /* Уменьшаем визуальный вес бегущей строки */ .rgb-board { padding:8px 0!important; margin-bottom:17px!important; } .rgb-board .led { font-size:13px!important; letter-spacing:1px!important; filter:drop-shadow(0 0 3px currentColor)!important; } .rgb-board .sep { padding:0 9px!important; } .header .brand strong{font-size:32px!important;letter-spacing:-.065em!important;white-space:nowrap!important}.header .brand{gap:5px!important}.header .mark{width:56px!important;height:56px!important;min-width:56px!important}@media(max-width:380px){.header .brand strong{font-size:29px!important}} .header .brand{gap:5px!important;min-width:0!important}.header .brand strong{font-size:30px!important;letter-spacing:-.055em!important;white-space:nowrap!important}.header .mark{flex-shrink:0!important}@media(max-width:390px){.header .brand strong{font-size:clamp(21px,7.5vw,30px)!important}} .hero .eyebrow{font-size:9px!important;padding:5px 8px!important;letter-spacing:.09em!important} .hero .participating,.participating{font-size:10px!important;padding:5px 9px!important;gap:6px!important;margin-top:10px!important}.participating .ok-dot{width:15px!important;height:15px!important;font-size:10px!important} .metrics{gap:8px!important;margin:10px 0!important}.metric{padding:10px 5px 9px!important;border-radius:12px!important}.metric strong{font-size:26px!important;line-height:1!important}.metric span{font-size:9px!important} #cr-control-panel .cr-action{min-height:58px!important;padding:9px 8px!important;border-radius:12px!important;font-size:12px!important}#cr-control-panel .cr-boost{min-height:49px!important;padding:9px 8px!important;border-radius:12px!important;font-size:12px!important;margin-top:8px!important}#cr-control-panel .cr-icon{font-size:18px!important}.cr-primary-actions{gap:8px!important} .hero { padding-top:18px!important; padding-bottom:15px!important; } .hero h1 { margin-top:12px!important; margin-bottom:8px!important; } .hero .sub { margin-bottom:14px!important; line-height:1.5!important; } .hero .countdown { margin-top:0!important; padding-top:10px!important; padding-bottom:10px!important; } .hero .participating { margin-top:8px!important; } #cr-control-panel .cr-actions, #cr-control-panel .cr-action-row { width: 100%; } #cr-invite-btn, #cr-link-btn { flex: 1 1 0; min-width: 0; } #cr-boost-btn { width: 100%; } #cr-invite-btn, #cr-link-btn, #cr-boost-btn { height: 48px !important; min-height: 48px !important; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box !important; align-items: center !important; justify-content: center !important; } #bonusAcc .cr-menu-icon, #partnerOffers .cr-menu-icon { width:31px;height:31px;flex:0 0 31px; display:grid;place-items:center; background:linear-gradient(160deg,#31263b,#221c2c); border-radius:9px;color:#e8bf65; } #bonusAcc .cr-menu-icon svg, #partnerOffers .cr-menu-icon svg { width:21px;height:21px;fill:none;stroke:currentColor; stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; } #partnerOffers .cr-casino-heading { display:flex;align-items:center;gap:9px;min-width:0; } #partnerOffers .cr-casino-heading > span:last-child { font:400 14px/1.4 'Russo One',Manrope,sans-serif; } #partnerOffers .cr-casino-heading small { display:block;font:600 10px/1.5 Manrope,sans-serif; } #bonusAcc .acc-head > .cr-menu-icon { display:grid; place-items:center; flex:0 0 31px; width:31px; height:31px; min-width:31px; } #bonusAcc .acc-head > .cr-menu-icon svg { width:21px; height:21px; max-width:21px; flex:none; } #partnerOffers > summary { display:flex; align-items:center; justify-content:flex-start; gap:9px; list-style:none; } #partnerOffers > summary::-webkit-details-marker {display:none} #partnerOffers .cr-casino-arrow { display:grid; place-items:center; flex:0 0 17px; width:17px; height:22px; color:#d9c48c; transition:transform .2s; } #partnerOffers .cr-casino-arrow svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; } #partnerOffers[open] .cr-casino-arrow { transform:rotate(90deg); } #partnerOffers .partner-real-card { display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:12px; padding:10px; min-height:130px; } #partnerOffers .partner-real-card > img { display:block; position:static; flex:0 0 110px; width:110px; height:110px; min-width:110px; max-width:110px; margin:0; aspect-ratio:1/1; object-fit:contain; border-radius:11px; background:#101015; } #partnerOffers .partner-real-info { display:block; flex:1 1 0; min-width:0; padding:0; } .actions .btn.primary,.actions .btn.secondary{color:#101112!important;background:linear-gradient(180deg,#fff7a1 0%,#ffeb52 19%,#ffce1b 53%,#e9a600 100%)!important;border:1px solid #ffe584!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(129,69,0,.25),0 4px 0 #775300,0 11px 23px rgba(255,184,13,.23)!important}} .actions .btn.primary,.actions .btn.secondary{color:#101112!important;background:linear-gradient(180deg,#fff7a1 0%,#ffeb52 19%,#ffce1b 53%,#e9a600 100%)!important;border:1px solid #ffe584!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(129,69,0,.25),0 4px 0 #775300,0 11px 23px rgba(255,184,13,.23)!important} .header .brand strong{font-family:"Russo One",Manrope,sans-serif!important;font-size:30px!important;font-weight:400!important;letter-spacing:-.045em!important;line-height:1.05!important;color:#f7f7fa!important} .metric small, .metric .label, .stats .label, [class*="metric"] small { display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; font-size:12px !important; line-height:1.15 !important; color:#d7cfdc !important; } .cr-stat-icon{ width:16px !important; height:16px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 16px !important; color:#f3d38a !important; opacity:.98 !important; filter:drop-shadow(0 0 6px rgba(255,196,86,.12)) !important; } .cr-stat-icon svg{ width:16px !important; height:16px !important; display:block !important; stroke:currentColor !important; } @media (max-width: 420px){ .cr-stat-icon, .cr-stat-icon svg{ width:15px !important; height:15px !important; } } #cr-cap-overlay { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 22px; box-sizing: border-box; background: rgba(3, 4, 12, .83); backdrop-filter: blur(9px); } #cr-cap-overlay.cr-cap-hidden { display: none; } #cr-cap-card { width: 100%; max-width: 350px; box-sizing: border-box; padding: 25px 21px 22px; border-radius: 22px; background: linear-gradient(150deg,#242036,#13121e 70%,#100f17); border: 1px solid rgba(174,145,238,.25); box-shadow: 0 25px 75px #000a, inset 0 1px #ffffff12; color: #f6f2ff; text-align: center; font-family: inherit; } #cr-cap-icon { font-size: 27px; margin-bottom: 9px; } #cr-cap-card h2 { font-size: 22px; margin: 0 0 8px; color: #fff; } #cr-cap-card p { font-size: 13px; line-height: 1.5; color: #aaa6ba; margin: 0 0 19px; } #cr-cap-image { display: flex; align-items: center; justify-content: center; min-height: 112px; border-radius: 13px; background: #e8e7ee; color: #29243b; margin-bottom: 15px; overflow: hidden; } #cr-cap-image span { font-size: 43px; font-weight: 900; letter-spacing: 9px; transform: rotate(-4deg); text-shadow: 2px 3px #c6bfd7; user-select: none; } #cr-cap-input { width: 100%; box-sizing: border-box; height: 48px; border-radius: 11px; border: 1px solid #514760; background: #17141f; color: white; font-size: 20px; text-align: center; letter-spacing: 5px; outline: none; margin-bottom: 12px; } #cr-cap-input:focus { border-color: #c5a3ff; } #cr-cap-submit { width: 100%; min-height: 47px; border: 0; border-radius: 11px; background: linear-gradient(110deg,#e6c176,#ba914a); color: #19130a; font-size: 14px; font-weight: 800; cursor: pointer; } #cr-cap-error { min-height: 18px; margin-top: 8px; color: #ff939e; font-size: 12px; } #cr-cap-close { border: 0; background: none; color: #938da4; padding: 8px; font-size: 12px; cursor: pointer; } #cr-cap-demo { position: fixed; bottom: 15px; right: 15px; z-index: 999998; padding: 9px 13px; border-radius: 25px; border: 1px solid #a78bd455; background: #272036; color: #e9ddff; font-size: 12px; cursor: pointer; } /* CHAMPION FOOTER FULL WIDTH */ .art-footer { width: 100% !important; max-width: none !important; margin: 16px 0 0 !important; border-radius: 16px !important; overflow: hidden !important; } .art-footer img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; border-radius: 16px !important; } body.cr-graphite .hero { background: radial-gradient(ellipse at 95% -15%,rgba(160,168,183,.17),transparent 53%), linear-gradient(145deg,#24262b 0%,#14161a 31%,#090a0d 68%,#050608 100%) !important; border-color:#505159 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.19), inset 0 -2px 16px rgba(0,0,0,.7), 0 15px 30px rgba(0,0,0,.5) !important; } body.cr-graphite .hero:before { background:radial-gradient(circle,rgba(150,157,172,.18),transparent 68%) !important; } body.cr-graphite .hero:after { background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 27%,transparent 76%,rgba(255,255,255,.018)) !important; } body.cr-graphite .hero { background: radial-gradient(ellipse at 92% -16%, rgba(145,155,170,.10), transparent 48%), linear-gradient(145deg, #1a1c20 0%, #0f1014 30%, #06070a 66%, #020304 100%) !important; border-color: #3d4048 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), inset 0 -2px 18px rgba(0,0,0,.82), 0 16px 34px rgba(0,0,0,.58) !important; } body.cr-graphite .hero:before { background: radial-gradient(circle, rgba(180,190,205,.10), transparent 66%) !important; } body.cr-graphite .hero:after { background: linear-gradient( 135deg, rgba(255,255,255,.06), transparent 24%, transparent 78%, rgba(255,255,255,.012) ) !important; } body.cr-graphite .hero .eyebrow { background: linear-gradient(180deg,#23252b,#13151a) !important; border-color: #4a4d56 !important; color: #f0f2f6 !important; } body.cr-graphite .hero .countdown { background: linear-gradient(180deg,#0a0b0e,#17191f) !important; border-color: rgba(255,255,255,.10) !important; } /* LED ticker typography */ .rgb-board .marquee .led { font-family: "Courier New", monospace !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 1px !important; } /* API integration: no placeholder stats or rewards before signed Telegram auth. */ #cr-live-status{margin:8px 0;padding:10px 12px;border-radius:10px;color:#d6c9e5;font:600 12px/1.5 Manrope,sans-serif} #cr-live-status:empty{display:none} #cr-live-status.error{color:#ffc1c1} .cr-required-channels{display:flex;flex-direction:column;gap:9px} .cr-required-channels> b{font-size:13px} .cr-required-channel,.cr-required-check{border-radius:10px;padding:12px;background:#2b2435;border:1px solid #796188;color:#fff;font:700 13px Manrope,sans-serif;cursor:pointer} .cr-required-channel:disabled{opacity:.65;cursor:default} [hidden]{display:none!important} #cr-cap-image img{object-fit:contain} body.cr-loading .metrics,body.cr-loading #cr-control-panel,body.cr-loading #bonusAcc,body.cr-loading #ticket-info,body.cr-loading .participating,body.cr-loading .winner-count-copy{display:none!important} /* Do not reveal the giveaway page until server confirms participation. */ body:not(.cr-authed):not(.cr-finished) .hero{display:none!important} body:not(.cr-authed):not(.cr-finished) .metrics,body:not(.cr-authed):not(.cr-finished) #cr-control-panel,body:not(.cr-authed):not(.cr-finished) #bonusAcc,body:not(.cr-authed):not(.cr-finished) #ticket-info,body:not(.cr-authed):not(.cr-finished) .participating{display:none!important} /* Single, locked verification screen until the server confirms participation. */ body:not(.cr-authed):not(.cr-finished) #app {display:none!important} #cr-gate{min-height:100dvh;padding:24px 14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 10%,#292033,#0b0b0f 70%)} #cr-gate[hidden]{display:none!important} #cr-gate-card{width:min(100%,480px);padding:26px 19px;border:1px solid #544661;border-radius:20px;background:linear-gradient(160deg,#24202b,#101016);box-shadow:0 18px 50px #0008;text-align:center} .cr-gate-brand{font:900 21px/1.3 'Russo One',Manrope,Arial,sans-serif;letter-spacing:.6px;color:#f7e3ab;margin-bottom:18px} #cr-gate #cr-live-status{font-size:14px;line-height:1.55;margin:0} #cr-gate .cr-required-channels{text-align:center;margin-top:12px} #cr-gate .cr-required-channel,#cr-gate .cr-required-check{width:100%;min-height:44px} /* Static casino section, without collapsible spoiler */ #partnerOffers .cr-casino-section-title{padding:15px 14px 12px;font:800 17px/1.2 Manrope,system-ui,sans-serif;color:#f2d38c} #partnerOffers .partner-real-body{padding-top:0} /* Prize: preserve title as supplied, accent the text after "Розыгрыш" */ .hero h1 .cr-giveaway-label{display:block;color:#f2e8ee;font-size:.7em;line-height:1.4} .hero h1 .cr-giveaway-prize{display:block;color:#f5c85d;text-shadow:0 0 14px #e5ad4b42;line-height:1.25;margin-top:4px} #cr-results-actions{display:flex;flex-direction:column;gap:9px;margin-top:17px} #cr-results-actions button{width:100%;min-height:46px} body.cr-finished .hero{padding-bottom:20px} /* Finished state: red badge word, invite-button style for the only CTA */ body.cr-graphite .hero .eyebrow .cr-ended-red{color:#ff555b!important;font-weight:900!important} #cr-results-actions .cr-action{width:100%;height:49px!important;min-height:49px!important;max-height:49px!important;border-radius:12px!important;font-size:12px!important} /* Regression fixes: prize inline so short titles stay on one line. */ .hero h1 .cr-giveaway-label{display:inline!important;font-size:inherit!important;line-height:inherit!important} .hero h1 .cr-giveaway-label::after{content:" "} .hero h1 .cr-giveaway-prize{display:inline!important;line-height:inherit!important;margin-top:0!important} /* Casino accordion: closed while active, expanded when giveaway has finished. */ #cr-casino-details{margin-top:12px;border-radius:14px;overflow:hidden;border:1px solid rgba(230,188,110,.2)} #cr-casino-details>summary{cursor:pointer;padding:15px 16px;color:#f2d38c;font:800 17px/1.3 Manrope,system-ui,sans-serif;list-style:none;background:#221d29} #cr-casino-details>summary::-webkit-details-marker{display:none} #cr-casino-details>summary::after{content:"⌄";float:right;color:#d9b873} #cr-casino-details[open]>summary::after{content:"⌃"} #cr-casino-details:not([open]) #partnerOffers{display:none!important} #cr-live-levels{margin-top:12px;border-top:1px solid #54425a;padding-top:10px} #cr-live-levels:empty{display:none} .cr-live-levels-title{color:#e8c47e;font-weight:800;font-size:13px;margin-bottom:7px} .cr-live-level-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.6;padding:3px 0} .cr-live-level-line b{color:#e8c47e;white-space:nowrap} /* Polish v3: stable verification, prize details and native-feeling casino header */ body.cr-graphite .hero .eyebrow .cr-active-green{color:#63df91!important;font-weight:900!important;text-shadow:0 0 8px #46de7855} #cr-casino-details>summary{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px!important} #cr-casino-details>summary:after{content:none!important} #cr-casino-details .cr-casino-head-left{display:inline-flex;align-items:center;gap:11px} #cr-casino-details .cr-casino-head-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;color:#e8bf65;font-size:22px} #cr-casino-details .cr-casino-head-chevron{display:inline-flex;align-items:center;justify-content:center;color:#e8bf65;font-size:22px;transform:rotate(0deg);transition:transform .2s;line-height:1} #cr-casino-details[open] .cr-casino-head-chevron{transform:rotate(180deg)} #cr-gate .cr-gate-brand[hidden]{display:none!important} #cr-gate:has(~ #app){} .cr-loading-symbol{width:34px;height:34px;border:3px solid #61536c;border-top-color:#f2d38c;border-radius:50%;margin:0 auto 10px;animation:cr-spin .9s linear infinite} @keyframes cr-spin{to{transform:rotate(360deg)}} #cr-gate:has(.cr-required-channels) .cr-loading-symbol{display:none} body:has(#cr-cap-overlay:not(.cr-cap-hidden)) #cr-gate{visibility:hidden} body:has(#cr-cap-overlay:not(.cr-cap-hidden)) .cr-loading-symbol{display:none} /* Casino header: slot icon, chevron positioned on right */ #cr-casino-details .cr-casino-head-chevron{margin-left:auto;transform:rotate(0deg);font-size:25px;line-height:1} #cr-casino-details[open] .cr-casino-head-chevron{transform:rotate(90deg)} #cr-casino-details .cr-casino-head-icon{font-size:20px} /* Scoped final correction: match the existing accordion controls. */ #cr-casino-details>summary{min-height:62px;box-sizing:border-box;display:flex;align-items:center;padding:14px 18px!important} #cr-casino-details .cr-casino-head-left{display:flex;align-items:center;gap:10px} #cr-casino-details .cr-casino-head-icon{width:31px;height:31px;min-width:31px;border-radius:9px;background:linear-gradient(160deg,#31263b,#221c2c);display:grid;place-items:center} #cr-casino-details .cr-casino-head-icon svg{width:21px;height:21px;fill:none;stroke:#e8bf65;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cr-casino-details .cr-casino-head-chevron{display:grid;place-items:center;width:17px;height:22px;min-width:17px;margin-left:auto} #cr-casino-details .cr-casino-head-chevron svg{width:16px;height:16px;fill:none;stroke:#d9c48c;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round} #cr-casino-details[open] .cr-casino-head-chevron{transform:rotate(90deg)} #bonusAcc>.acc-head{min-height:62px;box-sizing:border-box} .hero .sub:empty{min-height:20px} .hero .winner-count-copy{display:block;text-align:center;margin-top:9px;line-height:1.5} /* 2026-10-12: consistent expandable headers. */ #cr-casino-details{border:1px solid #3b3542!important;border-radius:14px!important;background:linear-gradient(180deg,#1b1b24,#13131a)!important;overflow:hidden} #cr-casino-details>summary.acc-head,#bonusAcc>.acc-head{height:76px!important;min-height:76px!important;box-sizing:border-box!important;padding:16px 17px!important;background:transparent!important;border:0!important;display:flex!important;justify-content:flex-start!important;gap:9px!important;align-items:center!important;text-align:left!important;color:#f5e9d8!important;font:400 14px/1.4 'Russo One',Manrope,sans-serif!important} #cr-casino-details .cr-casino-label{font:inherit!important;flex:1!important;letter-spacing:.005em!important} #cr-casino-details .crp-left-chevron{display:grid;place-items:center;width:17px;height:22px;flex:0 0 17px;color:#d9c48c;transition:transform .2s} #cr-casino-details .crp-left-chevron svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round} #cr-casino-details[open] .crp-left-chevron{transform:rotate(90deg)} #cr-casino-details .cr-menu-icon{display:grid;place-items:center;flex:0 0 53px;width:53px;height:51px;border-radius:10px;background:radial-gradient(ellipse at 49% 62%,rgba(183,123,38,.17),transparent 74%),linear-gradient(150deg,#2C2334,#1D1925)} #cr-casino-details .cr-menu-icon svg{width:29px;height:29px;fill:none;stroke:#e8bf65;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #cr-casino-details>summary::after{display:none!important;content:none!important} /* Left-aligned description ensures wrapped lines share the same margin. */ body.cr-graphite .hero .winner-count-copy{display:block!important;text-align:left!important;line-height:1.55!important;margin-top:9px!important;padding-top:13px!important;white-space:normal!important} /* Compact, equal-sized section headers. Keep original SVG artwork. */ #cr-casino-details>summary.acc-head, #bonusAcc>.acc-head{ height:62px!important; min-height:62px!important; padding:8px 14px!important; font-size:14px!important; } #cr-casino-details .cr-menu-icon, #bonusAcc .cr-menu-icon{ flex:0 0 38px!important; width:38px!important; height:38px!important; min-width:38px!important; border-radius:9px!important; } #cr-casino-details .cr-menu-icon svg, #bonusAcc .cr-menu-icon svg{ width:20px!important; height:20px!important; } /* Explicit spacing between giveaway label and prize even across span boundaries. */ .hero h1 .cr-giveaway-prize{margin-left:.22em!important}