:root{--black:#090909;--coal:#151519;--ink:#f6f4f1;--muted:#aaa9ae;--red:#d91f35;--red2:#6f0b16;--silver:#c8cbd0;--wa:#25d366;--tg:#229ed9}
*{box-sizing:border-box}
html{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--black)}
body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;background:var(--black)}
a{color:inherit;text-decoration:none}
.stage-bg{position:fixed;z-index:0;inset:0;background:radial-gradient(circle at 50% -8%,rgba(217,31,53,.18),transparent 33%),radial-gradient(circle at 8% 74%,rgba(200,203,208,.08),transparent 25%),radial-gradient(circle at 92% 67%,rgba(122,11,24,.18),transparent 29%),linear-gradient(145deg,#050506 0%,#151519 48%,#070708 100%)}.stage-bg:before{content:"";position:absolute;inset:-30%;opacity:.26;background:repeating-linear-gradient(132deg,transparent 0 48px,rgba(217,31,53,.08) 49px,transparent 51px 100px);animation:bgShift 18s ease-in-out infinite alternate}.stage-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 61%,rgba(4,4,5,.72)),radial-gradient(ellipse at 50% 42%,transparent 0 24%,rgba(6,6,7,.22) 60%,rgba(2,2,3,.65) 100%)}.stage-bg i{position:absolute;z-index:2;width:2px;height:150%;top:-25%;background:linear-gradient(transparent,var(--silver),transparent);opacity:.12;transform:rotate(34deg)}.stage-bg i:first-child{left:19%}.stage-bg i:last-child{right:17%}
.shell{position:relative;z-index:1;width:min(920px,100%);height:100svh;height:100dvh;margin:auto;padding:15px 23px 11px;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:0 0 auto}.brand{display:flex;align-items:center;gap:10px}.brand img{width:44px;height:44px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}.brand span{display:grid}.brand b{font-size:1rem;letter-spacing:.17em}.brand small{margin-top:4px;color:#d7d9dc;font-size:.67rem;font-weight:900;letter-spacing:.3em}.official{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(200,203,208,.25);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:rgba(12,12,15,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);font-size:.65rem;font-weight:900;letter-spacing:.1em}.official i{width:6px;height:6px;border-radius:50%;background:#ff3d55;box-shadow:0 0 11px #ff3d55;animation:pulse 1.8s ease-in-out infinite}.official b{color:#e9bac1}
main{width:min(520px,100%);min-height:0;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center}.intro p{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 4px;color:#cfd1d5;font-size:.61rem;font-weight:900;letter-spacing:.22em}.intro p span{width:31px;height:1px;background:linear-gradient(90deg,transparent,#cfd1d5)}.intro p span:last-child{transform:scaleX(-1)}h1{margin:0;font:italic 900 clamp(3.1rem,11vw,5.8rem)/.8 Georgia,"Times New Roman",serif;letter-spacing:-.065em;text-shadow:0 10px 35px rgba(0,0,0,.8)}h2{margin:8px 0 0;color:#eb4257;font:400 1.03rem/1 Georgia,serif;letter-spacing:.5em;text-indent:.5em}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:9px}.contact{position:relative;min-width:0;min-height:94px;padding:12px;display:grid;grid-template-columns:42px 1fr 20px;grid-template-rows:auto 1fr;align-items:center;gap:7px 9px;overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(20,20,24,.96),rgba(8,8,10,.94));box-shadow:0 18px 35px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);isolation:isolate;transition:transform .22s ease,border-color .22s ease}.contact:before{content:"";position:absolute;z-index:-1;inset:0}.contact:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.27)}.contact:focus-visible{outline:3px solid #fff;outline-offset:3px}.contact-wa{clip-path:polygon(0 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px))}.contact-wa:before{background:linear-gradient(110deg,rgba(37,211,102,.26),transparent 48%);border-left:4px solid var(--wa)}.contact-tg{clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px)}.contact-tg:before{background:linear-gradient(250deg,rgba(34,158,217,.26),transparent 50%);border-right:4px solid var(--tg)}
.icon{width:42px;height:42px;grid-row:1/3;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);font-size:.92rem;font-weight:900}.contact-wa .icon{border-radius:50%;color:#8af0b5}.contact-tg .icon{transform:rotate(45deg);color:#83d5fb}.contact-tg .icon svg{transform:rotate(-45deg)}.icon svg{width:23px;height:23px;fill:#fff}.copy{min-width:0;align-self:end;text-align:left}.copy small{display:block;color:#d8d8dc;font-size:.56rem;font-weight:900;letter-spacing:.09em}.copy strong{display:block;margin-top:7px;white-space:nowrap;font-size:.69rem;letter-spacing:.015em}.go{align-self:end;justify-self:end;color:#e7e7e9;font-size:1.15rem}.pending{opacity:.76}.pending .copy strong{font-size:.67rem;color:#c7c7cb}
.casino-stage{position:relative;width:min(440px,100%);height:205px;margin:3px auto -2px;overflow:hidden;isolation:isolate;perspective:900px}.casino-stage:before{content:"";position:absolute;z-index:-1;left:4%;right:1%;bottom:4px;height:74px;border-radius:50%;background:radial-gradient(ellipse,rgba(217,31,53,.24),rgba(6,6,8,.76) 49%,transparent 72%);filter:blur(5px)}
.roulette-wrap{position:absolute;z-index:1;left:5px;top:14px;width:188px;height:188px;transform:rotateX(54deg) rotateZ(-9deg);transform-style:preserve-3d;filter:drop-shadow(0 25px 20px rgba(0,0,0,.65))}.roulette{position:relative;width:100%;height:100%;border:8px solid #111116;border-radius:50%;background:radial-gradient(circle,#e1e2e5 0 4%,#4e5057 5% 8%,#08080a 9% 16%,transparent 17%),repeating-conic-gradient(from -11.25deg,#be172d 0 22.5deg,#101014 22.5deg 45deg);box-shadow:0 0 0 2px #a8abb0,0 0 0 7px #25262b,0 0 0 9px #73757b,inset 0 0 28px #000;animation:rouletteSpin 9s cubic-bezier(.42,.05,.58,.95) infinite}.roulette:before{content:"";position:absolute;inset:20px;border:2px solid rgba(233,234,236,.7);border-radius:50%;box-shadow:inset 0 0 15px #000}.roulette>span{position:absolute;left:50%;top:50%;width:24px;margin-left:-12px;color:#fff;font-size:.58rem;font-weight:900;text-shadow:0 2px 4px #000;transform:rotate(calc(var(--n)*45deg)) translateY(-71px) rotate(calc(var(--n)*-45deg))}.roulette-hub{position:absolute;left:50%;top:50%;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 30%,#f1f1f3,#5d5f65 38%,#0b0b0e 44%);color:#d91f35;font:italic 900 1rem Georgia,serif;transform:translate(-50%,-50%);box-shadow:0 6px 15px #000}
.slot-machine{position:absolute;z-index:3;right:6px;top:24px;width:258px;height:166px;padding:12px 14px 10px;overflow:hidden;clip-path:polygon(15px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 15px);border:1px solid rgba(227,229,232,.38);background:linear-gradient(155deg,rgba(45,45,51,.98),rgba(7,7,9,.99) 56%,rgba(34,5,11,.99));box-shadow:-18px 23px 35px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.15)}.slot-machine:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(transparent,#ff4058 26% 76%,transparent);box-shadow:0 0 15px #d91f35}.slot-head{height:21px;display:flex;align-items:flex-start;justify-content:space-between;color:#c7c9ce;font-size:.55rem;font-weight:900;letter-spacing:.13em}.slot-head b{display:flex;align-items:center;gap:5px;color:#ff687a;font-size:.5rem}.slot-head b i{width:5px;height:5px;border-radius:50%;background:#ff2f4a;box-shadow:0 0 9px #ff2f4a;animation:pulse 1.25s ease-in-out infinite}.reels{position:relative;height:65px;padding:5px 7px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border:1px solid #7c7e84;background:#030304;box-shadow:inset 0 0 18px #000,0 0 0 3px #17171c}.reel{position:relative;height:53px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#0b0b0e,#29292f 49%,#09090b);box-shadow:inset 0 11px 14px #000,inset 0 -11px 14px #000}.reel-strip{position:absolute;left:0;top:0;width:100%;animation:reelSpin 4.6s cubic-bezier(.15,.68,.21,1) infinite;will-change:transform}.reel-two .reel-strip{animation-duration:4.85s}.reel-three .reel-strip{animation-duration:5.1s}.reel-strip span{height:52px;display:grid;place-items:center;color:#f0f0f2;font:900 2.05rem/1 Georgia,serif;text-shadow:2px 2px 0 #9b1022,0 0 14px rgba(255,67,90,.55)}.payline{position:absolute;z-index:4;left:1px;right:1px;top:50%;height:1px;background:linear-gradient(90deg,transparent,#ff3d55 13% 87%,transparent);box-shadow:0 0 8px #ff3d55}.jackpot{height:50px;margin-top:8px;padding:4px 10px 3px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(217,31,53,.5);border-bottom:1px solid rgba(200,203,208,.17);background:linear-gradient(90deg,rgba(217,31,53,.08),rgba(255,255,255,.035),rgba(217,31,53,.08))}.jackpot span{color:#aeb0b5;font-size:.52rem;font-weight:900;letter-spacing:.12em}.jackpot strong{color:#ff5268;font:900 1.22rem/1 "Courier New",monospace;letter-spacing:.05em;text-shadow:0 0 14px rgba(255,50,77,.48)}
.chip{position:absolute;z-index:4;width:28px;height:28px;display:grid;place-items:center;border:3px dotted #d9dade;border-radius:50%;background:radial-gradient(circle,#9f1426 0 45%,#2b2c31 47%);color:#fff;font:900 .65rem Georgia,serif;box-shadow:0 10px 15px rgba(0,0,0,.55);animation:chipFloat 3.2s ease-in-out infinite}.chip-one{left:18px;bottom:13px}.chip-two{left:79px;top:7px;animation-delay:-1.1s}.chip-three{right:8px;top:7px;animation-delay:-2.1s}.light-sweep{position:absolute;z-index:5;top:-50%;left:-35%;width:16%;height:210%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:rotate(20deg);animation:lightSweep 5.5s ease-in-out infinite;pointer-events:none}
footer{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-top:7px;color:#8d8d92;font-size:.61rem;font-weight:900;letter-spacing:.08em}footer i{height:1px;flex:1;background:linear-gradient(90deg,rgba(217,31,53,.04),rgba(200,203,208,.36),rgba(217,31,53,.04))}footer b{color:#c4c4c8;font-size:inherit}
@keyframes bgShift{to{transform:translate3d(4%,-2%,0)}}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes rouletteSpin{0%{transform:rotate(0)}45%{transform:rotate(270deg)}65%{transform:rotate(315deg)}100%{transform:rotate(720deg)}}@keyframes reelSpin{0%,8%{transform:translateY(0)}68%,100%{transform:translateY(-312px)}}@keyframes chipFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(9deg)}}@keyframes lightSweep{0%,18%{left:-35%;opacity:0}45%{opacity:1}72%,100%{left:125%;opacity:0}}
@media(max-width:560px){.shell{padding:11px 10px 9px}.brand img{width:39px;height:39px}.official{padding:7px 9px}.official span{display:none}main{gap:7px}.intro p{font-size:.68rem}h1{font-size:3.5rem}.contacts{grid-template-columns:1fr;gap:7px;margin-top:7px}.contact{min-height:67px;padding:9px 12px;grid-template-columns:39px 1fr 20px;gap:7px 10px}.icon{width:39px;height:39px}.icon svg{width:22px;height:22px}.copy small{font-size:.68rem}.copy strong{font-size:.78rem}.pending .copy strong{font-size:.73rem}.casino-stage{height:190px}.roulette-wrap{left:-21px;top:12px;width:174px;height:174px}.roulette>span{transform:rotate(calc(var(--n)*45deg)) translateY(-64px) rotate(calc(var(--n)*-45deg))}.slot-machine{right:0;top:19px;width:242px;height:166px}.chip-one{left:4px;bottom:7px}.chip-two{left:56px;top:3px}.chip-three{right:2px;top:1px}footer{padding-top:5px}}
@media(max-width:355px){.shell{padding-left:6px;padding-right:6px}.brand small{letter-spacing:.2em}h1{font-size:3.05rem}.contact{grid-template-columns:35px 1fr 17px;padding:8px}.icon{width:35px;height:35px}.icon svg{width:20px;height:20px}.copy small{font-size:.64rem}.copy strong{font-size:.72rem}.pending .copy strong{font-size:.67rem}.casino-stage{height:160px}.roulette-wrap{left:-30px;top:10px;width:152px;height:152px}.roulette>span{transform:rotate(calc(var(--n)*45deg)) translateY(-53px) rotate(calc(var(--n)*-45deg));font-size:.5rem}.slot-machine{right:-2px;top:12px;width:218px;height:151px;padding:10px}.reels{height:61px}.reel{height:49px}.reel-strip span{height:48px;font-size:1.8rem}.reel-strip{animation-name:reelSpinSmall}.jackpot{height:44px;margin-top:7px}.jackpot strong{font-size:1.02rem}.chip{width:24px;height:24px}.chip-one{display:none}.chip-two{left:40px}footer span{display:none}}
@media(max-height:700px){.shell{padding-top:7px}.brand img{width:34px;height:34px}.intro p{display:none}h1{font-size:2.8rem}h2{font-size:.8rem;margin-top:6px}.contacts{margin-top:3px}.contact{min-height:62px}.casino-stage{height:150px;margin-top:0}.roulette-wrap{left:-22px;top:8px;width:146px;height:146px}.roulette>span{transform:rotate(calc(var(--n)*45deg)) translateY(-50px) rotate(calc(var(--n)*-45deg));font-size:.48rem}.slot-machine{top:7px;width:220px;height:145px;padding:9px}.slot-head{height:18px}.reels{height:58px}.reel{height:46px}.reel-strip span{height:45px;font-size:1.7rem}.reel-strip{animation-name:reelSpinShort}.jackpot{height:40px;margin-top:6px}.jackpot strong{font-size:1rem}.chip{width:23px;height:23px}.chip-one{display:none}footer{display:none}}
@keyframes reelSpinSmall{0%,8%{transform:translateY(0)}68%,100%{transform:translateY(-288px)}}@keyframes reelSpinShort{0%,8%{transform:translateY(0)}68%,100%{transform:translateY(-270px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}
