*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#560004}body{font-family:Impact,"Arial Black",Arial,sans-serif;color:#fff;touch-action:manipulation}.page{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden}.background,.background img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.light{position:absolute;left:50%;top:47%;width:min(150vw,1300px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,225,67,.42),rgba(255,45,0,.15) 38%,transparent 70%);animation:glow 1.1s ease-in-out infinite alternate}.game{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px}.logo{position:relative;z-index:4;width:min(34vw,420px);height:auto;filter:drop-shadow(0 5px 7px #3b0000);animation:float 1.7s ease-in-out infinite alternate}.subtitle{z-index:4;margin:-3px 0 7px;font-size:clamp(19px,2.3vw,32px);text-transform:uppercase;color:#fff275;text-shadow:0 3px 0 #b80000,0 0 12px #ff1c00}.slot-machine{position:relative;width:min(86vw,1030px);aspect-ratio:1206/648;padding:3.1%;border:clamp(8px,1.15vw,18px) solid #ffcb23;border-radius:clamp(20px,3vw,48px);background:linear-gradient(145deg,#fff46b,#e82a09 15%,#810006 50%,#ef2e0d 85%,#fff074);box-shadow:0 0 0 5px #6b0003,0 0 32px #ff380b,inset 0 0 22px #3b0000;filter:drop-shadow(0 12px 13px rgba(30,0,0,.7))}.slot-machine:before{content:"";position:absolute;inset:2.1%;border:3px solid #fff08b;border-radius:clamp(12px,2vw,32px);pointer-events:none;z-index:5}.reels{position:absolute;z-index:2;left:5%;right:5%;top:7%;bottom:7%;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(3px,.55vw,9px);overflow:hidden;border-radius:clamp(8px,1.3vw,20px);background:#210000}.reel{position:relative;overflow:hidden;background:linear-gradient(#120000,#510004 50%,#120000);border-left:2px solid rgba(255,219,76,.6);border-right:2px solid rgba(255,219,76,.6)}.reel-track{position:absolute;inset:0;height:100%;display:grid;grid-auto-rows:33.333%;will-change:transform}.reel-track img{width:100%;height:100%;object-fit:contain;padding:5%;filter:drop-shadow(0 4px 3px rgba(30,0,0,.8))}.win-line{position:absolute;z-index:4;left:4%;right:4%;top:50%;height:4px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#fff36a 15%,#ff2b00 50%,#fff36a 85%,transparent);box-shadow:0 0 8px #fff,0 0 22px #ff2b00;opacity:.62;pointer-events:none}.spin-button,.offer-button{border:0;color:#fff677;text-transform:uppercase;text-decoration:none;cursor:pointer;text-shadow:0 3px 0 #a50005,0 0 9px #ff2800}.spin-button{z-index:8;min-width:min(40vw,430px);height:clamp(64px,9vh,88px);padding:0 56px;margin-top:9px;font:900 clamp(37px,5vw,58px)/1 Impact,"Arial Black",sans-serif;background:linear-gradient(#fff16a,#ff3a0a 55%,#970006);border:5px solid #fff184;border-radius:999px;box-shadow:0 6px 0 #660004,0 0 25px #ff2b00,inset 0 3px 8px #fff6a0}.spin-button:active{transform:translateY(3px)}.spin-button:disabled{cursor:default}.instruction{z-index:8;margin:9px 0 0;font-size:clamp(18px,2vw,25px);text-transform:uppercase;color:#fff6b0;text-shadow:0 3px 4px #5b0003}.right-person{position:absolute;z-index:5;right:-1%;bottom:-8%;height:min(72vh,700px);width:auto;pointer-events:none}.left-items{position:absolute;z-index:5;left:0;bottom:2%;width:min(23vw,300px);height:min(55vh,520px);pointer-events:none}.left-items img{position:absolute;width:42%;filter:drop-shadow(0 5px 5px #400)}.left-items img:nth-child(1){left:4%;top:5%;transform:rotate(-20deg)}.left-items img:nth-child(2){right:4%;top:27%;transform:rotate(18deg)}.left-items img:nth-child(3){left:7%;top:52%;transform:rotate(-12deg)}.left-items img:nth-child(4){right:2%;bottom:2%;transform:rotate(20deg)}.spinning .win-line{animation:pulse .28s ease-in-out infinite alternate}.won .win-line{opacity:1}.winner-modal{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(40,0,1,.88);opacity:0;visibility:hidden;transition:opacity .28s}.winner-modal:before,.winner-modal:after{content:"";position:absolute;inset:0;background-position:center bottom;background-repeat:no-repeat;background-size:cover;pointer-events:none}.winner-modal:before{background-image:url("assets/hotSevenSlot/img/modal-dollars.gif");opacity:.78}.winner-modal:after{background-image:url("assets/hotSevenSlot/img/modal-fire.gif");opacity:.64}.winner-modal.open{opacity:1;visibility:visible}.modal-card{position:relative;z-index:2;width:min(92vw,650px);min-height:min(80vh,610px);padding:42px 35px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:6px solid #ffe45d;border-radius:52px;background:radial-gradient(circle at 50% 30%,#ef390b,#810006 57%,#310001);box-shadow:0 0 0 5px #a60006,0 0 35px #ff4b0c,inset 0 0 35px #ffab13}.modal-close{position:absolute;z-index:3;right:14px;top:12px;width:44px;height:44px;border:2px solid #ffe98a;border-radius:50%;background:#760005;color:#fff;font:bold 31px/36px Arial;cursor:pointer}.modal-logo{width:min(72%,400px);height:auto}.modal-win{width:min(88%,520px);height:auto;margin:3px 0 -5px}.modal-card h1{margin:5px 0;font-size:clamp(43px,7vw,76px);line-height:.95;color:#fff15d;text-shadow:0 4px 0 #a70005,0 0 22px #ff4b00}.modal-card p{margin:13px 0 24px;font:bold clamp(18px,3vw,28px) Arial,sans-serif;text-transform:uppercase}.offer-button{display:flex;align-items:center;justify-content:center;width:min(82%,410px);min-height:70px;padding:13px 20px;font:900 clamp(26px,4vw,39px)/1 Impact,"Arial Black",sans-serif;background:linear-gradient(#fff16a,#ff3a0a 57%,#940006);border:4px solid #fff184;border-radius:999px;box-shadow:0 6px 0 #630003,0 0 24px #ff2b00}@keyframes pulse{to{opacity:.18}}@keyframes glow{to{transform:translate(-50%,-50%) scale(1.08)}}@keyframes float{to{transform:translateY(5px) scale(.98)}}
@media(max-width:767px){.game{justify-content:flex-start;padding:max(8px,env(safe-area-inset-top)) 2px max(7px,env(safe-area-inset-bottom))}.logo{width:min(70vw,300px);margin-top:.5vh}.subtitle{margin:-2px 0 5px;font-size:clamp(19px,6vw,26px)}.slot-machine{width:min(96vw,540px);aspect-ratio:1;padding:5.5%;border-width:9px;border-radius:27px}.slot-machine:before{inset:2%;border-radius:19px}.reels{left:7%;right:7%;top:7%;bottom:7%;grid-template-columns:repeat(3,1fr);gap:4px}.desktop-reel{display:none}.reel{border-width:1px}.spin-button{min-width:min(68vw,310px);height:clamp(58px,8.8vh,76px);padding:0 35px;margin-top:1.2vh;font-size:clamp(35px,10vw,48px)}.instruction{font-size:clamp(16px,5vw,21px);margin-top:1vh}.right-person{height:34vh;right:-10%;bottom:-3%;opacity:.92}.left-items{width:34vw;height:30vh;left:-5%;bottom:0}.modal-card{width:min(94vw,430px);min-height:min(76vh,590px);padding:42px 20px 26px;border-radius:35px}.modal-logo{width:76%}.modal-win{width:96%}.modal-card h1{font-size:clamp(39px,12vw,58px)}.modal-card p{font-size:clamp(16px,5vw,22px)}.offer-button{min-height:64px;font-size:clamp(25px,8vw,36px)}}
@media(max-width:767px) and (max-height:680px){.logo{width:min(52vw,220px);margin-top:0}.subtitle{font-size:18px;margin-bottom:2px}.slot-machine{width:min(74vw,390px)}.spin-button{height:52px;margin-top:3px}.instruction{margin-top:3px}.right-person,.left-items{display:none}}
@media(min-width:768px) and (max-height:850px){.logo{width:min(24vw,270px)}.subtitle{margin-bottom:2px;font-size:24px}.slot-machine{width:min(70vw,calc((100dvh - 255px)*1.8611),900px)}.spin-button{height:62px;margin-top:6px;font-size:42px}.instruction{margin-top:5px;font-size:18px}.right-person{height:60vh}.left-items{width:min(18vw,230px)}}
.modal-open .game{visibility:hidden}