body.automat{--cell: min(124px, calc((100vw - 104px)/5) , calc((100vh - 400px) / 3));--gold: #f6c544;--gold-dark: #8a5a00;min-height:100vh;overflow-x:hidden}@media(max-height:640px){body.automat{--cell: min(124px, calc((100vw - 104px)/5) , calc((100vh - 330px) / 3))}}.casino-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(255,60,160,.25),transparent 35%),radial-gradient(circle at 85% 30%,rgba(80,120,255,.25),transparent 35%),radial-gradient(circle at 50% 100%,rgba(255,170,0,.18),transparent 45%),radial-gradient(ellipse at center,#1f0838,#07020f 75%)}.casino-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,210,90,.5) 0 3px,transparent 4px),radial-gradient(circle,rgba(255,90,180,.4) 0 2px,transparent 3px);background-size:140px 140px,90px 90px;background-position:0 0,45px 60px;filter:blur(2px);opacity:.35;animation:drift 40s linear infinite}@keyframes drift{to{background-position:140px 280px,-45px 240px}}.cabinet{width:max-content;max-width:calc(100vw - 16px);margin:14px auto 24px;padding:0 14px 16px;border-radius:30px;background:linear-gradient(180deg,#4a1170,#2a0846 45%,#150325);box-shadow:0 0 0 4px #d9a63a,0 0 0 7px #6b4508,0 0 0 9px #f3d27a,0 40px 90px #000000b3,inset 0 2px #ffffff40;text-align:center}.marquee{position:relative;margin:0 -14px 14px;padding:18px 20px 12px;border-radius:26px 26px 14px 14px;background:linear-gradient(180deg,#8b0f3e,#4b0526);box-shadow:inset 0 -4px #00000059,inset 0 3px #fff3;overflow:hidden}.marquee h1{margin:0;font-family:Bungee Shade,Bungee,sans-serif;font-weight:400;font-size:clamp(28px,7vw,58px);line-height:1;letter-spacing:.04em;color:#ffe27a;text-shadow:0 0 12px rgba(255,200,60,.8),0 0 30px rgba(255,120,0,.6);animation:neon 3s ease-in-out infinite}.marquee h1 .m-auto{display:block;font-family:Bungee,sans-serif;font-size:.42em;letter-spacing:.5em;margin-top:4px;color:#fff;text-shadow:0 0 10px #ff4fd8,0 0 20px #ff4fd8}@keyframes neon{50%{text-shadow:0 0 6px rgba(255,200,60,.5),0 0 16px rgba(255,120,0,.3)}52%{opacity:.85}54%{opacity:1}}.bulbs{position:absolute;inset:6px;pointer-events:none}.bulbs i{position:absolute;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 8px #ffcf3a,0 0 2px #fff;animation:chase 1.2s steps(1) infinite;animation-delay:calc(var(--i) * -.1s)}@keyframes chase{0%{opacity:1}50%{opacity:.15}}.jackpot-strip{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:4px 12px;border-radius:999px;background:#00000059;font-weight:800}.jackpot-strip em{font-style:normal;margin-left:6px;color:#ffe27a}.jl{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-family:Bungee,sans-serif;font-size:13px;background:#3a1b52;color:#b58fd4;transition:all .2s}.jl.on{background:radial-gradient(circle at 35% 30%,#fff3b0,#ffb400 60%,#a26500);color:#4a1d00;box-shadow:0 0 14px #ffcf3a;transform:scale(1.2)}.reels-frame{display:flex;align-items:stretch;justify-content:center;gap:6px}.reels{position:relative;display:flex;gap:6px;padding:8px;border-radius:16px;background:linear-gradient(180deg,#120018,#000);box-shadow:inset 0 0 0 3px #b8862a,inset 0 0 0 5px #3a2304,inset 0 10px 30px #000000e6}.reel{position:relative;width:var(--cell-w, var(--cell));height:calc(var(--cell) * 3);overflow:hidden;perspective:calc(var(--cell) * 5);border-radius:8px;background:#d9cfb6}.cyl{position:absolute;inset:0;transform-style:preserve-3d}.face{position:absolute;left:0;right:0;top:calc(50% - var(--cell) / 2);height:var(--cell);display:grid;place-items:center;backface-visibility:hidden;background:linear-gradient(180deg,#fffdf5,#f6efdc 70%,#e8dcbc);border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.1)}.face>*{transition:transform .2s}.reel.spinning .face>*{filter:blur(1.6px);transform:scaleY(1.3)}.reel-shade{position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.22) 42%,transparent 55%),linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.15) 18%,transparent 30%,transparent 70%,rgba(0,0,0,.15) 82%,rgba(0,0,0,.7) 100%)}.reel.stopped{animation:thud .25s ease}@keyframes thud{40%{transform:translateY(3px)}}.reel.anticipate{box-shadow:0 0 0 3px #ffcf3a,0 0 25px 6px #ffc828e6;animation:antPulse .4s ease-in-out infinite alternate}@keyframes antPulse{to{box-shadow:0 0 0 3px #ff5ad1,0 0 35px 10px #ff5ad1e6}}.emo{font-size:calc(var(--cell) * .6);line-height:1;filter:drop-shadow(0 4px 3px rgba(0,0,0,.35))}.sym-logo{width:calc(var(--cell) * .86);height:calc(var(--cell) * .62);border-radius:18%;display:grid;place-items:center;padding:8%;background:linear-gradient(180deg,#fff,#eef2f8);box-shadow:0 0 0 2px #d9a63a,inset 0 -4px #00000014,0 5px 10px #0000004d}.sym-logo img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sym-logo b{font-family:Barlow,sans-serif;font-weight:800;font-size:calc(var(--cell) * .26);letter-spacing:-.03em}.txt-pokec{color:#e8343a}.txt-azet{color:#007aff}.seven{font-family:Bungee,sans-serif;font-size:calc(var(--cell) * .78);line-height:1;background:linear-gradient(180deg,#ff8a7a,#e0101e 45%,#7a0008);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #f6c544) drop-shadow(0 5px 4px rgba(0,0,0,.4))}.wild,.scatter{width:calc(var(--cell) * .82);height:calc(var(--cell) * .82);border-radius:50%;display:grid;grid-template-rows:1fr auto;place-items:center;padding-bottom:10%;color:#fff}.wild{background:radial-gradient(circle at 35% 30%,#b5f7ff,#12a7d6 45%,#3a1680);box-shadow:0 0 14px #50dcffcc,inset 0 -4px #0000004d}.scatter{background:radial-gradient(circle at 35% 30%,#ffb6f3,#c72bb4 45%,#3f0b56);box-shadow:0 0 14px #ff5adccc,inset 0 -4px #0000004d}.wild b,.scatter b{font-size:calc(var(--cell) * .4);line-height:1}.scatter b{color:#ffe27a;text-shadow:0 0 10px #fff3b0}.wild i,.scatter i{font-style:normal;font-family:Bungee,sans-serif;font-size:calc(var(--cell) * .12)}.letter{width:calc(var(--cell) * .8);height:calc(var(--cell) * .8);border-radius:50%;display:grid;place-items:center;font-family:Bungee,sans-serif;font-size:calc(var(--cell) * .5);line-height:1;background:radial-gradient(circle at 35% 30%,#6b3aa8,#2a0b4d 70%);box-shadow:0 0 0 3px #f6c544,0 0 0 5px #7a4a00,0 5px 10px #0006;color:#ffd84a;text-shadow:0 2px 0 #8a4b00,0 0 12px rgba(255,220,80,.7)}.face.win{background:radial-gradient(circle,#fff6c4,#ffd54a)}.face.win>*{animation:winPulse .5s ease-in-out infinite alternate}.face.hot{background:radial-gradient(circle,#ffe3fb,#ff6fd8)}.face.hot>*{animation:winPulse .35s ease-in-out infinite alternate}.face.scat{background:radial-gradient(circle,#f6dcff,#b74bff)}.face.scat>*{animation:winPulse .4s ease-in-out infinite alternate}@keyframes winPulse{to{transform:scale(1.15) rotate(-4deg)}}.paylines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}.paylines polyline{fill:none;stroke:var(--c);stroke-width:5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 2px #000);stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawLine .5s ease-out forwards}@keyframes drawLine{to{stroke-dashoffset:0}}.line-nums{display:flex;flex-direction:column;justify-content:space-around;gap:2px}.line-nums span{width:22px;height:18px;display:grid;place-items:center;font-size:11px;font-weight:800;border-radius:5px;border:1.5px solid var(--c);color:var(--c);background:#0006;transition:all .2s}.line-nums span.hit{background:var(--c);color:#000;box-shadow:0 0 10px var(--c);transform:scale(1.15)}.win-banner{min-height:34px;margin:10px auto 6px;font-size:20px;font-weight:800;color:#fff9;display:grid;place-items:center}.win-banner.show{color:#ffe27a;text-shadow:0 0 12px rgba(255,200,60,.8);animation:bannerIn .3s ease}.win-banner.bonus{color:#ffb6f3;text-shadow:0 0 12px rgba(255,90,220,.9)}.win-banner b{color:#fff;margin-left:4px}@keyframes bannerIn{0%{transform:scale(.7);opacity:0}}.panel{display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;gap:10px}.led{padding:6px 8px;border-radius:10px;background:#050208;box-shadow:inset 0 0 0 2px #3b2a07,inset 0 4px 12px #000000e6;min-width:0}.led label{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#b89a5a}.led b{display:block;font-family:Orbitron,monospace;font-size:clamp(16px,3vw,24px);color:#ff4b3a;text-shadow:0 0 8px rgba(255,60,40,.9);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.led:nth-child(2) b{color:#3dff7a;text-shadow:0 0 8px rgba(40,255,120,.9)}.spin-btn{width:104px;height:104px;border-radius:50%;border:0;background:radial-gradient(circle at 40% 30%,#ff8a7a,#e0101e 45%,#7a0008);box-shadow:0 0 0 5px #e9e9ef,0 0 0 8px #8d8d9a,0 10px 0 6px #4b0004,0 16px 30px #0009,0 0 30px #ff282899;color:#fff;font-family:Bungee,sans-serif;font-size:22px;text-shadow:0 2px 0 #6b0000;transition:transform .08s,box-shadow .08s;animation:spinGlow 1.6s ease-in-out infinite}.spin-btn:active,.spin-btn.pressed{transform:translateY(7px);box-shadow:0 0 0 5px #e9e9ef,0 0 0 8px #8d8d9a,0 3px 0 6px #4b0004,0 6px 14px #0009;animation:none}.spin-btn.empty{filter:grayscale(.8) brightness(.7);animation:none}@keyframes spinGlow{50%{box-shadow:0 0 0 5px #e9e9ef,0 0 0 8px #8d8d9a,0 10px 0 6px #4b0004,0 16px 30px #0009,0 0 50px #ff3c3cf2}}body.demo-armed .spin-btn:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#3dff7a;margin:10px 0 0 10px}.actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:16px}.actions .btn{font-size:14px;padding:8px 12px}.fineprint{margin:10px 0 0;font-size:12px;opacity:.5}.win-overlay{position:fixed;inset:0;z-index:850;display:grid;place-content:center;justify-items:center;gap:10px;background:radial-gradient(circle,#3c0a5abf,#000000e6);animation:fadeIn .3s ease;cursor:pointer;text-align:center;padding:16px}.win-overlay.out{opacity:0;transition:opacity .3s}.bw-title,.jp-title{font-family:Bungee,sans-serif;font-size:clamp(40px,11vw,110px);line-height:1;background:linear-gradient(180deg,#fff7c2,#ffd54a 40%,#f08a00 60%,#ffe27a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #6b3a00) drop-shadow(0 0 30px rgba(255,180,0,.7));animation:popIn .6s cubic-bezier(.2,1.6,.4,1)}.bw-amount{font-family:Orbitron,monospace;font-weight:900;font-size:clamp(36px,9vw,90px);color:#3dff7a;text-shadow:0 0 20px rgba(40,255,120,.9)}.jp-letters{display:flex;gap:clamp(6px,2vw,16px)}.jp-letters span{display:grid;place-items:center;width:clamp(54px,14vw,110px);height:clamp(54px,14vw,110px);border-radius:50%;font-family:Bungee,sans-serif;font-size:clamp(30px,8vw,64px);background:radial-gradient(circle at 35% 30%,#fff3b0,#ffb400 55%,#a26500);color:#4a1d00;box-shadow:0 0 30px #ffcf3a;animation:letterIn .7s cubic-bezier(.2,1.6,.4,1) both,letterGlow .8s ease-in-out infinite alternate;animation-delay:calc(var(--i) * .15s),calc(.8s + var(--i) * .1s)}@keyframes letterIn{0%{transform:translateY(-120vh) rotate(-540deg)}}@keyframes letterGlow{to{box-shadow:0 0 60px #ff4fd8;transform:translateY(-8px)}}.jp-prize{font-size:clamp(20px,4vw,34px);font-weight:800}.jp-prize b{color:#7ef3ff}.jp-hint{opacity:.5;font-size:14px}@keyframes popIn{0%{transform:scale(.2);opacity:0}}.paytable-modal h3{margin:18px 0 8px}.minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.mini{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:16px 6px 6px;border-radius:8px;background:#00000059}.mini i{position:absolute;top:2px;left:6px;font-style:normal;font-size:11px;font-weight:800;color:var(--c)}.mini span{aspect-ratio:1;border-radius:2px;background:#ffffff1a}.mini span.on{background:var(--c)}.pays{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.pay{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#ffffff0d;font-size:13px;font-variant-numeric:tabular-nums}.pay.wide{grid-column:1 / -1}.pay .sym{--cell: 52px;display:grid;place-items:center;min-width:52px;height:52px}.pay .sym.pokec-row{display:flex;gap:2px;--cell: 40px}@media(max-width:600px){.cabinet{padding:0 8px 12px;border-radius:22px}.marquee{margin:0 -8px 10px}.reels{gap:3px;padding:5px}.reels-frame{gap:3px}.line-nums span{width:16px;height:14px;font-size:9px}.panel{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "spin spin" "c d"}.panel .led:nth-child(1){grid-area:a}.panel .led:nth-child(2){grid-area:b}.panel .spin-btn{grid-area:spin;justify-self:center;margin:6px 0 14px}.panel .led:nth-child(4){grid-area:c}.panel .led:nth-child(5){grid-area:d}.jackpot-strip em{display:none}}body.automat{--cell: min(166px, calc((100vw - 132px)/5) , calc((100vh - 372px) / 3))}@media(max-height:640px){body.automat{--cell: min(166px, calc((100vw - 132px)/5) , calc((100vh - 300px) / 3))}}.cabinet{position:relative;padding:0 26px 18px;background:radial-gradient(ellipse at 50% 0%,rgba(255,90,200,.25),transparent 60%),linear-gradient(180deg,#5a1384,#300a52 45%,#17032a);box-shadow:0 0 0 3px #fff3c4,0 0 0 6px #d9a63a,0 0 0 9px #6b4508,0 0 0 11px #f3d27a,0 0 0 13px #3a2404,0 0 60px 10px #ff50c840,0 50px 100px #000000bf,inset 0 2px #ffffff4d}.cabinet:before,.cabinet:after{content:"";position:absolute;top:150px;bottom:140px;width:9px;border-radius:5px;background:repeating-linear-gradient(180deg,#fff3b0 0 7px,#ffc83c26 7px 18px);box-shadow:0 0 12px #ffc83ccc;animation:stripChase 1s linear infinite;pointer-events:none}.cabinet:before{left:7px}.cabinet:after{right:7px;animation-direction:reverse}@keyframes stripChase{to{background-position:0 18px}}.marquee{margin:0 -26px 18px;padding:20px 20px 14px;background:linear-gradient(180deg,#ffffff38,#fff0 45%),linear-gradient(180deg,#a3124a,#4b0526)}.marquee h1{font-size:clamp(30px,7vw,66px)}.reels{gap:10px;padding:14px;border-radius:20px;background:radial-gradient(ellipse at 50% 50%,#1b0510,#000 75%);box-shadow:0 0 0 3px #f2f2f6,0 0 0 5px #8a8a96,0 0 0 7px #fbfbff,0 0 0 9px #55555f,0 0 0 11px #c9c9d2,0 0 0 12px #1b1b20,0 16px 34px #000000b3,inset 0 0 0 2px #000,inset 0 14px 34px #000000f2}.reels:after{content:"";position:absolute;inset:14px;border-radius:10px;pointer-events:none;z-index:4;background:linear-gradient(115deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.06) 28%,transparent 29%,transparent 70%,rgba(255,255,255,.05) 71%,transparent 85%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 18%)}.reel{border-radius:12px;background:#e9dfc6;box-shadow:0 0 0 2px #2a1a00,0 0 0 5px #f2c45a,0 0 0 6px #fff1b8,0 0 0 8px #7a4e05,0 6px 14px #0009}.face{background:radial-gradient(ellipse at 50% 50%,#fffef9,#fbf4e2 60%,#efe3c4);border-top:1px solid rgba(120,80,0,.08);border-bottom:1px solid rgba(120,80,0,.14)}.reel-shade{background:linear-gradient(100deg,transparent 22%,rgba(255,255,255,.28) 40%,rgba(255,255,255,.08) 52%,transparent 60%),linear-gradient(90deg,rgba(60,30,0,.28) 0%,transparent 14%,transparent 86%,rgba(60,30,0,.28) 100%),linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.25) 16%,transparent 30%,transparent 70%,rgba(0,0,0,.25) 84%,rgba(0,0,0,.82) 100%)}.sym-svg{width:calc(var(--cell) * .84);height:calc(var(--cell) * .84);overflow:visible}.reel.spinning .face>.sym-svg{filter:blur(1.8px)}.sym-logo{width:calc(var(--cell) * .88);height:calc(var(--cell) * .6);background:linear-gradient(180deg,#fff,#f1f4fa 55%,#dfe5ef);box-shadow:0 0 0 2px #7a4e05,0 0 0 4px #f2c45a,0 0 0 5px #7a4e05,inset 0 2px #fff,inset 0 -5px #00000012,0 6px 10px #00000059}.letter{width:calc(var(--cell) * .82);height:calc(var(--cell) * .82);font-size:calc(var(--cell) * .52);background:radial-gradient(circle at 35% 28%,#8a4fd1,#3b0f6e 60%,#1c0538);box-shadow:0 0 0 3px #ffe27a,0 0 0 5px #a86e00,0 0 0 6px #ffe9a8,inset 0 4px 8px #ffffff40,0 6px 12px #00000073}.face.win{background:radial-gradient(circle,#fffbe0,#ffe07a 55%,#f0b000);box-shadow:inset 0 0 0 3px #fff3b0,inset 0 0 24px #ffb400e6}.line-nums span{width:24px;height:20px;border-radius:10px;font-size:11px;box-shadow:inset 0 1px #fff3}.spin-btn{width:120px;height:120px;font-size:25px}@media(max-width:600px){.cabinet{padding:0 12px 12px}.marquee{margin:0 -12px 12px}.cabinet:before,.cabinet:after{display:none}.reels{gap:5px;padding:8px}.reels:after{inset:8px}.reel{box-shadow:0 0 0 1px #2a1a00,0 0 0 3px #f2c45a,0 0 0 4px #7a4e05}}body.automat{--cell: min(166px, calc((100vw - 132px)/5) , calc((100vh - 430px) / 3))}@media(max-height:640px){body.automat{--cell: min(166px, calc((100vw - 132px)/5) , calc((100vh - 340px) / 3))}}.cabinet{margin-top:10px}.marquee{padding:12px 20px 10px;margin-bottom:14px}.marquee h1{font-size:clamp(28px,5.5vw,54px)}.marquee h1 .m-auto{margin-top:2px}.jackpot-strip{margin-top:6px}.win-banner{display:flex;justify-content:center;align-items:center;gap:6px;min-height:30px;margin:8px auto 4px}.win-banner b{margin-left:0}.spin-btn{width:110px;height:110px}.reels-frame{align-items:center}@media(max-width:600px){body.automat{--cell: min(166px, calc((100vw - 72px)/5) , calc((100vh - 430px) / 3))}.line-nums{display:none}}body.automat{--cell: min(132px, calc((100vh - 400px) / 3));--cell-w: min(212px, calc((100vw - 170px)/5) , calc(var(--cell) * 1.6))}@media(max-height:640px){body.automat{--cell: min(132px, calc((100vh - 320px) / 3))}}@media(max-width:600px){body.automat{--cell: min(132px, calc((100vw - 72px)/5) , calc((100vh - 430px) / 3));--cell-w: var(--cell)}}.marquee{padding:10px 20px 8px}.marquee h1{font-size:clamp(26px,4.6vw,48px)}.sym-logo{width:min(calc(var(--cell-w, var(--cell)) * .82),calc(var(--cell) * 1.25))}.line-nums{align-self:stretch;justify-content:space-evenly;padding:18px 0}.led.bet b{color:#ffd84a;text-shadow:0 0 8px rgba(255,200,40,.9);min-width:3.2ch;text-align:center}.bet-row{display:flex;align-items:center;justify-content:center;gap:8px}.bet-btn{width:28px;height:28px;border-radius:50%;border:0;font-size:20px;font-weight:800;line-height:1;color:#2a1600;background:radial-gradient(circle at 40% 30%,#fff3b0,#f2b400 60%,#9a6a00);box-shadow:0 2px #6b4500,0 0 8px #ffc82880}.bet-btn:active{transform:translateY(2px);box-shadow:0 0 #6b4500}.bet-btn:disabled{filter:grayscale(1) brightness(.6);cursor:default}.spin-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.spin-btn small{margin-top:4px;font-family:Barlow,sans-serif;font-weight:800;font-size:13px;letter-spacing:.04em;color:#ffe9a8;text-shadow:0 1px 0 #6b0000}
