*{box-sizing:border-box}:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080208}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080208}body{display:grid;place-items:center}#stage{position:relative;width:min(100vw,166.84vh);aspect-ratio:1620/971;overflow:hidden;background:#080208;isolation:isolate;box-shadow:0 0 40px #000}#shell,#mobile-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;z-index:0}#mobile-shell{display:none}#reels{position:absolute;left:16.15%;top:18.3%;width:67.35%;height:64.2%;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);column-gap:.5%;row-gap:.65%;padding:.16%;background:transparent;border-radius:.4%;overflow:hidden}.cube{position:relative;min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;border:0;border-radius:2%;background:transparent;box-shadow:none}.symbol{position:relative;width:91%;height:91%;object-fit:contain;filter:drop-shadow(0 .3vw .24vw rgba(0,0,0,.75));transition:transform .16s ease,filter .16s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.symbol.win-symbol{animation:winner .21s ease-in-out 14 alternate;z-index:4}.cube.win-cube{z-index:3;animation:winning-cube .21s ease-in-out 14 alternate;border-color:#fff33d;box-shadow:inset 0 0 1.1vw #fffffff2,0 0 1vw .25vw #ffdf25}#reels.has-win .cube:not(.win-cube){filter:brightness(.3) grayscale(.35);opacity:.48;transition:filter .18s,opacity .18s}.value{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;gap:.12em;height:4.5%;padding:0;background:transparent;border-radius:0;font-size:clamp(11px,1.36vw,24px);font-weight:900;line-height:1;color:#fff;text-shadow:0 .1em .14em rgba(0,0,0,.8);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:visible;text-align:center}.value .currency{font-size:.8em}.balance{left:17.9%;top:91.1%;width:18%;background:transparent}.bet{left:39.1%;top:91.1%;width:15.7%;background:transparent}.win{left:57.3%;top:91.1%;width:16.5%;background:transparent}.hotspot{position:absolute;z-index:5;border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hotspot:focus-visible{outline:.28vw solid #fff;outline-offset:-.15vw}#menu{left:3.6%;top:86.5%;width:6.2%;height:11%;border-radius:50%}#sound{left:11%;top:86.5%;width:6.2%;height:11%;border-radius:50%;background:radial-gradient(circle,#4e123e,#120410 72%);border:.18vw solid #f5f5f5}#minus{left:37.4%;top:90.5%;width:3.6%;height:6.6%;border-radius:22%}#plus{left:51.1%;top:90.5%;width:3.6%;height:6.6%;border-radius:22%}#spin{left:73.5%;top:85.7%;width:22.1%;height:12.8%;border-radius:42%}#spin:hover{filter:drop-shadow(0 0 .75vw #fff)}#spin:active{transform:scale(.98)}#spin[disabled]{cursor:not-allowed;filter:grayscale(.35) brightness(.72)}#status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#prize-banner{position:absolute;z-index:10;right:2%;top:3%;min-width:22%;padding:.55% 1.5%;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:.15em .55em;border:.22vw solid #fff;border-radius:1em;background:linear-gradient(135deg,#12030f,#7b0d66 58%,#f228a8);color:#fff;font-size:clamp(13px,1.6vw,28px);font-weight:900;text-shadow:0 .12em .12em rgba(60,0,50,.8);box-shadow:0 0 1.2vw #ff31c9,inset 0 .18vw .25vw #ffffff73;opacity:0;transform:translate(120%) scale(.7);pointer-events:none}#prize-banner strong{color:#fff75f;white-space:nowrap}#prize-banner small{grid-column:1/-1;text-align:center;font-size:.52em;letter-spacing:.04em;white-space:nowrap}#prize-banner.show{animation:prize-pop 4.2s ease both}.spinning .symbol{filter:blur(1.2px) saturate(1.25);transform:scale(.94)}#sound:before{content:"🔊";display:grid;place-items:center;width:100%;height:100%;font-size:clamp(18px,2.1vw,34px)}#sound.muted:before{content:"🔇"}#sound.muted:after{content:none}dialog{width:min(90%,620px);max-height:88dvh;overflow:auto;padding:2.2rem 2rem 1.6rem;border:4px solid #ff4bc8;border-radius:24px;background:linear-gradient(160deg,#080208,#4f0a43);color:#fff;box-shadow:0 18px 80px #000;text-align:center}dialog::backdrop{background:#000819b8}dialog h1{margin:.2rem 0 1rem;color:#fff;text-shadow:0 3px 0 #9d147b;font-size:clamp(1.4rem,4vw,2.5rem)}dialog h2{margin:1rem 0 .55rem;color:#fff75f;font-size:1.25rem}dialog p{font-size:1.05rem;line-height:1.5}dialog .paytable{margin:.25rem auto .8rem;padding:0;max-width:420px;list-style:none;text-align:left;font-size:1.05rem;line-height:1.65}dialog .paytable li{margin:.3rem 0;padding:.3rem .7rem;border-radius:10px;background:#78085f6b}dialog .example{margin:.5rem auto;max-width:460px;padding:.65rem;border:2px solid rgba(255,239,74,.65);border-radius:12px;background:#0316415c;font-size:.95rem}dialog .demo{font-weight:900;letter-spacing:.08em}#close-info{position:absolute;right:.55rem;top:.35rem;border:0;background:transparent;color:#fff;font-size:2rem;cursor:pointer}@keyframes winner{0%{transform:scale(.86)}to{transform:scale(1.24);filter:drop-shadow(0 0 1.1vw #fff) saturate(1.65) brightness(1.2)}}@keyframes winning-cube{0%{transform:scale(.94)}to{filter:brightness(1.35) saturate(1.65);transform:scale(1.035)}}@keyframes prize-pop{0%{opacity:0;transform:translate(120%) scale(.7)}12%,78%{opacity:1;transform:translate(0) scale(1)}30%{transform:translate(0) scale(1.1)}to{opacity:0;transform:translate(20%) scale(.92)}}@media(orientation:portrait)and (max-width:700px){body{display:block;background:#080208}#stage{width:100vw;height:100dvh;aspect-ratio:auto;box-shadow:none;background:#080208}#shell{display:none}#mobile-shell{display:block;height:100%;object-fit:cover;object-position:50% 0;filter:saturate(1.06) brightness(.86)}#stage:after{content:"";position:absolute;z-index:1;inset:22% 0 0;background:linear-gradient(180deg,transparent,rgba(42,0,35,.18) 62%,rgba(8,2,8,.94));pointer-events:none}#reels{left:3%;top:25%;width:94%;height:45%;gap:.45%;padding:.55%;border:3px solid #f4f4f4;border-radius:14px;background:#160411;box-shadow:0 0 20px #ff22be99,0 10px 30px #000000bf}.cube{border:1px solid rgba(255,87,207,.75);border-radius:8%;background:linear-gradient(145deg,#1c0b19,#050305);box-shadow:inset 0 2px 5px #ff96e624,0 2px 4px #000000b3}.symbol{width:90%;height:90%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.7))}.value{top:74%;height:10%;width:29%;padding-top:2.6%;background:transparent;border:0;border-radius:0;font-size:clamp(15px,4.6vw,22px);box-shadow:none}.value:before{position:absolute;top:8%;left:0;width:100%;font-size:clamp(9px,2.6vw,13px);font-weight:900;letter-spacing:.04em}.balance{left:3%}.balance:before{content:var(--balance-label)}.bet{left:35.5%}.bet:before{content:var(--bet-label)}.win{left:68%}.win:before{content:var(--prize-label)}#spin{left:53%;top:88%;width:44%;height:9%;border-radius:24px;background:linear-gradient(#ff35bd,#a20a78);border:4px solid #fff;box-shadow:inset 0 3px #ffffff8c,0 0 14px #ff30c2b3}#spin:after{content:var(--spin-label);display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:clamp(22px,7vw,34px);font-weight:900;text-shadow:0 3px 2px #53003f}#minus,#plus{top:88.5%;width:10%;height:8%;border:3px solid #fff;border-radius:14px;background:linear-gradient(#a91883,#4b0a3e);color:#fff}#minus{left:29%}#plus{left:41%}#minus:after,#plus:after{display:grid;place-items:center;width:100%;height:100%;font-size:30px;font-weight:900;color:#fff}#minus:after{content:"−"}#plus:after{content:"+"}#menu{left:2%;top:89%;width:11%;height:7%;border-radius:14px;background:linear-gradient(#a91883,#4b0a3e);border:3px solid #fff}#menu:after{content:"☰";display:grid;place-items:center;width:100%;height:100%;font-size:25px;color:#fff}#sound{display:block;left:15%;top:89%;width:11%;height:7%;border-radius:14px;background:linear-gradient(#a91883,#4b0a3e);border:3px solid #fff}#sound:before{content:"🔊";display:grid;place-items:center;width:100%;height:100%;font-size:clamp(18px,5vw,25px);line-height:1}#sound.muted:before{content:"🔇"}#sound.muted:after{content:none}}@media(orientation:portrait)and (max-width:700px){#prize-banner{right:3%;top:1.5%;min-width:42%;padding:1.8% 3%;border-width:3px;font-size:clamp(14px,4vw,20px);box-shadow:0 0 16px #ffec48}}@media(prefers-reduced-motion:reduce){.symbol{transition:none!important}.symbol.win-symbol{animation:winner .35s ease-in-out 6 alternate!important}.cube.win-cube{animation:winning-cube .35s ease-in-out 6 alternate!important}}