/* A lightweight CSS carousel: only the selected preview reels animate. */
.slot-picker{padding:24px 34px 28px;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#34233b 0,transparent 60%),linear-gradient(180deg,#100d18,#0c0911);--picker-accent:#c9a26a;}
.picker-rail{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2;}
.picker-rail-label{font-size:12px;letter-spacing:.26em;color:#b6a8c1;}
.picker-heading{text-align:center;margin:32px 0 4px;}
.picker-heading p{font-size:12px;letter-spacing:.24em;color:var(--picker-accent);transition:color .4s;}
.picker-heading h2{font-family:'Bricolage Grotesque',sans-serif;font-size:54px;line-height:1.15;margin:10px 0;color:#fff5e7;}
.picker-heading>span{font-size:16px;color:#b8aabe;}
.picker-carousel{height:370px;position:relative;perspective:1100px;touch-action:pan-y;margin-top:12px;}
.picker-carousel:after{content:'';position:absolute;bottom:-3px;left:28%;width:44%;height:20px;background:var(--picker-accent);opacity:.14;border-radius:50%;filter:blur(10px);pointer-events:none;}
.picker-machine{position:absolute;left:50%;top:18px;width:300px;height:338px;margin-left:-150px;transition:transform .55s cubic-bezier(.22,.8,.26,1),opacity .55s;transform-origin:50% 75%;z-index:1;}
.picker-machine.position-0{transform:translateX(0) scale(1);z-index:5;opacity:1;}
.picker-machine.position-1{transform:translateX(300px) rotateY(-22deg) scale(.81);z-index:3;opacity:.7;}
.picker-machine.position--1{transform:translateX(-300px) rotateY(22deg) scale(.81);z-index:3;opacity:.7;}
.picker-machine.position-2{transform:translateX(520px) rotateY(-30deg) scale(.63);opacity:.4;}
.picker-machine.position--2{transform:translateX(-520px) rotateY(30deg) scale(.63);opacity:.4;}
.picker-machine:hover{opacity:1;}
.picker-cabinet{height:100%;display:flex;flex-direction:column;align-items:center;padding:14px 12px 10px;border:3px solid var(--machine-accent);border-radius:22px 22px 12px 12px;background:linear-gradient(140deg,var(--machine-deep),#18111e 45%,#0b0810);box-shadow:0 16px 25px #0009,inset 0 0 0 4px #08050c,inset 0 0 0 6px var(--machine-deep);}
.selected .picker-cabinet{box-shadow:0 0 24px var(--machine-deep),0 20px 30px #0009,inset 0 0 0 4px #08050c,inset 0 0 0 6px var(--machine-accent);}
.picker-marquee{display:flex;flex-direction:column;justify-content:center;height:70px;width:100%;border-radius:12px;border:1px solid var(--machine-accent);background:#100b17;color:var(--machine-accent);}
.picker-marquee small{font-size:8px;letter-spacing:.3em;margin-bottom:4px;}
.picker-marquee strong{font-family:'Bricolage Grotesque',sans-serif;font-size:26px;}
.picker-wild{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.05em;padding:12px 0;color:#eee0c4;}
.picker-preview{display:flex;gap:4px;position:relative;padding:4px;border:2px solid var(--machine-accent);border-radius:8px;background:#18111e;}
.picker-preview:after{content:'';position:absolute;top:50%;left:0;right:0;border-top:1px solid #dd678666;pointer-events:none;}
.picker-reel{display:block;width:80px;height:80px;overflow:hidden;background:linear-gradient(#c8c8c8,#fffdf2 25%,#fffdf2 75%,#c8c8c8);border-radius:4px;}
.picker-symbol-track{display:flex;flex-direction:column;}
.picker-symbol-track .slot-pt-sym{display:block;flex-shrink:0;}
.selected .picker-symbol-track{animation:pickerReel 5s cubic-bezier(.3,.1,.2,1) infinite;}
.selected .picker-reel:nth-child(2) .picker-symbol-track{animation-delay:.18s;}
.selected .picker-reel:nth-child(3) .picker-symbol-track{animation-delay:.36s;}
@keyframes pickerReel{0%,65%{transform:translateY(0)}80%,100%{transform:translateY(-160px)}}
.picker-cabinet-rule{font-size:9px;letter-spacing:.14em;color:#ccbecb;padding:12px 0;}
.picker-mini-spin{display:flex;align-items:center;justify-content:center;gap:50px;width:88%;padding:12px;border-radius:8px;background:linear-gradient(180deg,var(--machine-accent),var(--machine-deep));color:#140c19;font-size:16px;font-weight:800;box-shadow:0 4px 0 #0008;}
.picker-base{font-size:11px;margin-top:15px;color:#e3d4e5;}
.picker-selection{text-align:center;position:relative;z-index:6;}
.picker-navigation{display:flex;align-items:center;justify-content:center;gap:30px;}
.picker-caption{width:370px;}
.picker-caption>span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--picker-accent);letter-spacing:.15em;}
.picker-caption h3{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;margin:5px 0;}
.picker-caption p{font-size:13px;color:#baacbf;}
.picker-arrow{width:48px;height:48px;border:1px solid #71627c;border-radius:50%;background:#231a2e;font-size:24px;}
.picker-arrow:hover{border-color:var(--picker-accent);background:#36253f;}
.picker-dots{display:flex;justify-content:center;gap:2px;margin:10px 0;}
.picker-dots button{width:30px;height:28px;position:relative;}
.picker-dots button:after{content:'';position:absolute;width:7px;height:7px;top:10px;left:11px;border-radius:50%;background:#71627c;}
.picker-dots button.active:after{background:var(--picker-accent);box-shadow:0 0 8px var(--picker-accent);}
.picker-play{min-width:310px;height:58px;padding:0 24px;background:var(--picker-accent);color:#170e1f;border-radius:12px;font-size:18px;font-weight:700;box-shadow:0 5px 0 #0008;transition:background .4s,transform .2s;}
.picker-play span{margin-left:20px;}
.picker-play:hover{transform:translateY(-2px);}
.picker-note{font-size:12px;color:#cdbfd0;margin-top:20px;}
.picker-hint{font-size:11px;color:#96869f;margin-top:8px;}
.slot-picker button:focus-visible,.slot-change-machine:focus-visible{outline:3px solid #fff3d6;outline-offset:4px;}
.slot-change-machine{display:flex;align-items:center;gap:20px;padding:12px 20px;border:1px solid #c9a26a66;border-radius:30px;font-size:14px;color:var(--brass-2);}
.slot-change-machine span{color:var(--ivory);font-weight:700;}
.is-phone .slot-change-machine{min-height:48px;gap:12px;padding:8px 12px;font-size:14px;}
.picker-upright{padding:16px 12px 26px;width:460px;}
.picker-upright .picker-rail-label,.picker-sideways .picker-rail-label{display:none;}
.picker-upright .slot-bank{gap:8px;}
.picker-upright .slot-bank-amt{font-size:18px;padding:10px;}
.picker-upright .picker-heading{margin-top:38px;}
.picker-upright .picker-heading h2{font-size:42px;}
.picker-upright .picker-heading p{font-size:10px;letter-spacing:.16em;}
.picker-upright .picker-machine.position-1{transform:translateX(240px) rotateY(-22deg) scale(.78);}
.picker-upright .picker-machine.position--1{transform:translateX(-240px) rotateY(22deg) scale(.78);}
.picker-upright .picker-machine.position-2{transform:translateX(390px) scale(.6);}
.picker-upright .picker-machine.position--2{transform:translateX(-390px) scale(.6);}
.picker-upright .picker-navigation{gap:8px;}
.picker-upright .picker-caption{width:310px;}
.picker-upright .picker-caption p{font-size:12px;}
.picker-upright .picker-note{font-size:11px;}
.picker-upright .picker-hint{max-width:330px;margin:10px auto 0;line-height:1.5;}
.picker-sideways{width:100%;padding:10px 20px 14px;display:grid;grid-template-columns:55% 45%;grid-template-rows:44px 1fr;align-items:center;}
.picker-sideways .picker-rail{grid-column:1 / -1;}
.picker-sideways .picker-heading{display:none;}
.picker-sideways .picker-carousel{height:322px;margin:0;}
.picker-sideways .picker-machine{top:0;transform:scale(.87);}
.picker-sideways .picker-machine.position-1{transform:translateX(175px) rotateY(-22deg) scale(.6);}
.picker-sideways .picker-machine.position--1{transform:translateX(-175px) rotateY(22deg) scale(.6);}
.picker-sideways .picker-machine.position-2{transform:translateX(250px) scale(.4);}
.picker-sideways .picker-machine.position--2{transform:translateX(-250px) scale(.4);}
.picker-sideways .picker-selection{background:#100c18e8;padding:15px 8px;border-radius:18px;}
.picker-sideways .picker-navigation{gap:6px;}
.picker-sideways .picker-caption{width:230px;}
.picker-sideways .picker-caption h3{font-size:24px;}
.picker-sideways .picker-play{min-width:0;width:100%;font-size:16px;}
.picker-sideways .picker-note,.picker-sideways .picker-hint{line-height:1.5;font-size:10px;}
@media(prefers-reduced-motion:reduce){.picker-machine,.picker-play{transition:none;}.selected .picker-symbol-track{animation:none;}}

.picker-profile{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border:1px solid #c9a26a66;border-radius:24px;font-size:12px;font-weight:700;color:#e6c590;}
.picker-profile span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#c9a26a;color:#21160d;}
.picker-profile:focus-visible{outline:3px solid #fff3d6;outline-offset:4px;}