dialog.slot-fullscreen{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#fff;color:#263248;box-shadow:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
dialog.slot-fullscreen::backdrop{background:#fff;backdrop-filter:none}dialog.slot-fullscreen>.close{display:none}dialog.slot-fullscreen>#modal-content{min-height:100%}
.infinity-slot{--reel-cell:90px;width:100%;max-width:100%;min-width:0;min-height:100dvh;display:flex;flex-direction:column;padding:20px 32px 17px;background:radial-gradient(ellipse at 50% 40%,#e9e2fb99,transparent 65%),linear-gradient(135deg,#faf8ff,#fff 55%,#eef8ff);color:#263248;overflow-x:clip;isolation:isolate}
.slot-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:1220px;width:100%;margin:0 auto;min-width:0;position:relative;z-index:6;background:none}.slot-brand{display:flex;align-items:center;gap:10px;color:#423756;font-size:14px;font-weight:600}.slot-brand-mark{font-size:31px;line-height:1;font-weight:700;color:#7951aa}.slot-skip{border:1px solid #bfb0d5;background:#fff;color:#603e83;border-radius:22px;font-size:12px;padding:9px 17px}.slot-skip:hover{background:#f4edf9;border-color:#8d69b4}
.slot-main{max-width:1100px;width:100%;min-width:0;flex:1;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0}.slot-eyebrow{font-size:9px;letter-spacing:2.5px;color:#6b5487;margin:0 0 8px}.slot-heading{font-size:30px;line-height:1.5;font-weight:700;color:#302d47;margin:0 0 6px}.slot-subtitle{font-size:12px;color:#5c637b;margin:0 0 21px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.slot-machine{width:min(1060px,100%);min-width:0;border:1px solid #bfaed5;border-radius:18px;padding:12px 14px 0;background:linear-gradient(135deg,#fff,#dcd5eb 48%,#f6faff);box-shadow:0 0 0 4px #fff,0 0 0 5px #d9d0e7,0 17px 0 -8px #bcb1d3,0 25px 38px #6e61972b;transform:perspective(1500px) rotateX(2deg)}
.infinity-slot[data-count="1"] .slot-machine{max-width:320px}.infinity-slot[data-count="2"] .slot-machine{max-width:530px}.infinity-slot[data-count="3"] .slot-machine{max-width:720px}.slot-marquee{height:38px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #cbbade;border-radius:8px;padding:0 18px;color:#8361a6;background:linear-gradient(#fff,#eee9f7);box-shadow:inset 0 1px 1px #fff,0 2px 4px #80729822}.slot-marquee>strong{font-size:15px;letter-spacing:5px;color:#66408b}.slot-column-labels{display:grid;grid-template-columns:repeat(var(--reel-columns),minmax(0,1fr));padding:10px 0 7px;font-size:9px;letter-spacing:1px;color:#615170}
.slot-bezel{position:relative;display:grid;grid-template-columns:repeat(var(--reel-columns),minmax(0,1fr));gap:0;min-width:0;border:1px solid #a49bb8;border-radius:10px;overflow:hidden;background:#fff;box-shadow:inset 0 8px 16px #54406944,0 2px 0 #fff}.slot-reel{min-width:0;overflow:hidden;border-right:1px solid #d4cce0}.slot-reel:nth-last-child(2){border-right:0}.slot-reel-window{height:calc(var(--reel-cell) * var(--visible-rows));overflow:hidden;position:relative;background:linear-gradient(90deg,#eee9f5,#fff 14%,#fff 86%,#e8e3f0)}.slot-bezel:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(#40345355,#eeebf728 12%,transparent 35%,transparent 65%,#eeeaf62b 88%,#40345355);box-shadow:inset 0 14px 24px -14px #2a184b,inset 0 -14px 24px -14px #2a184b}
.slot-reel-track{display:flex;flex-direction:column;will-change:transform}.slot-prize-cell{height:var(--reel-cell);flex:0 0 var(--reel-cell);padding:6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;border-bottom:1px solid #e7dfef;transform-origin:center;backface-visibility:hidden}.slot-cell-art{position:relative;height:calc(var(--reel-cell) - 24px);width:100%;min-height:0;overflow:hidden}.slot-cell-art img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain;filter:drop-shadow(0 4px 3px #402d5e22)}.slot-cell-name{max-width:100%;font-size:10px;line-height:1.4;color:#40364f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-art-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:#8961ae}.slot-empty-cell{color:#a59aaf;font-size:21px}.slot-centerline{position:absolute;left:0;right:0;top:calc(var(--reel-cell) * 2);height:calc(var(--reel-cell) * var(--winning-rows));border:3px solid #8c5cc0;border-radius:5px;pointer-events:none;z-index:4;box-shadow:0 0 0 1px #ffffffb3,inset 0 0 14px #a677df20,0 0 17px #9868c444;background:#ab83d306}.slot-line-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:23px;color:#8050b3;text-shadow:0 1px #fff}.slot-line-arrow.left{left:0}.slot-line-arrow.right{right:0}.slot-prize-cell.is-landed{background:linear-gradient(135deg,#f3ecff99,#fff6);box-shadow:inset 0 0 20px #a877d51a}.slot-machine-base{font-size:10px;color:#625071;text-align:center;padding:11px 4px;line-height:1.7}.slot-status{font-size:12px;color:#574765;margin:24px 0 11px;min-height:20px}.slot-batch-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;width:100%;max-width:670px;min-width:0}.slot-batch-dot{border:1px solid #c8c9d9;border-radius:5px;padding:3px 7px;min-width:28px;font-size:10px;color:#5e5e75;background:#fff}.slot-batch-dot.is-revealed{border-color:#b89acd;color:#714693;background:#f2e9fa;font-weight:600}.slot-progress{height:3px;width:230px;max-width:90%;background:#ded9e9;border-radius:3px;overflow:hidden;margin-top:13px}.slot-progress>span{display:block;height:100%;width:0;background:var(--gradient);transition:width .3s}.slot-footer{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:1220px;margin:0 auto;padding:0;border:0;font-size:10px;color:#60667c}.slot-footer>span:last-child{font-size:8px;letter-spacing:2px}
.slot-mythic{position:fixed;inset:0;z-index:5;display:grid;place-items:center;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse,#5c2d98df,#160d38f5 75%);animation:mythic-veil 2.7s both}.slot-mythic-rays{position:absolute;width:150vmax;height:150vmax;background:repeating-conic-gradient(from 10deg,#c8a3ff00 0deg,#c8a3ff33 9deg,#ffc86c38 12deg,#c8a3ff00 21deg);animation:mythic-rays 3s linear both}.slot-mythic-ring{position:absolute;width:min(76vw,630px);aspect-ratio:1;border:2px solid #e8c78d;border-radius:50%;box-shadow:0 0 50px #b591f3,inset 0 0 40px #b591f399;animation:mythic-ring 2.7s both}.slot-mythic-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px;max-width:650px;color:#fff;animation:mythic-rise .8s cubic-bezier(.15,.8,.2,1) both}.slot-mythic-content>p{font-size:12px;letter-spacing:5px;color:#efd39e}.slot-mythic-content>h2{font-size:clamp(40px,6vw,76px);font-weight:900;letter-spacing:8px;color:#ffedbd;text-shadow:0 3px 0 #a57436,0 0 35px #efbaf9;margin:5px 0 20px}.slot-mythic-content>img{height:min(37vh,300px);max-width:80vw;object-fit:contain;filter:drop-shadow(0 0 25px #dcb3ff);margin-bottom:18px}.slot-mythic-content>strong{font-size:clamp(15px,2vw,23px);line-height:1.5}.slot-mythic-content>span{margin-top:10px;color:#efd8a9;font-size:13px;letter-spacing:3px}.slot-mythic-particle{position:absolute;left:50%;top:50%;width:5px;height:5px;background:#ffe4a5;box-shadow:0 0 10px #d6a0ff;border-radius:1px;animation:mythic-particle 2.1s var(--delay) both}
@keyframes mythic-veil{0%{opacity:0}12%,82%{opacity:1}100%{opacity:0}}@keyframes mythic-rays{to{transform:rotate(24deg)}}@keyframes mythic-ring{0%{transform:scale(.5);opacity:0}35%{opacity:.9}100%{transform:scale(1.4);opacity:0}}@keyframes mythic-rise{from{opacity:0;transform:translateY(35px) scale(.8)}to{opacity:1;transform:none}}@keyframes mythic-particle{0%{transform:rotate(var(--angle)) translateX(30px);opacity:0}30%{opacity:1}100%{transform:rotate(var(--angle)) translateX(var(--distance)) rotate(140deg);opacity:0}}
@media(max-width:680px){.infinity-slot{--reel-cell:65px;padding:15px 14px 18px}.slot-topbar{gap:10px}.slot-brand{font-size:12px;gap:7px}.slot-brand-mark{font-size:28px}.slot-skip{font-size:11px;padding:8px 10px}.slot-main{padding:22px 0}.slot-eyebrow{font-size:7px;letter-spacing:1.5px}.slot-heading{font-size:23px}.slot-subtitle{font-size:11px;margin-bottom:19px}.slot-machine{padding:8px 6px 0;border-radius:12px;transform:perspective(1200px) rotateX(1deg)}.slot-marquee{height:31px;padding:0 11px}.slot-marquee>strong{font-size:12px;letter-spacing:3px}.slot-column-labels{font-size:7px;letter-spacing:0;padding:8px 0 6px}.slot-bezel{border-radius:7px}.slot-prize-cell{padding:4px 2px;gap:2px}.slot-cell-art{height:calc(var(--reel-cell) - 19px)}.slot-cell-name{font-size:8px}.slot-centerline{border-width:2px}.slot-line-arrow{font-size:16px}.slot-machine-base{font-size:9px;padding:9px 2px}.slot-status{font-size:11px;margin-top:22px}.slot-batch-dots{gap:4px}.slot-batch-dot{font-size:9px;padding:3px 5px;min-width:24px}.slot-footer{justify-content:center;text-align:center;font-size:9px}.slot-footer>span:last-child{display:none}.slot-mythic-content{padding:22px}.slot-mythic-content>h2{letter-spacing:4px}.slot-mythic-content>p{font-size:9px;letter-spacing:3px}}
@media(max-width:350px){.infinity-slot{--reel-cell:57px;padding-left:11px;padding-right:11px}.slot-heading{font-size:21px}.slot-column-labels{font-size:6px}.slot-cell-name{font-size:7px}}
@media(max-height:740px) and (min-width:681px){.infinity-slot{--reel-cell:64px}.slot-heading{font-size:25px}.slot-main{padding:15px 0}.slot-subtitle{margin-bottom:15px}.slot-status{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.infinity-slot *{transition:none!important;animation:none!important}}