.k5-slot{--cell:88px;max-width:600px;margin:36px auto;padding:26px;border:1px solid #77126d;border-radius:24px;background:#202020;color:#fff;box-shadow:0 18px 50px #0005;font-family:inherit;isolation:isolate}
.k5-slot *{box-sizing:border-box}.k5-slot-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.k5-slot small{font-size:10px;letter-spacing:2px;color:#fff9}.k5-slot h2{font-size:26px;margin:5px 0 0;color:#fff}.k5-slot-badge{border:1px solid #ffffff30;padding:7px 10px;border-radius:20px;font-size:10px;letter-spacing:1px;white-space:nowrap}.k5-slot-stage{position:relative;padding:10px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(135deg,#77126d66,#202020);box-shadow:inset 0 2px 12px #0006}.k5-slot-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.k5-slot-window{height:calc(var(--cell)*3);overflow:hidden;position:relative;border-radius:9px;background:#202020;box-shadow:inset 0 0 0 1px #ffffff12}.k5-slot-window::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#202020f0,transparent 38%,transparent 62%,#202020f0);z-index:2}.k5-slot-strip{will-change:transform}.k5-slot-symbol{height:var(--cell);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:900;line-height:1;color:#fff;text-shadow:0 3px 0 #77126d,0 0 20px #77126d88;user-select:none}.k5-slot-symbol[data-symbol="BAR"]{font-size:24px;letter-spacing:2px}.k5-slot-symbol[data-symbol="7"]{font-style:italic;font-size:60px}.k5-slot-line{position:absolute;top:calc(10px + var(--cell));height:var(--cell);left:6px;right:6px;border:1px solid #77126d;border-radius:7px;background:#77126d20;pointer-events:none;z-index:3;box-shadow:0 0 18px #77126d50}.k5-slot-line::before,.k5-slot-line::after{position:absolute;top:calc(50% - 8px);font-size:12px;color:#fff}.k5-slot-line::before{content:'▸';left:-8px}.k5-slot-line::after{content:'◂';right:-8px}.k5-slot.is-spinning .k5-slot-line{border-color:#ffffff40}.k5-slot-window.is-moving .k5-slot-strip{filter:blur(1.5px)}.k5-slot.is-win .k5-slot-line{border-color:#fff;box-shadow:0 0 28px #77126d;animation:k5-win .45s ease-in-out 4 alternate}.k5-slot-meta{display:flex;justify-content:space-between;margin:14px 0;font-size:11px;letter-spacing:1px;color:#fffb}.k5-slot-status{min-height:48px;text-align:center;padding:8px;font-size:14px;line-height:1.5}.k5-slot-controls{display:flex;gap:10px;margin-top:8px}.k5-slot .k5-slot-spin{flex:1;background:#77126d!important;border:1px solid #ffffff20!important;border-radius:12px;padding:17px;color:#fff!important;font-size:15px;font-weight:bold;letter-spacing:2px;cursor:pointer;box-shadow:0 5px 0 #77126d66;transition:transform .15s,filter .15s}.k5-slot .k5-slot-spin:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-2px)}.k5-slot .k5-slot-spin:active:not(:disabled){transform:translateY(2px)}.k5-slot .k5-slot-spin:disabled{cursor:wait;opacity:.65}.k5-slot .k5-slot-sound{border:1px solid #ffffff30!important;border-radius:12px;background:#202020!important;color:#fff!important;width:80px;font-size:11px;cursor:pointer}.k5-slot details{margin-top:20px;font-size:12px;color:#fffb}.k5-slot summary{cursor:pointer}.k5-slot details p{margin:10px 0 0;line-height:1.7}.k5-slot-note{text-align:center;font-size:11px;color:#fff8;margin:16px 0 0}@keyframes k5-win{to{background:#77126d88;transform:scale(1.015)}}@media(max-width:480px){.k5-slot{--cell:72px;margin:24px 0;padding:16px;border-radius:18px}.k5-slot h2{font-size:22px}.k5-slot-symbol{font-size:38px}.k5-slot-symbol[data-symbol="7"]{font-size:48px}.k5-slot-symbol[data-symbol="BAR"]{font-size:19px}}@media(prefers-reduced-motion:reduce){.k5-slot *{animation:none!important;transition:none!important}.k5-slot-window.is-moving .k5-slot-strip{filter:none}}