.slot{--sa:#14204a;--sb:#ffc233;--sc:#ffe58a;gap:12px;width:min(100%,1000px);display:grid;position:relative;container-type:inline-size}.slot-cabinet,.slot-top,.slot-hud,.slot-bar{min-width:0}.slot-cabinet{--cw:min(128px, calc((100cqi - 60px) / var(--reels)));--ch:var(--cw)}.slot--r3 .slot-cabinet{--cw:min(150px, calc((100cqi - 60px) / 3))}.slot--y4 .slot-cabinet{--ch:calc(var(--cw) * .84)}.slot--y1 .slot-cabinet{--cw:min(160px, calc((100cqi - 60px) / 3));--ch:calc(var(--cw) * 1.05)}.slot-top{text-align:center;justify-items:center;gap:6px;display:grid}.slot-title{font:800 clamp(22px, 5cqi, 38px)/1.05 var(--font-display);letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(#fffbe6 0%,#ffe58a 30%,#ffc233 55%,#e08a00 80%,#9a5e00);color:#0000;filter:drop-shadow(0 2px 0 #5a3300) drop-shadow(0 0 18px color-mix(in srgb, var(--sb) 70%, transparent));-webkit-background-clip:text;background-clip:text}.slot-tags{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.slot-tags span{font:700 10px/14px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--sc);border:1px solid color-mix(in srgb, var(--sb) 55%, transparent);background:color-mix(in srgb, var(--sa) 70%, #000);border-radius:999px;padding:4px 10px}.slot-cabinet{box-shadow:0 0 0 1px #0009, 0 26px 60px #000000b3, 0 0 70px color-mix(in srgb, var(--sb) 38%, transparent);background:linear-gradient(160deg,#fff3c4 0%,#ffc233 18%,#9a5e00 42%,#ffc233 62%,#ffe58a 78%,#9a5e00 100%);border-radius:26px;justify-self:center;padding:26px 14px;transition:box-shadow .4s;position:relative}.slot-cabinet:before{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--sa) 75%, #000), #05070f);border-radius:20px;position:absolute;top:7px;bottom:7px;left:7px;right:7px;box-shadow:inset 0 2px #ffffff26,inset 0 -2px #00000080}.slot-bulbs{z-index:1;pointer-events:none;justify-content:space-between;height:10px;display:flex;position:absolute;left:22px;right:22px}.slot-bulbs--top{top:9px}.slot-bulbs--bottom{bottom:9px}.slot-bulbs i{width:8px;height:8px;box-shadow:0 0 6px var(--sc), 0 0 12px var(--sb);animation:1.4s step-end infinite bulb;animation-delay:calc(var(--i) * -.0778s);background:#fff3c4;border-radius:50%}@keyframes bulb{0%,50%{opacity:1}51%,to{opacity:.25;box-shadow:none}}.slot.has-win .slot-bulbs i{animation-duration:.5s}.slot.is-fs .slot-bulbs i{background:#ffd1e3;box-shadow:0 0 6px #ff3d7f,0 0 14px #ff3d7f}.slot.is-fs .slot-cabinet{box-shadow:0 0 0 1px #0009,0 26px 60px #000000b3,0 0 90px #ff3d7f80}.slot-window{z-index:1;grid-template-columns:repeat(var(--reels), var(--cw));box-shadow:0 0 0 2px #0009, 0 0 0 4px color-mix(in srgb, var(--sb) 60%, #000);background:#000;border-radius:14px;gap:3px;padding:0;display:grid;position:relative;overflow:hidden}.slot-window:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#000000a6 0%,#0000 16%,#0000 84%,#000000a6 100%),linear-gradient(115deg,#ffffff1f 0%,#fff0 28%,#fff0 70%,#ffffff0d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.slot-reel{height:calc(var(--ch) * var(--rows));background:radial-gradient(120% 60% at 50% 50%, color-mix(in srgb, var(--sb) 22%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--sa) 60%, #05070f), color-mix(in srgb, var(--sa) 85%, #0a0e1f) 50%, color-mix(in srgb, var(--sa) 60%, #05070f));transition:box-shadow .25s;position:relative;overflow:hidden}.slot-strip{will-change:transform}.slot-strip.is-blur{filter:blur(1.6px)}.slot-strip.is-blur .sym{transform:scaleY(1.18)}.slot-cell{height:var(--ch);place-items:center;transition:filter .3s;display:grid;position:relative}.slot-cell+.slot-cell:before{content:"";background:#ffffff0d;height:1px;position:absolute;top:0;left:10%;right:10%}.slot-reel.is-anticipate{box-shadow:inset 0 0 0 3px var(--sc), inset 0 0 30px color-mix(in srgb, var(--sb) 80%, transparent);z-index:2;animation:.45s ease-in-out infinite alternate antic}@keyframes antic{to{box-shadow:inset 0 0 0 3px #fff, inset 0 0 44px var(--sb)}}.sym{-webkit-user-select:none;-moz-user-select:none;user-select:none;place-items:center;width:100%;height:100%;transition:transform .2s;display:grid;position:relative}.sym-emo{font-size:calc(var(--ch) * .6);filter:drop-shadow(0 4px 3px #000000a6);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1}.sym--hi:before,.sym--fruit:before{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--sb) 42%, transparent) 0%, transparent 68%);border-radius:50%;width:74%;position:absolute}.sym--hi.tier-0:before{background:radial-gradient(circle,#ffc23380 0%,#0000 68%);width:84%}.sym--hi.tier-0 .sym-emo{font-size:calc(var(--ch) * .66)}.sym--hi.tier-0:after{content:"";border:2px solid #ffc23359;border-radius:22%;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.sym--fruit:before{opacity:.55}.sym-royal{font:800 calc(var(--ch) * .56)/1 var(--font-display);letter-spacing:-.02em;background:linear-gradient(180deg, #fff 0%, var(--c1) 28%, var(--c2) 64%, color-mix(in srgb, var(--c2) 55%, #000) 100%);color:#0000;filter:drop-shadow(0 0 1px #000) drop-shadow(0 3px 0 #000000b3) drop-shadow(0 0 10px color-mix(in srgb, var(--c2) 55%, transparent));-webkit-background-clip:text;background-clip:text}.sym-royal.is-ten{font-size:calc(var(--ch) * .44);letter-spacing:-.08em}.sym-seven{font:800 calc(var(--ch) * .72)/1 var(--font-display);background:linear-gradient(#ffe3e6 0%,#ff5a6e 30%,#d0102e 62%,#6a0016 100%);color:#0000;filter:drop-shadow(1.5px 0 #ffc233)drop-shadow(-1.5px 0 #ffc233)drop-shadow(0 1.5px #ffc233)drop-shadow(0 -1.5px #ffc233)drop-shadow(0 5px 5px #000000b3);-webkit-background-clip:text;background-clip:text}.sym-bar{gap:calc(var(--ch) * .04);justify-items:center;display:grid}.sym-bar i{font:800 calc(var(--ch) * .15)/1 var(--font-display);letter-spacing:.06em;color:#f4f6ff;background:linear-gradient(#3a4a8f,#14204a);border:2px solid #ffc233;border-radius:.3em;padding:.22em .55em .2em;font-style:normal;box-shadow:0 2px #000000b3,inset 0 1px #ffffff40}.sym-bar.n1 i{font-size:calc(var(--ch) * .22)}.sym-bar.n2 i{font-size:calc(var(--ch) * .17)}.sym-badge{aspect-ratio:1;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--sb) 70%, #fff) 0%, var(--sb) 35%, var(--sa) 100%);width:80%;box-shadow:inset 0 0 0 3px #ffe58a, inset 0 0 0 5px #9a5e00, 0 0 16px color-mix(in srgb, var(--sb) 70%, transparent), 0 6px 10px #0009;border-radius:24%;place-items:center;display:grid;position:relative}.sym--scatter .sym-badge{background:radial-gradient(circle at 50% 35%,#ffd1e3 0%,#ff3d7f 38%,#4a0a2a 100%);border-radius:50%;animation:1.6s ease-in-out infinite alternate scatterGlow;box-shadow:inset 0 0 0 3px #ffd1e3,inset 0 0 0 5px #8a1040,0 0 18px #ff3d7fb3,0 6px 10px #0009}@keyframes scatterGlow{to{box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px #8a1040,0 0 28px #ff3d7f,0 6px 10px #0009}}.sym-badge .sym-emo{font-size:calc(var(--ch) * .44)}.sym-tag{white-space:nowrap;font:800 calc(var(--ch) * .105)/1 var(--font-display);letter-spacing:.06em;color:#fff;background:linear-gradient(#ff6b8f,#c8104a);border:1.5px solid #ffe58a;border-radius:.35em;padding:.32em .6em .28em;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #000000b3}.sym--scatter .sym-tag{background:linear-gradient(#4de3ff,#0a7fa6)}.sym-img{filter:drop-shadow(0 4px 4px #000000b3);width:66%;height:auto}.sym-fzcoin{aspect-ratio:1;filter:drop-shadow(0 4px 4px #000000b3);background:url(/assets/coin-128-DzzrJ6Z3.webp) 50%/contain no-repeat;width:66%}.slot.has-win .slot-cell:not(.is-win){filter:brightness(.42)saturate(.55)}.slot-cell.is-win .sym{animation:.8s ease-in-out infinite alternate symPop}@keyframes symPop{0%{transform:scale(1)}to{filter:brightness(1.18);transform:scale(1.09)}}.slot-cell.is-lit:after{content:"";pointer-events:none;z-index:2;border:3px solid var(--sc);box-shadow:0 0 16px var(--sb), inset 0 0 16px color-mix(in srgb, var(--sb) 60%, transparent);border-radius:12px;animation:.35s both litIn;position:absolute;top:4px;bottom:4px;left:4px;right:4px}@keyframes litIn{0%{opacity:0;transform:scale(.85)}}.slot-lines{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.slot-line,.slot-line__glow{fill:none;stroke:var(--lc);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3000;stroke-dashoffset:3000px;animation:.55s forwards lineDraw}.slot-line{stroke-width:4px}.slot-line__glow{stroke-width:12px;opacity:.35;filter:blur(3px)}@keyframes lineDraw{to{stroke-dashoffset:0}}.slot-wlabel{z-index:5;border:1px solid var(--sc);max-width:calc(100% - 20px);font:700 13px/18px var(--font-body);color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;pointer-events:none;background:#05070fe6;border-radius:999px;padding:6px 14px;transition:opacity .25s,transform .25s;position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%,8px)}.slot-wlabel.is-on{opacity:1;transform:translate(-50%)}.slot-expand{z-index:2;background:radial-gradient(80% 50% at 50% 50%, color-mix(in srgb, var(--sb) 70%, transparent), color-mix(in srgb, var(--sa) 92%, #000) 75%);box-shadow:inset 0 0 0 3px #ffe58a, inset 0 0 40px var(--sb);place-items:center;animation:.6s cubic-bezier(.2,.9,.3,1.2) both expandIn;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.slot-expand__in{width:100%;height:var(--ch);transform:scale(1.35)}.slot-expand:after{content:"";background:linear-gradient(#0000 30%,#ffffff59 50%,#0000 70%) 0 0/100% 300%;animation:1.4s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes expandIn{0%{opacity:0;transform:scaleY(.3)}}@keyframes shine{0%{background-position:0 100%}to{background-position:0 -100%}}.slot-overlay{z-index:6;cursor:pointer;background:radial-gradient(70% 70%,#05070fcc,#05070ff2);place-items:center;animation:.25s both fadeIn;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.slot-overlay.is-leaving{opacity:0;transition:opacity .25s}.slot-overlay__box{z-index:1;text-align:center;gap:6px;padding:16px;animation:.55s cubic-bezier(.2,1.4,.4,1) both pop;display:grid;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.slot-overlay__title{font:800 clamp(26px, 8cqi, 64px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(#fffbe6,#ffe58a 30%,#ffc233 55%,#e08a00 85%);color:#0000;filter:drop-shadow(0 3px #5a3300)drop-shadow(0 0 24px #ffc233b3);-webkit-background-clip:text;background-clip:text}.slot-overlay--fs .slot-overlay__title,.slot-overlay--fs-end .slot-overlay__title{background:linear-gradient(#fff,#ffd1e3 30%,#ff3d7f 70%,#a0104a);filter:drop-shadow(0 3px #3a0018)drop-shadow(0 0 24px #ff3d7fb3);-webkit-background-clip:text;background-clip:text}.slot-overlay__num{font:800 clamp(24px, 6.5cqi, 52px)/1.1 var(--font-display);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #ffc233}.slot-overlay__sub{color:var(--sc);font:700 clamp(13px, 2.4cqi, 18px)/1.3 var(--font-body)}.slot-overlay__hint{color:#ffffff80;margin-top:8px;font-size:12px}.slot-rain i{width:calc(34px * var(--s));height:calc(34px * var(--s));animation:2s linear infinite both rain;position:absolute;top:-12%}@keyframes rain{0%{transform:translateY(0)rotate(0)}to{transform:translateY(140cqh)rotate(540deg)}}.slot-overlay{container-type:size}.slot-hud{color:var(--ink-muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;min-height:20px;font-size:13px;display:flex}.slot-hud b{color:var(--ink);font-variant-numeric:tabular-nums}.slot-hud__fs,.slot-hud__mult{color:#ffd1e3;background:#ff3d7f26;border:1px solid #ff3d7f80;border-radius:999px;padding:2px 10px}.slot-hud__auto b{color:var(--gold)}.slot-bar{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-strong);border-radius:20px;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:14px;padding:12px 16px;display:grid;box-shadow:inset 0 1px #ffffff14}.slot-bar__bet{justify-self:start}.slot-bar__extra{justify-self:end;gap:8px;display:flex}.slot-bar__spin{align-items:center;gap:12px;display:flex;position:relative}.slot-win{border:1px solid color-mix(in srgb, var(--sb) 45%, transparent);background:#05070f;border-radius:14px;justify-items:center;gap:2px;min-width:120px;padding:6px 16px;display:grid}.slot-win small{font:700 10px/12px var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.slot-win div{font:800 20px/24px var(--font-display);color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.slot-spin{cursor:pointer;width:78px;height:78px;color:var(--on-gold);box-shadow:0 0 0 4px #05070f, 0 0 0 6px color-mix(in srgb, var(--sb) 80%, #ffc233), 0 6px 0 #6a3f00, 0 12px 26px #ffc23359;background:radial-gradient(circle at 50% 30%,#fff3c4,#ffc233 45%,#e08a00 80%,#9a5e00);border:0;border-radius:50%;place-items:center;transition:transform .12s,box-shadow .2s,filter .2s;display:grid}.slot-spin svg{width:36px;height:36px}.slot-spin:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.slot-spin:active:not(:disabled){box-shadow:0 0 0 4px #05070f, 0 0 0 6px var(--sb), 0 3px 0 #6a3f00;transform:translateY(3px)}.slot-spin:disabled{cursor:default;filter:saturate(.6)brightness(.85)}.slot-spin.is-busy svg{animation:.7s linear infinite spinIcon}@keyframes spinIcon{to{transform:rotate(360deg)}}.slot-mini{border:1px solid var(--line-strong);background:var(--surface-3);min-width:52px;height:52px;color:var(--ink-muted);cursor:pointer;font:700 10px/12px var(--font-body);letter-spacing:.06em;text-transform:uppercase;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 8px;transition:color .15s,border-color .15s,background .15s,transform .12s;display:inline-flex}.slot-mini svg{width:20px;height:20px}.slot-mini:hover{color:var(--ink);border-color:var(--sc)}.slot-mini.is-on{color:var(--on-gold);background:var(--gold);border-color:var(--gold)}.slot-auto.is-on{background:var(--magenta);border-color:var(--magenta);color:#fff}.slot-auto.is-on span{font-size:13px}.slot-mini.is-off{opacity:.6}.slot-automenu{z-index:20;background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:var(--shadow-card);border-radius:14px;grid-template-columns:repeat(4,48px);gap:6px;padding:10px;animation:.18s fadeIn;display:grid;position:absolute;bottom:calc(100% + 10px);left:0}.slot-automenu small{font:700 10px/12px var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);grid-column:1/-1}.slot-automenu button{border:1px solid var(--line-strong);background:var(--surface-2);height:40px;color:var(--ink);font:800 14px/1 var(--font-display);cursor:pointer;border-radius:10px}.slot-automenu button:hover{border-color:var(--gold);color:var(--gold)}.slot .bet{background:#05070f}.slot-pays{border-radius:var(--radius-md);border:1px solid var(--line);background:#0a0e1f99;width:min(100%,1000px)}.slot-pays summary{cursor:pointer;font:700 15px/20px var(--font-display);flex-wrap:wrap;align-items:baseline;gap:10px;padding:14px 18px;list-style:none;display:flex}.slot-pays summary::-webkit-details-marker{display:none}.slot-pays summary:after{content:"+";color:var(--gold);margin-left:auto;font-size:20px}.slot-pays[open] summary:after{content:"–"}.slot-pays summary small{font:500 12px/16px var(--font-body);color:var(--ink-dim)}.slot-pays__body{gap:16px;padding:0 18px 18px;display:grid}.slot-pay-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.slot-pay{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.slot-pay__art{--ch:64px;background:linear-gradient(180deg, color-mix(in srgb, var(--sa) 70%, #05070f), #05070f);border-radius:12px;flex:none;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.slot-pay__name{font:700 13px/17px var(--font-body);margin-bottom:4px;display:block}.slot-pay ul{gap:1px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.slot-pay li{color:var(--ink-muted);justify-content:space-between;gap:10px;display:flex}.slot-pay li b{color:var(--gold);font-variant-numeric:tabular-nums}.slot-pay li.fs b{color:#ff8ab3}.slot-rules p{color:var(--ink-muted);margin:0 0 6px;font-size:14px;line-height:21px}.slot-linemap{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;display:grid}.slot-linemap__item{justify-items:center;gap:3px;display:grid}.slot-linemap__item small{color:var(--ink-dim);font-size:10px}.slot-linemap__grid{grid-template-columns:repeat(var(--reels), 8px);gap:2px;display:grid}.slot-linemap__grid i{background:var(--surface-3);border-radius:2px;width:8px;height:8px}.slot-linemap__grid i.on{background:var(--gold)}@media (max-width:700px){.slot-cabinet{--cw:calc((100cqi - 34px) / var(--reels));border-radius:20px;padding:20px 8px}.slot--r3 .slot-cabinet{--cw:min(130px, calc((100cqi - 34px) / 3))}.slot-cabinet:before{border-radius:16px;top:5px;bottom:5px;left:5px;right:5px}.slot-bulbs{left:16px;right:16px}.slot-bulbs--top{top:6px}.slot-bulbs--bottom{bottom:6px}.slot-bulbs i{width:6px;height:6px}.slot-bar{grid-template-columns:1fr auto;gap:10px;padding:10px}.slot-win{grid-area:1/1/auto/-1;justify-self:stretch}.slot-bar__bet{grid-area:2/1}.slot-bar__extra{grid-area:2/2}.slot-bar__spin{grid-area:3/1/auto/-1;justify-self:center}.slot-mini{min-width:46px;height:46px}.sym-tag{font-size:calc(var(--ch) * .12)}}@media (prefers-reduced-motion:reduce){.slot-bulbs i,.sym--scatter .sym-badge,.slot-cell.is-win .sym,.slot-expand:after{animation:none}}