.bg{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:1000px;display:flex;position:relative;container-type:inline-size}.bg-tray{border:1px solid var(--line-2);width:100%;box-shadow:inset 0 0 0 4px var(--bg), inset 0 0 0 5px color-mix(in srgb, var(--gold) 25%, transparent);background:linear-gradient(#131a2b,#0d121d);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.bg-strip{gap:6px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.bg-ball{--c:#ece4d2;width:clamp(28px,4cqw,38px);height:clamp(28px,4cqw,38px);font-family:var(--display);color:var(--bg);background:radial-gradient(circle at 50% 50%, #fbf8f2 0 56%, var(--c) 57%);border:1px solid #00000059;border-radius:50%;flex:none;place-items:center;font-size:clamp(12px,1.7cqw,16px);font-weight:700;animation:.3s both bg-in;display:grid}.bg-ball.c0{--c:var(--navy,#2f56b0)}.bg-ball.c1{--c:var(--ruby)}.bg-ball.c2{--c:#e29e17}.bg-ball.c3{--c:var(--emerald)}.bg-ball.c4{--c:#4d2a52}.bg-ball.big{flex-direction:column;gap:2px;width:clamp(64px,9cqw,92px);height:clamp(64px,9cqw,92px);font-size:clamp(24px,3.6cqw,36px);line-height:1;box-shadow:0 10px 24px #00000080}.bg-ball.big small{font-family:var(--body);letter-spacing:.2em;font-size:10px;font-weight:500}.bg-ball.big.empty{border:1px solid var(--line-2);color:var(--dim);background:0 0}@keyframes bg-in{0%{opacity:0;transform:translateY(-8px)}}.bg-count{font-family:var(--display);color:var(--gold-3);text-align:right;font-size:clamp(24px,3.4cqw,34px);font-weight:600}.bg-count small{color:var(--muted);margin-left:4px;font-size:.55em}.bg-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2cqw,20px);width:100%;display:grid}.bg-cards.n1{grid-template-columns:minmax(0,400px);justify-content:center}.bg-cards.n2{max-width:720px}.bg-cards.n3,.bg-cards.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.bg-cards.n3{grid-template-columns:repeat(3,minmax(0,1fr))}@container (width<=760px){.bg-cards.n3,.bg-cards.n4{grid-template-columns:repeat(2,minmax(0,1fr))}}.bg-card{border:1px solid var(--gold-2);box-shadow:0 12px 30px #00000073, inset 0 0 0 3px #f4efe4, inset 0 0 0 4px color-mix(in srgb, var(--gold-2) 40%, transparent);background:#f4efe4;border-radius:6px;padding:8px;transition:box-shadow .3s}.bg-card.won{box-shadow:0 12px 30px #00000073, 0 0 0 2px var(--gold), inset 0 0 0 3px #f4efe4, inset 0 0 0 4px var(--gold)}.bg-head{text-align:center;font-family:var(--display);color:var(--ruby);letter-spacing:.06em;grid-template-columns:repeat(5,1fr);padding-bottom:4px;font-size:clamp(15px,2.4cqw,24px);font-weight:700;display:grid}.bg-grid{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.bg-cell{aspect-ratio:1;font-family:var(--display);color:#202c46;background:#fbf8f2;border:1px solid #e2d9c5;border-radius:2px;place-items:center;font-size:clamp(12px,2cqw,21px);font-weight:600;transition:color .2s;display:grid;position:relative}.bg-cell:after{content:"";background:color-mix(in srgb, var(--ruby) 82%, transparent);opacity:0;border-radius:50%;transition:transform .25s,opacity .25s;position:absolute;inset:14%;transform:scale(.4)}.bg-cell.daub:after{opacity:1;transform:scale(1)}.bg-cell.daub{color:#fbf8f2}.bg-cell>b{z-index:1;font-weight:inherit;position:relative}.bg-cell{z-index:0}.bg-cell.daub{text-shadow:0 0 1px #0000004d}.bg-cell.free{font-family:var(--body);letter-spacing:.06em;text-transform:uppercase;color:#fbf8f2;font-size:clamp(6.5px,1cqw,10px);font-weight:500}.bg-cell.free:after{background:var(--gold-2)}.bg-cell.win{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.bg-cell.win:after{background:var(--gold-2)}.bg-cell.fresh:after{background:var(--ruby)}.bg-foot{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:#5c5346;min-height:20px;padding-top:6px;font-size:10.5px;font-weight:500}.bg-foot b{color:var(--ruby);font-weight:600}.bg-prizes{border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.bg-prizes-title{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:500}.bg-prize{color:var(--muted);border-radius:3px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:2px 4px;font-size:12.5px;transition:background .25s,color .25s;display:grid}.bg-prize b{font-family:var(--display);color:var(--gold-3);font-size:17px;font-weight:600}.bg-prize.hit{background:var(--gold);color:var(--bg)}.bg-prize.hit b{color:var(--bg)}.bg-icon{grid-template-columns:repeat(5,4px);gap:1px;display:grid}.bg-icon i{background:var(--line-2);width:4px;height:4px}.bg-icon i.on{background:var(--gold)}.bg-prize.hit .bg-icon i.on{background:var(--bg)}.bgx{gap:14px;max-width:1040px}.bgx-hall{background:radial-gradient(60% 90% at 18%,#ffd26e1f,#ffd26e00 70%),linear-gradient(#231d17,#110f0c);border:1px solid #ffc53d73;border-radius:10px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:18px;width:100%;padding:14px 18px;display:grid;box-shadow:inset 0 0 0 4px #0f1627,inset 0 0 0 5px #ffc53d2e,0 18px 40px #00000073}.bgx-machine{align-items:flex-end;gap:4px;display:flex;position:relative}.bgx-blower{flex-direction:column;align-items:center;width:clamp(104px,14cqw,136px);display:flex;position:relative}.bgx-dome{aspect-ratio:1;background:radial-gradient(circle at 50% 60%,#a0c8dc14,#a0c8dc2e 70%,#dcf0ff59 100%),#0a0e1499;border-radius:50%;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #e6f0ff59,inset 0 -10px 22px #00000080,0 0 0 3px #8d7448,0 0 0 4px #382c1c}.bgx-shine{pointer-events:none;background:radial-gradient(at 40% 40%,#ffffff8c,#fff0 70%);border-radius:50%;width:34%;height:22%;position:absolute;top:9%;left:16%;transform:rotate(-24deg)}.bgx-mix{--c:#ece4d2;background:radial-gradient(circle at 35% 30%, #fff 0 18%, #fbf8f2 19% 46%, var(--c) 48%);border-radius:50%;width:21%;height:21%;animation:1.3s ease-in-out infinite paused bgx-tumble;position:absolute;top:70%;left:40%;box-shadow:inset -2px -3px 4px #00000059}.bgx-blower.spin .bgx-mix{animation-play-state:running}.bgx-mix.c0{--c:#2f56b0}.bgx-mix.c1{--c:#b8213a}.bgx-mix.c2{--c:#e29e17}.bgx-mix.c3{--c:#1c8a5c}.bgx-mix.c4{--c:#4d2a52}.bgx-mix:first-child{animation-name:bgx-tumble-a;animation-delay:-.1s;top:66%;left:12%}.bgx-mix:nth-child(2){animation-delay:-.5s;top:72%;left:30%}.bgx-mix:nth-child(3){animation-name:bgx-tumble-b;animation-delay:-.9s;top:74%;left:50%}.bgx-mix:nth-child(4){animation-name:bgx-tumble-a;animation-delay:-.3s;top:64%;left:68%}.bgx-mix:nth-child(5){animation-name:bgx-tumble-b;animation-delay:-.7s;top:52%;left:22%}.bgx-mix:nth-child(6){animation-delay:-1.1s;top:55%;left:42%}.bgx-mix:nth-child(7){animation-name:bgx-tumble-a;animation-delay:-.2s;top:48%;left:60%}.bgx-mix:nth-child(8){animation-delay:-.6s;top:40%;left:8%}.bgx-mix:nth-child(9){animation-name:bgx-tumble-b;animation-delay:-1s;top:34%;left:74%}.bgx-mix:nth-child(10){animation-name:bgx-tumble-a;animation-delay:-.4s;top:36%;left:34%}.bgx-mix:nth-child(11){animation-delay:-.8s;top:26%;left:52%}.bgx-mix:nth-child(12){animation-name:bgx-tumble-b;animation-delay:-1.2s;top:22%;left:18%}.bgx-mix:nth-child(13){animation-delay:-.15s;top:14%;left:64%}.bgx-mix:nth-child(14){animation-name:bgx-tumble-a;animation-delay:-.65s;top:10%;left:40%}@keyframes bgx-tumble{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-60%,-150%)rotate(140deg)}60%{transform:translate(70%,-60%)rotate(260deg)}}@keyframes bgx-tumble-a{0%,to{transform:translate(0)rotate(0)}35%{transform:translate(90%,-120%)rotate(-160deg)}70%{transform:translate(-40%,-200%)rotate(-300deg)}}@keyframes bgx-tumble-b{0%,to{transform:translate(0)rotate(0)}40%{transform:translate(-80%,80%)rotate(180deg)}75%{transform:translate(60%,140%)rotate(320deg)}}.bgx-neck{background:linear-gradient(90deg,#a8761a,#ffe08a,#a8761a);width:22%;height:10px}.bgx-base{background:linear-gradient(90deg,#634c26,#ffc53d 30%,#f0dfb4 50%,#ffc53d 70%,#634c26);border-radius:4px 4px 8px 8px;place-items:center;width:80%;height:22px;display:grid;box-shadow:0 6px 12px #00000080}.bgx-base span{background:#00000073;border-radius:2px;width:50%;height:4px}.bgx-out{background:radial-gradient(circle,#0000008c,#0003 70%);border-radius:50%;place-items:center;width:clamp(64px,9cqw,92px);height:clamp(64px,9cqw,92px);margin-bottom:4px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffc53d59,inset 0 6px 12px #0009}.bgx-out:empty:before{content:"";background:#ffc53d73;width:30%;height:1px}.bgx-out .bg-ball.big{animation:none}.bgx-caller{flex-direction:column;align-items:center;gap:4px;min-width:108px;display:flex}.bgx-caller-fig{justify-content:center;height:74px;display:flex;overflow:hidden}.bgx-caller-fig .dealer{filter:none}.bgx-caller-fig .dealer-name{display:none}.bgx-call{background:#0a0806;border:1px solid #ffc53d8c;border-radius:4px;place-items:center;min-width:108px;height:40px;display:grid;box-shadow:inset 0 0 14px #000c}.bgx-call span{font-family:var(--display);color:#ffd27a;text-shadow:0 0 10px #ffb44699;font-size:26px;font-weight:700;line-height:1;animation:.2s both ct-fade}.bgx-call small{color:#ffe9b8;margin-right:6px;font-size:.7em}.bgx-call:empty:before{content:"Caller ready";letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:9.5px}.bgx-count{font-family:var(--display);color:var(--gold-3);font-size:20px;font-weight:600}.bgx-count small{color:var(--muted);margin-left:4px;font-size:.6em}.bgx-fb{background:#070605;border:1px solid #ffc53d59;border-radius:6px;flex-direction:column;gap:3px;min-width:0;padding:8px;display:flex;box-shadow:inset 0 0 20px #000000e6}.bgx-fb-row{grid-template-columns:20px repeat(15,minmax(0,1fr));gap:3px;display:grid}.bgx-fb-row b{font-family:var(--display);color:#fbf8f2;border-radius:3px;place-items:center;font-size:13px;font-weight:700;display:grid}.bgx-fb-row b.c0{background:#2f56b0}.bgx-fb-row b.c1{background:#b8213a}.bgx-fb-row b.c2{background:#e29e17}.bgx-fb-row b.c3{background:#1c8a5c}.bgx-fb-row b.c4{background:#4d2a52}.bgx-fb i{font-style:normal;font-family:var(--body);text-align:center;color:#ffd27a38;background:#ffffff06;border-radius:2px;padding:4px 0;font-size:clamp(8px,1.05cqw,11px);font-weight:500;line-height:1;transition:color .2s,background-color .2s;position:relative}.bgx-fb i.on{color:#ffe2a0;text-shadow:0 0 6px #ffbe50cc;background:#ffb44638}.bgx-rail{background:linear-gradient(#18244b,#0b0a08);border:1px solid #ffc53d4d;border-radius:24px;align-items:center;gap:12px;width:100%;min-height:48px;padding:6px 12px;display:flex}.bgx-rail-label{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);flex:none;font-size:9.5px}.bgx-strip{flex:1;min-width:0}.bgx .bg-cell:after{display:none}.bgx .bg-cell>b{transition:color .2s}.bgx-dab{transform:rotate(var(--r,0deg)) scale(0);opacity:0;pointer-events:none;background:radial-gradient(circle at 38% 34%,#ff789673,#ff789600 40%),radial-gradient(circle,#b2164ad1 0 58%,#8c0a38eb 70%,#7808308c 78%,#78083000 84%);border-radius:47% 53% 50% 48%/52% 46% 54% 48%;position:absolute;inset:9%}.bgx-dab.on{opacity:1;transform:rotate(var(--r,0deg)) scale(1);animation:.3s cubic-bezier(.2,.9,.3,1.25) both bgx-dab}.bgx-dab.on~b{color:#fff7f0}.bg-cell.free .bgx-dab{background:radial-gradient(circle,#a8894df2 0 62%,#a8894d00 80%)}.bg-cell.win .bgx-dab{background:radial-gradient(circle at 38% 34%,#fff0c880,#fff0c800 40%),radial-gradient(circle,#c8a046f2 0 62%,#a8894d00 82%)}@keyframes bgx-dab{0%{transform:rotate(var(--r,0deg)) scale(1.7);opacity:0}60%{opacity:1}}@container (width<=760px){.bgx-hall{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:10px}.bgx-fb{grid-column:1/-1}}@container (width<=440px){.bgx-blower{width:88px}.bgx-fb-row{grid-template-columns:14px repeat(15,minmax(0,1fr));gap:2px}.bgx-fb i{padding:3px 0;font-size:7px}.bgx-caller{min-width:0}}@media (prefers-reduced-motion:reduce){.bgx-mix,.bgx-dab.on,.bgx-call span{animation:none!important}.bgx-fb i,.bgx .bg-cell>b{transition:none!important}}.bgx .bg-cards.n1{grid-template-columns:minmax(0,min(400px,86.9565dvh - 420px))}.bgx .bg-cards.n2{max-width:min(720px,173.913dvh - 820px)}.bgx .bg-cards.n3{max-width:min(100%,260.87dvh - 1220px)}@container (width>=761px){.bgx .bg-cards.n4{max-width:min(100%,347.826dvh - 1620px)}}@media (width<=900px){.bgx .bg-cards.n1,.bgx .bg-cards.n2,.bgx .bg-cards.n3,.bgx .bg-cards.n4{max-width:none}.bgx .bg-cards.n1{grid-template-columns:minmax(0,400px)}}