.ss-root{--ss-ochre:oklch(72% .12 85);--ss-ochre-dark:oklch(55% .1 75);--ss-ochre-deep:oklch(42% .08 65);--ss-steel-hi:oklch(95% .005 250);--ss-steel:oklch(78% .01 250);--ss-steel-lo:oklch(55% .01 250);--ss-slot:oklch(14% .03 270);--ss-led-bg:oklch(20% .07 265);--ss-led:oklch(85% .14 215);--ss-red:oklch(55% .21 28);--ss-red-hi:oklch(66% .22 30);--ss-red-lo:oklch(38% .15 28);--ss-ticket:oklch(90% .17 100);--ss-ink:oklch(16% .02 270);--ss-band-1:oklch(60% .23 20);--ss-band-2:oklch(86% .17 95);--ss-band-3:oklch(72% .13 240);--ss-band-4:oklch(66% .16 295);--ss-band-5:oklch(86% .12 165);--ss-hall-red:oklch(45% .17 25);color:var(--ss-ink);font-family:var(--font-display,Impact, sans-serif)}.ss-b1{--band:var(--ss-band-1)}.ss-b2{--band:var(--ss-band-2)}.ss-b3{--band:var(--ss-band-3)}.ss-b4{--band:var(--ss-band-4)}.ss-b5{--band:var(--ss-band-5)}.ss-cabinet{background:radial-gradient(ellipse at 20% 15%, oklch(80% .12 90/.55), transparent 45%), radial-gradient(ellipse at 85% 70%, oklch(50% .09 70/.35), transparent 50%), repeating-linear-gradient(115deg, oklch(40% .06 60/.07) 0 2px, transparent 2px 9px), repeating-radial-gradient(circle at 30% 60%, oklch(35% .05 60/.08) 0 1px, transparent 1px 5px), linear-gradient(170deg, var(--ss-ochre), var(--ss-ochre-dark));border-radius:14px;position:relative;box-shadow:inset 0 0 0 3px oklch(35% .06 60/.5),inset 0 0 60px oklch(30% .06 60/.55)}.ss-screw{background:radial-gradient(circle at 35% 30%, var(--ss-steel-hi), var(--ss-steel-lo) 70%);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 1px 1px oklch(0% 0 0/.5),inset 0 0 0 1px oklch(30% 0 0/.4)}.ss-screw:after{content:"";background:oklch(30% 0 0/.65);border-radius:1px;position:absolute;inset:5px 2px;transform:rotate(35deg)}.ss-led{background:var(--ss-led-bg);border:3px solid var(--ss-ink);color:var(--ss-led);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 6px var(--ss-led), 0 0 14px oklch(75% .15 215/.6);background-image:repeating-linear-gradient(90deg,#0000 0 3px,oklch(0% 0 0/.25) 3px 4px);font-family:DSEG7 Classic,Courier New,monospace;font-weight:700;box-shadow:inset 0 0 18px oklch(0% 0 0/.7),0 2px oklch(100% 0 0/.15)}.ss-coin{background:linear-gradient(160deg,oklch(25% .01 0),oklch(12% 0 0));border-radius:8px;padding:5px;box-shadow:0 3px 6px oklch(0% 0 0/.5)}.ss-coin-face{background:linear-gradient(180deg, var(--ss-red-hi), var(--ss-red) 50%, var(--ss-red-lo));color:oklch(98% 0 0);border-radius:4px;line-height:.95;box-shadow:inset 0 0 10px oklch(30% .15 28/.8),0 0 14px oklch(60% .22 28/.55)}.ss-coin-slit{background:oklch(6% 0 0);border-radius:2px;width:4px;box-shadow:inset 0 0 2px oklch(100% 0 0/.3)}.ss-board{background:linear-gradient(180deg, var(--ss-steel-hi), var(--ss-steel) 35%, var(--ss-steel-lo) 50%, var(--ss-steel) 65%, var(--ss-steel-hi));border-radius:12px;position:relative;box-shadow:0 6px 14px oklch(20% .04 60/.55),inset 0 2px oklch(100% 0 0/.8),inset 0 -2px oklch(30% 0 0/.4)}.ss-grid{grid-template-columns:repeat(5,1fr);gap:clamp(6px,2vw,10px);display:grid}.ss-window{aspect-ratio:1.15;background:var(--ss-slot);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:3px solid oklch(32% .05 60);border-color:oklch(22% .04 60) oklch(32% .05 60) oklch(32% .05 60) oklch(22% .04 60);border-radius:3px;min-height:44px;position:relative;overflow:hidden;box-shadow:inset 0 4px 8px oklch(0% 0 0/.85)}.ss-window:focus-visible{outline:3px solid var(--ss-led);outline-offset:2px}.ss-num{background:linear-gradient(180deg, color-mix(in oklab, var(--band) 85%, white), var(--band) 55%, color-mix(in oklab, var(--band) 80%, black));color:var(--ss-ink);font-family:var(--font-ticket,Impact, sans-serif);justify-content:center;align-items:center;font-size:clamp(1.25rem,6.4vw,2rem);font-weight:800;line-height:1;display:flex;position:absolute;inset:3px 3px 3px 7px;box-shadow:inset -3px 0 oklch(0% 0 0/.18),inset 0 -2px oklch(0% 0 0/.15)}.ss-groove{background:linear-gradient(90deg,oklch(5% 0 0),oklch(20% .02 270));width:6px;position:absolute;top:0;bottom:0;left:0}.ss-shutter{background:repeating-linear-gradient(0deg,oklch(20% .03 270) 0 5px,oklch(12% .03 270) 5px 7px),oklch(15% .03 270);transition:transform .18s cubic-bezier(.6,.05,.3,1.25);position:absolute;inset:0;transform:translate(-104%);box-shadow:inset 2px 0 oklch(100% 0 0/.12),3px 0 6px oklch(0% 0 0/.7)}.ss-knob{background:linear-gradient(90deg, var(--ss-steel-hi), var(--ss-steel-lo));border-radius:3px;width:9px;height:46%;position:absolute;top:50%;right:5px;translate:0 -50%;box-shadow:0 1px 2px oklch(0% 0 0/.8)}.ss-window[aria-pressed=true] .ss-shutter{transform:translate(0)}.ss-window:active .ss-shutter{filter:brightness(1.2)}@media (prefers-reduced-motion:reduce){.ss-shutter{transition:none}}.ss-claim{background:oklch(12% 0 0);border-radius:4px;padding:6px;box-shadow:0 5px oklch(8% 0 0),0 8px 14px oklch(0% 0 0/.45)}.ss-claim>span{background:linear-gradient(180deg, var(--ss-red-hi), var(--ss-red) 60%, var(--ss-red-lo));height:100%;color:var(--ss-ink);letter-spacing:.02em;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-weight:900;display:flex;box-shadow:inset 0 2px oklch(100% 0 0/.35),inset 0 -4px oklch(0% 0 0/.25)}.ss-claim:active{transform:translateY(3px);box-shadow:0 2px oklch(8% 0 0),0 3px 6px oklch(0% 0 0/.45)}.ss-tickets-label{background:linear-gradient(180deg, var(--ss-steel-hi), var(--ss-steel));color:var(--ss-ink);font-family:Arial,sans-serif;font-weight:900}.ss-ticket{background:var(--ss-ticket);color:var(--ss-ink);background-image:repeating-linear-gradient(-55deg,#0000 0 18px,oklch(100% 0 0/.7) 18px 24px,#0000 24px 40px);border:2px solid oklch(30% .05 90);border-radius:6px;font-family:Arial,sans-serif;font-weight:900;box-shadow:0 2px 3px oklch(0% 0 0/.35)}.ss-dispense>.ss-ticket{animation:.65s cubic-bezier(.3,.7,.3,1) both ss-feed}@keyframes ss-feed{0%{opacity:0;transform:translateY(-110%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ss-dispense>.ss-ticket{animation:none}}.ss-tv{color:oklch(98% 0 0);aspect-ratio:16/9;background:oklch(15% .03 30);position:relative;overflow:hidden}.ss-tv-bg{object-fit:cover;filter:blur(3px)saturate(1.05)brightness(.6);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.ss-tv-shade{background:linear-gradient(oklch(10% .02 30/.25),oklch(10% .02 30/.75));position:absolute;inset:0}.ss-panel{background:linear-gradient(180deg, color-mix(in oklab, var(--ss-hall-red) 92%, white), var(--ss-hall-red));border:3px solid oklch(85% .1 85);border-radius:12px;box-shadow:0 10px 30px oklch(0% 0 0/.55),inset 0 2px oklch(100% 0 0/.25)}.ss-sign{background:oklch(10% .01 30);border:3px solid oklch(30% .02 30);border-radius:8px;box-shadow:inset 0 0 20px oklch(0% 0 0/.9),0 10px 30px oklch(0% 0 0/.6)}.ss-sign-num{color:oklch(72% .22 35);text-shadow:0 0 12px oklch(65% .24 35),0 0 32px oklch(60% .24 35/.6);font-family:Courier New,monospace;font-weight:900;line-height:1}.ss-ball{background:radial-gradient(circle at 35% 30%, white 0 18%, color-mix(in oklab, var(--band) 75%, white) 30%, var(--band) 62%, color-mix(in oklab, var(--band) 60%, black));color:var(--ss-ink);font-family:var(--font-ticket,Impact, sans-serif);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 8px 24px oklch(0% 0 0/.55)}.ss-ball>span{aspect-ratio:1;background:oklch(100% 0 0);border-radius:50%;justify-content:center;align-items:center;width:62%;display:flex;box-shadow:inset 0 -3px 6px oklch(0% 0 0/.15)}.ss-cell80{font-family:var(--font-ticket,Impact, sans-serif);text-align:center;color:oklch(60% .02 30);background:oklch(12% .01 30/.85);border-radius:3px}.ss-cell80[data-on=true]{background:var(--band);color:var(--ss-ink);box-shadow:0 0 8px var(--band)}.ss-prize{color:var(--ss-ink);border:3px solid var(--ss-red);background:oklch(98% .01 90);border-radius:10px}.ss-prize[data-locked=true]{opacity:.45;filter:grayscale(.8);border-style:dashed}.ss-prize[data-picked=true]{outline:4px solid var(--ss-led);outline-offset:2px}.ss-worn:before{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(35deg,#0000 48%,oklch(95% .03 90/.35) 49%,#0000 50%) 12% 22%/90px 40px no-repeat,linear-gradient(-20deg,#0000 48%,oklch(30% .05 60/.4) 49%,#0000 51%) 78% 58%/120px 30px no-repeat,linear-gradient(70deg,#0000 47%,oklch(95% .03 90/.3) 49%,#0000 51%) 30% 88%/60px 50px no-repeat,radial-gradient(at 92% 8%,oklch(35% .06 55/.45),#0000 18%),radial-gradient(at 5% 95%,oklch(35% .06 55/.5),#0000 20%),radial-gradient(circle at 60% 40%,oklch(40% .06 60/.18) 0 2px,#0000 3px) 0 0/37px 41px,repeating-linear-gradient(8deg,#0000 0 23px,oklch(95% .02 90/.08) 23px 24px);position:absolute;inset:0}.ss-worn>*{position:relative}.ss-claim-lit>span{background:radial-gradient(ellipse at 50% 35%, oklch(78% .2 35), var(--ss-red) 60%, var(--ss-red-lo));color:oklch(99% .02 90);text-shadow:0 0 10px oklch(100% .1 60/.8);box-shadow:inset 0 2px oklch(100% 0 0/.45),inset 0 -4px oklch(0% 0 0/.25),0 0 18px oklch(65% .24 30/.8)}.ss-claim-lit{animation:1.8s ease-in-out infinite ss-glow}@keyframes ss-glow{50%{filter:brightness(1.15)}}@media (prefers-reduced-motion:reduce){.ss-claim-lit{animation:none}}.ss-lcd-mini,.ss-lcd-big,.ss-dotmatrix{background:var(--ss-led-bg);color:var(--ss-led);border:3px solid var(--ss-ink);text-shadow:0 0 6px var(--ss-led);border-radius:6px;font-family:Courier New,monospace;font-weight:700;box-shadow:inset 0 0 18px oklch(0% 0 0/.75),0 2px oklch(100% 0 0/.15)}.ss-dotmatrix,.ss-lcd-big{background-image:radial-gradient(circle,oklch(100% 0 0/.06) 1px,#0000 1.4px);background-size:4px 4px}.ss-seg{color:oklch(72% .22 35);text-shadow:0 0 14px oklch(65% .24 35),0 0 36px oklch(60% .24 35/.6);font-family:DSEG7 Classic,Courier New,monospace}.ss-lcd-row{color:var(--ss-led);border:1px solid oklch(85% .14 215/.4);border-radius:4px}.ss-lcd-row[data-locked=true]{opacity:.35;border-style:dashed}.ss-lcd-row[data-picked=true]{outline:2px solid var(--ss-led);background:oklch(85% .14 215/.18)}.ss-tv .ss-tv-bg{filter:none;transform:none}.ss-tv .ss-tv-shade{background:radial-gradient(at 40% 55%,oklch(8% .02 30/.35),oklch(8% .02 30/.7))}