.volt-keno-root{--vk-bg:oklch(0.14 0.025 255);--vk-surface:oklch(0.18 0.025 255);--vk-surface-hi:oklch(0.22 0.028 255);--vk-surface-2:oklch(0.24 0.03 255);--vk-border:oklch(0.32 0.03 255);--vk-border-strong:oklch(0.42 0.04 255);--vk-fg:oklch(0.96 0.008 255);--vk-fg-muted:oklch(0.68 0.02 255);--vk-primary:oklch(0.76 0.16 205);--vk-primary-deep:oklch(0.62 0.18 220);--vk-primary-glow:oklch(0.76 0.16 205/0.45);--vk-hit:oklch(0.74 0.2 150);--vk-hit-deep:oklch(0.58 0.19 152);--vk-hit-glow:oklch(0.74 0.2 150/0.55);--vk-gold:oklch(0.84 0.16 85);--vk-gold-deep:oklch(0.68 0.17 75);--vk-drawn:oklch(0.74 0.14 235);--vk-danger:oklch(0.66 0.22 25);--vk-font-display:"Chakra Petch",system-ui,sans-serif;--vk-font-sans:"Manrope",system-ui,sans-serif;--vk-font-mono:"Orbitron",monospace;--vk-grad-primary:linear-gradient(135deg,var(--vk-primary) 0%,var(--vk-primary-deep) 100%);--vk-grad-hit:linear-gradient(135deg,var(--vk-hit) 0%,var(--vk-hit-deep) 100%);--vk-grad-panel:linear-gradient(180deg,var(--vk-surface-hi) 0%,var(--vk-surface) 100%);--vk-shadow-cta:0 1px 0 oklch(1 0 0/0.35) inset,0 4px 0 var(--vk-primary-deep),0 12px 28px -6px var(--vk-primary-glow);font-family:var(--vk-font-sans);color:var(--vk-fg);background:radial-gradient(80% 50% at 50% 0,oklch(.24 .06 235/.4),transparent 70%),radial-gradient(60% 45% at 85% 90%,oklch(.22 .06 165/.22),transparent 70%),var(--vk-bg)}.volt-keno-root .font-display{font-family:var(--vk-font-display)}.volt-keno-root .font-mono{font-family:var(--vk-font-mono)}.volt-keno-root .tabular-nums{font-variant-numeric:tabular-nums}.volt-keno-root .panel{border-radius:1rem;border:1px solid oklch(.32 .03 255/.9);background:var(--vk-grad-panel);box-shadow:inset 0 1px 0 oklch(1 0 0/.08),0 18px 40px -16px oklch(.05 .02 255/.85)}.volt-keno-root .bg-gradient-primary{background:var(--vk-grad-primary)}.volt-keno-root .bg-gradient-hit{background:var(--vk-grad-hit)}.volt-keno-root .shadow-cta{box-shadow:var(--vk-shadow-cta)}.volt-keno-root .board-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,oklch(.76 .16 205/.55),oklch(.32 .03 255/.25) 45%,oklch(.74 .2 150/.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.volt-keno-root .machine-stage{border:1px solid oklch(.36 .04 245/.45);background:radial-gradient(65% 70% at 38% 45%,oklch(.27 .07 235/.45),transparent 72%),oklch(.13 .022 255/.85);box-shadow:inset 0 2px 14px oklch(.05 .02 255/.75)}.volt-keno-root .mini-ball{display:inline-flex;align-items:center;justify-content:center;height:1.75rem;width:1.75rem;border-radius:9999px;font-family:var(--vk-font-display);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;transition:transform .2s cubic-bezier(.22,1.4,.36,1),box-shadow .2s ease}.volt-keno-root .mini-ball-empty{border:1px dashed oklch(.34 .03 255);background:oklch(.16 .02 255/.65);color:oklch(.45 .02 255)}.volt-keno-root .mini-ball-drawn{border:1px solid oklch(.74 .14 235/.65);background:radial-gradient(circle at 32% 28%,oklch(.92 .08 220),var(--vk-drawn) 58%,oklch(.36 .1 240));color:oklch(.13 .03 250);box-shadow:0 2px 6px oklch(.05 .02 255/.7),inset 0 1px 1px oklch(1 0 0/.6);animation:vk-pop-in .28s cubic-bezier(.22,1.5,.36,1) both}.volt-keno-root .mini-ball-hit{border:1px solid oklch(.84 .16 145);background:radial-gradient(circle at 32% 28%,oklch(.95 .1 145),var(--vk-hit) 55%,var(--vk-hit-deep));color:oklch(.12 .04 150);box-shadow:0 0 12px var(--vk-hit-glow),0 2px 6px oklch(.05 .02 255/.75),inset 0 1px 1px oklch(1 0 0/.75);animation:vk-pop-in .34s cubic-bezier(.22,1.6,.36,1) both}.volt-keno-root .tile{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.625rem;font-family:var(--vk-font-display);font-weight:700;font-variant-numeric:tabular-nums;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--vk-border);background:linear-gradient(180deg,var(--vk-surface-2) 0,var(--vk-surface) 100%);color:var(--vk-fg);box-shadow:inset 0 1px 0 oklch(1 0 0/.09),0 3px 0 oklch(.09 .02 255),0 4px 10px -2px oklch(.05 .02 255/.6);transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .14s ease,border-color .14s ease,background .16s ease}.volt-keno-root .tile:not(:disabled):hover{transform:translateY(-2px);border-color:var(--vk-border-strong);background:linear-gradient(180deg,oklch(.27 .032 255) 0,var(--vk-surface-hi) 100%);box-shadow:inset 0 1px 0 oklch(1 0 0/.14),0 5px 0 oklch(.09 .02 255),0 8px 16px -4px oklch(.05 .02 255/.7)}.volt-keno-root .tile:not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 1px 0 oklch(1 0 0/.06),0 1px 0 oklch(.09 .02 255)}.volt-keno-root .tile-picked{border-color:oklch(.84 .14 202);background:linear-gradient(180deg,var(--vk-primary) 0,var(--vk-primary-deep) 100%);color:oklch(.12 .03 230);box-shadow:0 1px 0 oklch(1 0 0/.45) inset,0 3px 0 oklch(.45 .15 225),0 8px 20px -4px var(--vk-primary-glow)}.volt-keno-root .tile-picked:not(:disabled):hover{background:linear-gradient(180deg,oklch(.82 .16 202) 0,var(--vk-primary-deep) 100%);border-color:oklch(.9 .12 200);box-shadow:0 1px 0 oklch(1 0 0/.55) inset,0 5px 0 oklch(.45 .15 225),0 12px 24px -4px var(--vk-primary-glow)}.volt-keno-root .tile-drawn{border-color:oklch(.55 .1 235);background:linear-gradient(180deg,oklch(.28 .06 238),oklch(.21 .045 245));color:var(--vk-drawn);box-shadow:inset 0 1px 0 oklch(.74 .14 235/.25),0 3px 0 oklch(.1 .03 250),0 0 14px -4px oklch(.74 .14 235/.45);animation:vk-pop-in .26s cubic-bezier(.22,1.4,.36,1) both}.volt-keno-root .tile-hit{border-color:oklch(.86 .18 148);background:linear-gradient(180deg,var(--vk-hit) 0,var(--vk-hit-deep) 100%);color:oklch(.12 .04 150);box-shadow:0 1px 0 oklch(1 0 0/.55) inset,0 3px 0 oklch(.42 .15 155),0 0 24px var(--vk-hit-glow);animation:vk-pop-in .34s cubic-bezier(.22,1.6,.36,1) both,vk-hit-pulse 1.8s ease-in-out .34s infinite}.volt-keno-root .hit-burst{position:absolute;inset:-4px;pointer-events:none;border-radius:.75rem;border:2px solid var(--vk-hit);animation:vk-burst .55s cubic-bezier(.16,1,.3,1) forwards}.volt-keno-root .animate-banner-in{animation:vk-banner-in .26s cubic-bezier(.22,1.25,.36,1) both}@keyframes vk-pop-in{0%{transform:scale(.78);filter:brightness(1.4)}60%{transform:scale(1.08)}to{transform:scale(1);filter:brightness(1)}}@keyframes vk-hit-pulse{0%,to{box-shadow:0 1px 0 oklch(1 0 0/.55) inset,0 3px 0 oklch(.42 .15 155),0 0 22px var(--vk-hit-glow)}50%{box-shadow:inset 0 1px 0 oklch(1 0 0/.65),0 3px 0 oklch(.42 .15 155),0 0 34px oklch(.74 .2 150/.85)}}@keyframes vk-burst{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes vk-banner-in{0%{opacity:0;transform:translate(-50%,16px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (prefers-reduced-motion:reduce){.volt-keno-root *,.volt-keno-root :after,.volt-keno-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}