:root{
  --bg:#1a1030;--bg2:#241545;--card:#2d1b57;--card2:#38236a;--ink:#fff;--mut:#c9b8f0;--line:#4b3290;
  --gold:#ffcd3c;--gold2:#ff9f1c;--pink:#ff4fa3;--cyan:#38d8ff;--green:#5be37d;--red:#ff5a5a;
  --sky1:#2b1068;--sky2:#6a2fc4;--sky3:#ff4fa3;--sea1:#1b7fd6;--sea2:#0b3c8c;
  --head:'Bangers','Unbounded',system-ui,sans-serif;--body:'Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --hl:#ffcd3c;
}
:root[data-lang="ru"]{--head:'Unbounded','Bangers',system-ui,sans-serif}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]){--bg:#fff7e0;--bg2:#ffefc2;--card:#fff;--card2:#fff3cf;--ink:#2a1a55;--mut:#6b55a3;--line:#f0c660;--hl:#e8590c;--sky1:#57b6ff;--sky2:#9be0ff;--sky3:#ffe7a8;--sea1:#1fb3e8;--sea2:#0a7fc4}
}
:root[data-theme="light"]{--bg:#fff7e0;--bg2:#ffefc2;--card:#fff;--card2:#fff3cf;--ink:#2a1a55;--mut:#6b55a3;--line:#f0c660;--hl:#e8590c;--sky1:#57b6ff;--sky2:#9be0ff;--sky3:#ffe7a8;--sea1:#1fb3e8;--sea2:#0a7fc4}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--body);overflow-x:clip;-webkit-text-size-adjust:100%}
img,video{max-width:100%;display:block}
a{color:inherit}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
h1,h2,h3{font-family:var(--head);font-weight:400;line-height:1.1;margin:0;letter-spacing:.5px}
:root[data-lang="ru"] h1,:root[data-lang="ru"] h2,:root[data-lang="ru"] h3{font-weight:800}
h2{font-size:clamp(26px,5vw,46px);text-align:center;margin-bottom:8px;color:var(--hl);text-shadow:0 3px 0 rgba(0,0,0,.25);position:relative;display:block}
:root[data-theme="light"] h2{text-shadow:0 2px 0 rgba(255,255,255,.6)}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) h2{text-shadow:0 2px 0 rgba(255,255,255,.6)}}
h2:after{content:"";display:block;width:90px;height:6px;border-radius:6px;margin:12px auto 0;background:linear-gradient(90deg,var(--pink),var(--gold),var(--cyan),var(--pink));background-size:200% 100%;animation:slide 3s linear infinite}
@keyframes slide{to{background-position:200% 0}}
.sub{text-align:center;color:var(--mut);max-width:640px;margin:0 auto 28px}
section{padding:70px 0 56px;position:relative}
.alt{background:var(--bg2)}
#fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}
.wv{position:absolute;left:0;top:-39px;width:200%;height:40px;fill:var(--bg);pointer-events:none;animation:wvmove 22s linear infinite}
.alt>.wv{fill:var(--bg2)}
@keyframes wvmove{to{transform:translateX(-50%)}}
.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:10px;height:58px}
.logo{font-family:var(--head);color:var(--hl);font-size:20px;text-decoration:none;display:flex;gap:8px;align-items:center;white-space:nowrap}
.logo img{width:34px;height:34px;border-radius:10px;box-shadow:0 0 0 2px var(--gold2),0 0 14px rgba(255,205,60,.5)}
.nav{display:flex;gap:16px;margin-left:auto;font-weight:800;font-size:14px}
.nav a{text-decoration:none;color:var(--mut);position:relative;padding:4px 0}
.nav a:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gold);border-radius:3px;transition:width .25s}
.nav a:hover{color:var(--hl)}.nav a:hover:after{width:100%}
.tools{display:flex;gap:6px;margin-left:auto}
.nav+.tools{margin-left:0}
.pill{border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:5px 12px;font:800 13px var(--body);cursor:pointer;transition:transform .15s,box-shadow .15s}
.pill:hover{transform:translateY(-2px);box-shadow:0 4px 0 rgba(0,0,0,.25)}
.pill.on{background:var(--gold);color:#3a2300;border-color:var(--gold2)}
@media (max-width:820px){.nav{display:none}}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:400 clamp(22px,4vw,30px) var(--head);text-decoration:none;color:#3a2300;
  background:linear-gradient(#fff0a0,#ffcd3c 45%,var(--gold2));border:4px solid #3a2300;border-radius:18px;padding:12px 34px;box-shadow:0 6px 0 #3a2300,0 0 0 0 rgba(255,205,60,.6);transition:transform .12s,box-shadow .12s;animation:glowp 2.6s ease-in-out infinite}
:root[data-lang="ru"] .btn{font-weight:800;font-size:clamp(18px,3.5vw,24px)}
.btn:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite}
.btn:hover:before{animation-duration:1s}
.btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 9px 0 #3a2300,0 0 28px 6px rgba(255,205,60,.55)}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #3a2300}
.btn.small{font-size:18px;padding:8px 20px;border-width:3px;box-shadow:0 4px 0 #3a2300;border-radius:14px}
.play-i{display:inline-block;animation:pl 1.2s ease-in-out infinite}
@keyframes pl{50%{transform:translateX(4px) scale(1.15)}}
@keyframes shine{0%,55%{left:-60%}100%{left:130%}}
@keyframes glowp{50%{box-shadow:0 6px 0 #3a2300,0 0 26px 4px rgba(255,205,60,.55)}}
.hero{position:relative;min-height:680px;display:flex;align-items:center;text-align:center;color:#fff;overflow:hidden;padding:70px 0 120px;isolation:isolate}
.sky{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,var(--sky1),var(--sky2) 45%,var(--sky3) 70%,var(--sea1) 70.2%,var(--sea2));background-size:100% 160%;animation:skyd 16s ease-in-out infinite alternate}
.sky:after{content:"";position:absolute;inset:0;background:url(media/thumb1.jpg) center/cover;opacity:.42;mix-blend-mode:soft-light}
@keyframes skyd{to{background-position:0 100%}}
.sun{position:absolute;z-index:-2;left:50%;top:6%;width:min(70vw,520px);aspect-ratio:1;margin-left:calc(min(70vw,520px)/-2);border-radius:50%;background:radial-gradient(circle,rgba(255,240,150,.85),rgba(255,160,60,.35) 45%,transparent 70%);animation:sunp 5s ease-in-out infinite}
@keyframes sunp{50%{transform:scale(1.1);opacity:.8}}
.hero-in{position:relative;z-index:2}
.hero h1{font-size:clamp(46px,11vw,124px);color:var(--gold);-webkit-text-stroke:3px #3a1a00;paint-order:stroke fill;transform:rotate(-2deg);animation:shd 4s ease-in-out infinite;display:inline-block}
.hero h1 span{display:inline-block;animation:bob 4.5s ease-in-out infinite}
:root[data-lang="ru"] .hero h1{font-size:clamp(34px,8.5vw,84px)}
@keyframes shd{0%,100%{text-shadow:0 8px 0 #3a1a00,0 0 30px rgba(255,79,163,.7),0 14px 24px rgba(0,0,0,.5)}
  33%{text-shadow:6px 8px 0 #3a1a00,0 0 40px rgba(56,216,255,.8),0 14px 24px rgba(0,0,0,.5)}
  66%{text-shadow:-6px 8px 0 #3a1a00,0 0 40px rgba(255,205,60,.9),0 14px 24px rgba(0,0,0,.5)}}
@keyframes bob{50%{transform:translateY(-8px)}}
.hero p{font-size:clamp(17px,2.6vw,22px);font-weight:800;margin:20px auto 28px;max-width:620px;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
.chip{background:rgba(26,16,48,.72);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;color:#fff}
.chip b{color:var(--green)}
.chip.live:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 0 0 rgba(91,227,125,.8);animation:live 1.6s infinite}
@keyframes live{70%{box-shadow:0 0 0 9px rgba(91,227,125,0)}100%{box-shadow:0 0 0 0 rgba(91,227,125,0)}}
.hwave{position:absolute;left:0;bottom:-1px;width:200%;height:70px;fill:var(--bg);animation:wvmove 18s linear infinite}
.floaters{position:absolute;inset:0;z-index:1;pointer-events:none}
.fl{position:absolute;will-change:transform}
.fl>*{display:block;animation:flt var(--t,6s) ease-in-out infinite;animation-delay:var(--dl,0s)}
@keyframes flt{50%{transform:translateY(-18px) rotate(var(--rt,6deg))}}
.fl img{width:var(--s,90px);height:var(--s,90px);object-fit:contain;filter:drop-shadow(0 10px 8px rgba(0,0,0,.35))}
.coin{width:var(--s,34px);height:var(--s,34px);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b0,#ffcd3c 45%,#c97a00);border:3px solid #7a4300;box-shadow:inset -3px -3px 0 rgba(0,0,0,.2),0 0 14px rgba(255,205,60,.7);position:relative}
.coin:after{content:"$";position:absolute;inset:0;display:grid;place-items:center;font:800 14px/1 var(--body);color:#7a4300}
.fl .coin{animation:spin3 3s linear infinite,flt var(--t,6s) ease-in-out infinite}
@keyframes spin3{to{transform:rotateY(360deg)}}
.ticker{overflow:hidden;background:linear-gradient(90deg,var(--pink),#9b3cff,var(--cyan));border-block:3px solid #3a0a5a;color:#fff;position:relative;z-index:3}
.tk{display:flex;width:max-content;animation:tk 60s linear infinite;padding:8px 0}

.tk span{display:flex;align-items:center;gap:8px;font:800 14px var(--body);padding:0 22px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}
.tk img{width:30px;height:30px;object-fit:contain}
.tk i{font-style:normal;color:var(--gold)}
@keyframes tk{to{transform:translateX(-50%)}}
.band{padding:36px 0 30px}
.nums{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:center}
.num{background:var(--card);border:3px solid var(--line);border-radius:20px;padding:16px 8px;box-shadow:0 6px 0 rgba(0,0,0,.2)}
.num b{display:block;font:400 clamp(32px,5vw,52px)/1 var(--head);color:var(--hl);text-shadow:0 3px 0 rgba(0,0,0,.2)}
:root[data-lang="ru"] .num b{font-weight:800;font-size:clamp(26px,4vw,40px)}
.num span{font-weight:800;color:var(--mut);font-size:13px}
@media (max-width:700px){.nums{grid-template-columns:repeat(2,1fr)}.num:last-child{grid-column:1/-1}}
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.g3,.g4,.g2{grid-template-columns:1fr}}
.card{background:var(--card);border:3px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 6px 0 rgba(0,0,0,.25);position:relative;transition:border-color .25s,box-shadow .25s}
.card h3{font-size:22px;color:var(--hl);margin-bottom:6px}
:root[data-lang="ru"] .card h3{font-size:16px}
.card p{margin:0;color:var(--mut)}
.card:hover{border-color:var(--gold2);box-shadow:0 10px 0 rgba(0,0,0,.25),0 0 30px rgba(255,205,60,.25)}
.tilt{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,border-color .25s,box-shadow .25s}
.tilt.tilting{transition:transform .05s linear,border-color .25s,box-shadow .25s}
.tilt:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.28),transparent 55%);transition:opacity .2s}
.tilt:hover:after{opacity:1}
.art{position:relative;width:var(--w,96px);height:var(--w,96px);margin:0 auto 8px}
.art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px rgba(0,0,0,.35));transition:transform .3s}
.card:hover .art img,.gc:hover .art img{transform:scale(1.08) rotate(-3deg)}
.art.miss img{display:none}
.art.miss:before{content:"";position:absolute;inset:8%;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),var(--gc,#9b6bff) 55%);border:3px solid rgba(0,0,0,.3);animation:pulsec 1.6s ease-in-out infinite}
@keyframes pulsec{50%{transform:scale(.92);opacity:.75}}
.bubble{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:34px;margin-bottom:8px;background:linear-gradient(135deg,var(--pink),#9b3cff);border:3px solid #3a0a5a;box-shadow:0 5px 0 rgba(0,0,0,.3)}
.card .art{--w:88px;margin:0 0 8px}
.card.boss .art{--w:120px;animation:bossb 3.2s ease-in-out infinite}
@keyframes bossb{50%{transform:translateY(-6px)}}
.card.ev{padding:14px;text-align:center}
.card.ev .art{--w:64px;margin:0 auto 6px}
.card.shopc{text-align:center}
.card.shopc .art{--w:104px;margin:0 auto 10px;animation:bossb 3.6s ease-in-out infinite}
.card.shopc .art:after{content:"";position:absolute;inset:-10%;background:radial-gradient(circle,rgba(255,205,60,.45),transparent 65%);animation:sunp 3s ease-in-out infinite}
.card.shopc .art img{position:relative;z-index:1}
.vids{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:start}
@media (max-width:820px){.vids{grid-template-columns:1fr}.vids .v916{max-width:300px;margin:0 auto;width:100%}}
.vbox{border:4px solid var(--line);border-radius:22px;overflow:hidden;background:#000;box-shadow:0 8px 0 rgba(0,0,0,.3),0 0 40px rgba(155,60,255,.25)}
.vbox video{width:100%;height:auto}
.v169 video{aspect-ratio:16/9}.v916 video{aspect-ratio:9/16;object-fit:cover}
.cap{text-align:center;color:var(--mut);font-weight:800;margin-top:8px;font-size:14px}
.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px}
@media (max-width:420px){.gal{grid-template-columns:repeat(2,1fr);gap:10px}}
.gc{--rc:#bebebe;position:relative;border-radius:20px;padding:3px;cursor:pointer;overflow:hidden;background:var(--rc);text-align:center;border:0;font:inherit;color:inherit;
  transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .3s}
.gc.tilting{transition:transform .05s linear,box-shadow .3s}
.gc:hover{box-shadow:0 12px 24px rgba(0,0,0,.35),0 0 24px color-mix(in srgb,var(--rc) 60%,transparent)}
.gin{position:relative;background:var(--card);border-radius:17px;padding:12px 8px 10px;height:100%;overflow:hidden}
.gin:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 38%,transparent),transparent 70%)}
.gc .art{--w:104px;margin:0 auto 6px;z-index:1}
.gc.Rare{animation:gpulse 3s ease-in-out infinite;--gl:80,160,255}
.gc.Epic{animation:gpulse 2.4s ease-in-out infinite;--gl:190,90,255}
.gc.Legendary{animation:gpulse 1.8s ease-in-out infinite;--gl:255,190,40}
.gc.Secret{--gl:255,60,90;animation:gpulse 1.6s ease-in-out infinite}
@keyframes gpulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--gl),0),0 0 8px rgba(var(--gl),.25)}50%{box-shadow:0 0 0 3px rgba(var(--gl),.1),0 0 26px rgba(var(--gl),.7)}}
.gc.Secret:before,.gc.Legendary:before{content:"";position:absolute;inset:-70%;background:conic-gradient(from 0deg,#ff3c5a,#ffbe28,#5adc6e,#38d8ff,#be5aff,#ff3c5a);animation:spinr 4s linear infinite}
.gc.Legendary:before{background:conic-gradient(from 0deg,#ffbe28,#fff6b0,#ff9f1c,#fff6b0,#ffbe28);animation-duration:5s}
@keyframes spinr{to{transform:rotate(360deg)}}
.gc.Secret .art:after,.gc.Epic .art:after{content:"";position:absolute;inset:-14%;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,60,90,0),rgba(255,190,40,.45),rgba(90,220,110,0),rgba(56,216,255,.45),rgba(190,90,255,0),rgba(255,60,90,.45),rgba(255,60,90,0));filter:blur(8px);animation:spinr 6s linear infinite}
.gc.Epic .art:after{background:radial-gradient(circle,rgba(190,90,255,.5),transparent 65%);animation:sunp 2.4s ease-in-out infinite}
.gc .art img{position:relative;z-index:1}
.gc b{position:relative;display:block;font-size:14px;line-height:1.2;min-height:34px;z-index:1}
.gc em{position:relative;font-style:normal;display:block;font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:var(--rc);z-index:1;filter:brightness(1.1)}
.gc small{position:relative;display:block;color:var(--mut);font-size:12px;font-weight:700;z-index:1}
.note{text-align:center;color:var(--mut);font-size:13px;margin-top:14px}
.sched{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media (max-width:700px){.sched{grid-template-columns:1fr}}
.slot{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--pink),#9b3cff 60%,#4a1fa8);background-size:200% 200%;animation:bgsh 8s ease infinite;color:#fff;border-radius:24px;padding:22px;border:4px solid #3a0a5a;box-shadow:0 8px 0 rgba(0,0,0,.3),0 0 34px rgba(255,79,163,.35)}
@keyframes bgsh{50%{background-position:100% 100%}}
.slot h3{color:#fff;font-size:26px}
:root[data-lang="ru"] .slot h3{font-size:19px}
.slot .when{font:800 24px var(--body);margin:8px 0 2px}
.slot .msk{opacity:.9;font-weight:700}
.cdw{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.cdb{min-width:64px;text-align:center;background:rgba(10,0,30,.45);border:2px solid rgba(255,255,255,.3);border-radius:14px;padding:8px 6px 6px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.cdb b{display:block;font:400 32px/1 var(--head);color:var(--gold);text-shadow:0 0 14px rgba(255,205,60,.8)}
:root[data-lang="ru"] .cdb b{font-weight:800;font-size:24px}
.cdb b.tk1{animation:tick .35s}
@keyframes tick{50%{transform:translateY(-4px) scale(1.15)}}
.cdb span{font-size:11px;font-weight:800;opacity:.85;text-transform:uppercase}
.slot:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;animation:ring 2.4s ease-out infinite}
@keyframes ring{0%{box-shadow:inset 0 0 0 0 rgba(255,255,255,.5)}70%{box-shadow:inset 0 0 34px 2px rgba(255,255,255,.25)}100%{box-shadow:inset 0 0 0 0 rgba(255,255,255,0)}}
.soc{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.soc a{padding:12px 22px;border-radius:16px;border:3px solid var(--line);background:var(--card);font-weight:900;text-decoration:none;opacity:.9;transition:transform .15s,border-color .2s}
.soc a:hover{transform:translateY(-4px) rotate(-2deg);border-color:var(--gold)}
.soc a span{display:block;font-size:11px;color:var(--mut);font-weight:700}
footer{padding:30px 0 50px;text-align:center;color:var(--mut);font-size:13px}
.rv{opacity:0;transform:translateY(34px) scale(.94);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.tilt.rv.in{transition-delay:0s}
.tilt.rv{transform:translateY(34px) scale(.94)}
.tilt.rv.in{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.gc.rv.in{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.lb{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:16px}
.lb.open{display:flex}
.lb-bg{position:absolute;inset:0;background:rgba(10,0,30,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadein .3s}
.lb-box{--rc:var(--gold);position:relative;width:min(560px,100%);max-height:94vh;overflow:auto;background:var(--card);border:4px solid var(--rc);border-radius:28px;padding:26px 22px 24px;text-align:center;box-shadow:0 0 60px color-mix(in srgb,var(--rc) 55%,transparent),0 20px 50px rgba(0,0,0,.5);
  animation:lbin .5s cubic-bezier(.2,1.2,.3,1) both}
@keyframes lbin{from{opacity:0;transform:translate(var(--tx,0),var(--ty,0)) scale(.2) rotate(-6deg)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0}}
.lb-art{position:relative;width:min(280px,64vw);aspect-ratio:1;margin:0 auto 6px}
.lb-art:before{content:"";position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 60%,transparent),transparent 68%);animation:sunp 3s ease-in-out infinite}
.lb-art.rainbow:after{content:"";position:absolute;inset:-12%;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,60,90,.35),rgba(255,190,40,.35),rgba(90,220,110,.35),rgba(56,216,255,.35),rgba(190,90,255,.35),rgba(255,60,90,.35));filter:blur(14px);animation:spinr 5s linear infinite}
.lb-art .art{--w:100%;position:relative;z-index:1;margin:0;animation:bossb 3.2s ease-in-out infinite}
.lb-info h3{font-size:30px;color:var(--hl);margin:6px 0}
:root[data-lang="ru"] .lb-info h3{font-size:22px}
.badge{display:inline-block;padding:4px 14px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#1a1030;background:var(--rc)}
.lb-st{display:flex;gap:10px;justify-content:center;margin:14px 0;flex-wrap:wrap}
.lb-st div{flex:1 1 130px;background:rgba(0,0,0,.2);border-radius:16px;padding:8px 10px}
.lb-st small{display:block;color:var(--mut);font-weight:800;font-size:12px}
.lb-st b{font:400 26px/1.2 var(--head);color:var(--green)}
:root[data-lang="ru"] .lb-st b{font-weight:800;font-size:20px}
.lb-st div:first-child b{color:var(--gold)}
.lb-q{font-style:italic;font-weight:800;color:var(--mut);margin:6px 0 0}
.lb-d{color:var(--mut);margin:10px 0 0}
.lb-x{position:absolute;top:10px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:var(--card2);color:var(--ink);font-size:26px;line-height:1;cursor:pointer}
.lb-x:hover{background:var(--gold);color:#3a2300}
.lb-n{position:absolute;top:34%;z-index:3;width:44px;height:56px;border:2px solid var(--line);background:var(--card2);color:var(--ink);font-size:34px;line-height:1;cursor:pointer;border-radius:14px}
.lb-n:hover{background:var(--gold);color:#3a2300}
.lb-p{left:8px}.lb-nx{right:8px}
.lb.nonav .lb-n{display:none}
@media (max-width:480px){.lb-n{width:36px;height:46px;top:28%}}
.list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.list li{padding-left:22px;position:relative;color:var(--mut)}
.list li:before{content:"★";position:absolute;left:0;color:var(--gold)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kpi{background:var(--card);border:3px solid var(--line);border-radius:18px;padding:16px}
.kpi .l{color:var(--mut);font-weight:800;font-size:13px}
.kpi .v{font:400 34px var(--head);color:var(--hl);margin-top:4px;word-break:break-word}
:root[data-lang="ru"] .kpi .v{font-size:26px;font-weight:800}
.kpi .s{color:var(--mut);font-size:12px}
.chart{background:var(--card);border:3px solid var(--line);border-radius:18px;padding:12px;margin-top:14px}
.chart svg{width:100%;height:auto;display:block}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.tbl th{color:var(--mut);font-size:12px;text-transform:uppercase}
.tblw{overflow-x:auto;background:var(--card);border:3px solid var(--line);border-radius:18px}
.links{display:flex;flex-wrap:wrap;gap:10px}
.links a{padding:10px 18px;border-radius:14px;border:3px solid var(--line);background:var(--card);font-weight:900;text-decoration:none}
.links a:hover{border-color:var(--gold)}
.warn{background:var(--card2);border:3px dashed var(--gold2);border-radius:18px;padding:18px}
.warn b{color:var(--gold)}
code{background:rgba(0,0,0,.25);padding:1px 6px;border-radius:6px;font-size:.9em;word-break:break-all}
.stat{font-size:13px;color:var(--mut)}
.upd{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--card);border:2px solid var(--line);font-weight:800;font-size:12px}
.upd.flash{animation:tick .6s}
@media (max-width:480px){.logo span{display:none}.tools{margin-left:auto}.pill{padding:5px 10px}
  .hero{min-height:600px;padding:50px 0 100px}.cdb{min-width:56px}}
@media (max-width:700px){.top{backdrop-filter:none;-webkit-backdrop-filter:none}.gc.Rare,.gc.Epic{animation:none}.sky{animation:none}.wv,.hwave{animation-duration:40s}.tk{animation-duration:80s}.lb-bg{backdrop-filter:none;background:rgba(10,0,30,.88)}}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}.tilt.rv.in,.gc.rv.in{transform:none}html{scroll-behavior:auto}#fx{display:none}.fl{display:none}
}
h2[style*="text-align:left"]:after{display:none}

.sil{position:relative;display:grid;place-items:center;width:100%}
.sil img,.sil .art img{filter:brightness(0) drop-shadow(0 0 12px rgba(190,120,255,.85));-webkit-user-drag:none}
.sil .q{position:absolute;inset:0;display:grid;place-items:center;font:400 clamp(44px,7vw,84px)/1 var(--head,Bangers),sans-serif;font-style:normal;color:#fff;text-shadow:0 0 16px #b46bff,0 3px 0 #3a0a6b;pointer-events:none;animation:silq 2.6s ease-in-out infinite}
@keyframes silq{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}
@media (prefers-reduced-motion:reduce){.sil .q{animation:none}}

.bigs{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.kpi.big{padding:20px;background:linear-gradient(135deg,var(--card),var(--card2));box-shadow:0 6px 0 rgba(0,0,0,.2)}.kpi.big .v{font-size:36px}:root[data-lang="ru"] .kpi.big .v{font-size:28px}

.pill.grp{text-decoration:none;background:var(--gold);color:#3a2300;border-color:var(--gold2)}
.slot .utc{font-weight:800;opacity:.95}
footer .grp-f{margin-left:10px;font-weight:800;color:var(--hl)}
@media (max-width:700px){.top{background:var(--bg)}}

.soc a{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start}