.slot-page{background:#0a0a0f;color:#e5e7eb}.slot-grid{background-image:linear-gradient(rgba(103,232,249,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(103,232,249,.06) 1px,transparent 1px);background-size:48px 48px;background-position:center center;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 90%)}.slot-radial-glow{background:radial-gradient(circle at 50% 45%,rgba(103,232,249,.1),transparent 55%),radial-gradient(circle at 50% 45%,rgba(251,191,36,.06),transparent 70%);pointer-events:none}.slot-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:#0f172a99;border:1px solid rgba(168,85,247,.35);border-radius:999px;cursor:pointer;font-size:.9rem;color:#fffc;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slot-toggle input{accent-color:#a855f7;width:1rem;height:1rem}.slot-cabinet-wrap{display:flex;justify-content:center;padding:1rem .5rem}.slot-cabinet{position:relative;width:min(94vw,880px);padding:2rem 2.25rem;background:linear-gradient(180deg,#0f172aeb,#0a0a0feb);border:2px solid rgba(103,232,249,.45);border-radius:20px;box-shadow:0 0 60px #67e8f940,inset 0 0 50px #67e8f914,0 24px 60px #00000080}.slot-cabinet-crown{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(103,232,249,.2)}.slot-cabinet-crown-label{font-size:1.05rem;font-weight:800;letter-spacing:.35em;color:#67e8f9;text-shadow:0 0 18px rgba(103,232,249,.55)}.slot-cabinet-crown-sublabel{font-size:.68rem;letter-spacing:.45em;color:#fbbf24d9;margin-top:.4rem;text-shadow:0 0 10px rgba(251,191,36,.45)}.slot-reels{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:.5rem 0}.slot-reel-frame{position:relative;height:440px;background:linear-gradient(180deg,#05050a,#0a0a0f);border:2px solid rgba(103,232,249,.4);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 24px #000c,inset 0 0 40px #67e8f912}.slot-reel-strip{position:absolute;left:0;right:0;top:0;will-change:transform}.slot-cell{height:110px;display:flex;align-items:center;justify-content:center;padding:.35rem .6rem;box-sizing:border-box}.slot-cell-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:100%;height:100%}.slot-cell-avatar{width:68px;height:68px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(103,232,249,.5);background:#67e8f926;flex-shrink:0}.slot-cell-placeholder{width:68px;height:68px;border-radius:50%;background:#67e8f933;border:2px solid rgba(103,232,249,.5);display:flex;align-items:center;justify-content:center;color:#67e8f9;font-weight:800;font-size:1.4rem;flex-shrink:0}.slot-cell-name{font-size:.78rem;font-weight:700;color:#fff;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 .2rem}.slot-reel-fade{position:absolute;left:0;right:0;height:110px;pointer-events:none;z-index:2}.slot-reel-fade-top{top:0;background:linear-gradient(180deg,rgba(10,10,15,.95) 10%,rgba(10,10,15,.4) 70%,transparent 100%)}.slot-reel-fade-bottom{bottom:0;background:linear-gradient(0deg,rgba(10,10,15,.95) 10%,rgba(10,10,15,.4) 70%,transparent 100%)}.slot-payline{position:absolute;left:0;right:0;top:50%;height:110px;transform:translateY(-50%);border-top:2px solid rgba(103,232,249,.5);border-bottom:2px solid rgba(103,232,249,.5);pointer-events:none;z-index:3;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.slot-cabinet.jackpot .slot-payline{border-color:#fbbf24;background:#fbbf2414;box-shadow:inset 0 0 40px #fbbf2459,0 0 30px #fbbf2480}.slot-cabinet.jackpot .slot-reel-frame{border-color:#fbbf24bf;box-shadow:inset 0 0 24px #000c,0 0 32px #fbbf2459}.slot-handle{position:absolute;right:-34px;top:38%;width:46px;height:140px;transform-origin:50% 0%;transition:transform .38s cubic-bezier(.34,1.56,.64,1)}.slot-handle.pulled{transform:rotate(45deg)}.slot-handle-arm{position:absolute;left:50%;top:10px;transform:translate(-50%);width:8px;height:120px;background:linear-gradient(180deg,#94a3b8,#475569);border-radius:4px;box-shadow:inset -2px 0 2px #0006}.slot-handle-ball{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fca5a5,#dc2626 65%,#7f1d1d);box-shadow:0 0 14px #dc26268c,inset -3px -3px 6px #0006}.slot-spin-btn{position:relative;padding:1.1rem 4.5rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0a0f;font-size:1.5rem;font-weight:800;letter-spacing:.35em;border:none;border-radius:12px;cursor:pointer;box-shadow:0 0 32px #fbbf2473,0 8px 24px #0006;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease}.slot-spin-btn:hover{transform:translateY(-2px);box-shadow:0 0 48px #fbbf24b3,0 12px 28px #00000073}.slot-spin-btn:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed;transform:none}.slot-reveal{position:fixed;inset:0;background:#0a0a0fe0;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .28s ease}.slot-reveal.active{opacity:1;pointer-events:auto}.slot-reveal-card{max-width:620px;width:92%;padding:2.5rem;background:linear-gradient(180deg,#0f172af2,#0a0a0ff2);border:1px solid rgba(251,191,36,.45);border-radius:18px;box-shadow:0 0 80px #fbbf2459,0 24px 60px #0009;text-align:center;transform:scale(.85);transition:transform .32s cubic-bezier(.16,1,.3,1)}.slot-reveal.active .slot-reveal-card{transform:scale(1)}.slot-reveal-avatar{width:160px;height:160px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #fbbf24;box-shadow:0 0 40px #fbbf248c;margin:0 auto 1.25rem;display:block}.slot-reveal-org{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#67e8f9;margin-bottom:.5rem}.slot-reveal-name{font-size:3rem;font-weight:800;color:#fff;margin-bottom:.35rem;letter-spacing:-.02em}.slot-reveal-title{font-size:1.15rem;color:#fffc;margin-bottom:.8rem}.slot-reveal-tagline{font-size:1rem;color:#fff9;font-style:italic;max-width:500px;margin:0 auto 1.75rem;line-height:1.5}.slot-reveal-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.slot-reveal-btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;transition:transform .12s ease,box-shadow .16s ease;text-decoration:none;display:inline-block}.slot-reveal-btn-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0a0a0f;box-shadow:0 0 20px #fbbf2480}.slot-reveal-btn-ghost{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.25)}.slot-reveal-btn:hover{transform:translateY(-2px)}@media (max-width: 720px){.slot-cabinet{padding:1.25rem 1rem}.slot-reels{gap:.5rem}.slot-reel-frame{height:360px}.slot-cell,.slot-reel-fade,.slot-payline{height:90px}.slot-cell-avatar,.slot-cell-placeholder{width:52px;height:52px}.slot-cell-name{font-size:.68rem}.slot-handle{display:none}.slot-reveal-name{font-size:2.2rem}.slot-reveal-avatar{width:120px;height:120px}.slot-spin-btn{padding:.9rem 3rem;font-size:1.2rem}}