@layer components{.kk-rl-field{touch-action:manipulation;background:repeating-linear-gradient(90deg,#beaaff0b 0 2px,#0000 2px 18px),linear-gradient(#07060f 0,#171130 40%,#08080f 70%);position:relative;overflow:hidden}.kk-rl-canvas{pointer-events:none;width:100%;position:absolute;top:0;left:0}.kk-rl-panel{z-index:10;background:var(--color-bg);transition:transform var(--kk-duration-slow,.36s) var(--ease-in-out-kk);position:absolute;bottom:0;left:0;right:0}.kk-rl-panel:before{content:"";background:linear-gradient(180deg, transparent, var(--color-bg));pointer-events:none;height:16px;position:absolute;top:-16px;left:0;right:0}.kk-rl-betting{transition:opacity .2s var(--ease-out-kk)}.kk-rl-round .kk-rl-betting{opacity:0;pointer-events:none}.kk-rl-strip{opacity:0;pointer-events:none;border-top:1px solid var(--color-line);height:44px;transition:opacity .2s var(--ease-out-kk);position:absolute;top:0;left:0;right:0}.kk-rl-round .kk-rl-strip{opacity:1;transition-delay:.16s}.kk-rl-seg{border-radius:var(--radius-sm);background:var(--color-raised);transition:background-color .14s var(--ease-out-kk), border-color .14s var(--ease-out-kk), transform .14s var(--ease-snap);border:1px solid #0000}.kk-rl-seg:active{transition-duration:var(--kk-duration-press,80ms);transform:scale(.96)}.kk-rl-seg[aria-checked=true]{background:var(--color-brand-tint);border-color:#8b70ff8c}.kk-rl-rail{overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;overflow:auto hidden}.kk-rl-swipe-hint{animation:kk-rl-hint-nudge 1.4s var(--ease-in-out-kk,ease-in-out) .5s 3 both}@keyframes kk-rl-hint-nudge{0%,to{translate:0}50%{translate:4px}}:root[data-kk-motion=reduced] .kk-rl-swipe-hint{animation:none}.kk-rl-rail::-webkit-scrollbar{display:none}.kk-rl-felt{background:#08080f;border-radius:6px;position:relative}.kk-rl-cell{border-radius:var(--radius-xs,3px);border:1px solid var(--color-line);color:var(--color-fg);transition:box-shadow var(--kk-duration-press,80ms) var(--ease-out-kk), background-color .14s var(--ease-out-kk), opacity .2s var(--ease-out-kk);place-items:center;display:grid;position:absolute}.kk-rl-cell:active{box-shadow:inset 0 0 0 1px var(--color-fg)}.kk-rl-cell:focus-visible{outline:2px solid var(--color-brand-fg);outline-offset:1px;z-index:3}.kk-rl-magenta{background:linear-gradient(#d94bff42,#d94bff29);border-color:#d94bff8c}.kk-rl-onyx{border-color:var(--color-line-strong);background:linear-gradient(#181826,#10101b)}.kk-rl-zero{background:linear-gradient(#4f7bff4d,#4f7bff29);border-color:#4f7bff99}.kk-rl-outside{background:linear-gradient(180deg, var(--color-surface-2,#1a1830), var(--color-surface))}.kk-rl-mirror{background:radial-gradient(circle at 50% 30%, #f2f1fa1f, transparent 60%), var(--color-surface);border-color:#f2f1fa40}.kk-rl-anchor{box-shadow:inset 0 0 0 100px #8b70ff38, 0 0 0 2px var(--color-brand-fg);z-index:2}.kk-rl-partner{border-style:dashed;border-color:var(--color-brand-fg);filter:brightness(1.25);animation:kk-rl-breathe .9s var(--ease-in-out-kk) infinite alternate}.kk-rl-landed{z-index:2;box-shadow:0 0 0 2px #f2f1fa}.kk-rl-landed .kk-rl-num{font-weight:900}.kk-rl-shake{animation:kk-rl-shake .18s var(--ease-out-kk) 1}.kk-rl-chip{letter-spacing:-.02em;color:#07070f;pointer-events:none;width:24px;height:24px;transition:opacity .2s var(--ease-out-kk), box-shadow .2s var(--ease-out-kk);z-index:4;border-radius:9999px;place-items:center;margin:-12px 0 0 -12px;font-size:9px;font-weight:900;line-height:1;display:grid;position:absolute;box-shadow:0 2px 4px #00000080}.kk-rl-chip-gc,.kk-rl-rackchip-gc{background:radial-gradient(circle at 50% 35%,#ffe9a6,#f7c548 55%,#b8862a)}.kk-rl-chip-sc,.kk-rl-rackchip-sc{background:radial-gradient(circle at 50% 35%,#c9ffe9,#2fe3a0 55%,#13965f)}.kk-rl-chip:before,.kk-rl-rackchip:before{content:"";border-radius:inherit;border:1.5px dashed #fff9;position:absolute;inset:2px}.kk-rl-chip>span,.kk-rl-rackchip>span{position:relative}.kk-rl-chip-in{animation:kk-rl-chip-in .14s var(--ease-snap) both}.kk-rl-chip-grow{animation:kk-rl-chip-grow .14s var(--ease-snap) both}.kk-rl-chip-lose{opacity:.4}.kk-rl-chip-win-gc{box-shadow:0 0 0 2px #f7c548,0 0 14px #f7c548b3}.kk-rl-chip-win-sc{box-shadow:0 0 0 2px #2fe3a0,0 0 14px #2fe3a0b3}.kk-rl-chip-plain{box-shadow:0 0 0 2px var(--color-fg-2)}.kk-rl-rackchip{color:#07070f;width:34px;height:34px;transition:transform .14s var(--ease-snap), box-shadow .14s var(--ease-out-kk);border-radius:9999px;place-items:center;font-size:10.5px;font-weight:900;display:grid;position:relative;box-shadow:0 3px #00000073,inset 0 1px #fff6}.kk-rl-rackbtn:active .kk-rl-rackchip{transition-duration:var(--kk-duration-press,80ms);transform:scale(.92)}.kk-rl-rackbtn[aria-checked=true] .kk-rl-rackchip{transform:translateY(-4px);box-shadow:0 0 0 2px #fff,0 7px #00000073,0 0 16px #ffffff40}.kk-rl-tool{transition:transform .14s var(--ease-snap)}.kk-rl-tool:active:not(:disabled){transition-duration:var(--kk-duration-press,80ms);transform:scale(.94)}.kk-rl-recent{animation:kk-rl-fade-in .2s var(--ease-out-kk) both}.kk-rl-plate{animation:kk-rl-plate-in .22s var(--ease-out-kk) both;box-shadow:inset 0 1px 0 #ffffff40, var(--shadow-2,0 8px 24px #00000073)}.kk-rl-plate-glow-gc{box-shadow:inset 0 1px 0 #ffffff40, var(--shadow-glow-gc,0 0 24px #f7c5488c)}.kk-rl-plate-glow-sc{box-shadow:inset 0 1px 0 #ffffff40, var(--shadow-glow-sc,0 0 24px #2fe3a08c)}.kk-rl-plate-fly{transition:transform .36s var(--ease-in-out-kk), opacity .36s var(--ease-in-out-kk)}.kk-rl-fade{animation:kk-rl-fade-in .2s var(--ease-out-kk) both}.kk-rl-pop{animation:kk-rl-pop .24s var(--ease-snap) both}.kk-rl-float{animation:kk-rl-float .9s var(--ease-out-kk) both}.kk-rl-neon{color:#f7f3ff;text-shadow:0 0 6px var(--glow,#d94bff), 0 0 16px var(--glow,#d94bff), 0 0 28px var(--glow,#d94bff);animation:.16s step-end both kk-rl-flicker}.kk-rl-hint{animation:kk-rl-fade-in .14s var(--ease-out-kk) both}@keyframes kk-rl-breathe{0%{opacity:.6}to{opacity:1}}@keyframes kk-rl-shake{0%,to{translate:0}16%{translate:-2px}33%{translate:2px}50%{translate:-2px}66%{translate:2px}83%{translate:-2px}}@keyframes kk-rl-chip-in{0%{opacity:0;translate:0 -8px;scale:.8}}@keyframes kk-rl-chip-grow{0%{scale:1.12}}@keyframes kk-rl-fade-in{0%{opacity:0}}@keyframes kk-rl-plate-in{0%{opacity:0;scale:.9}}@keyframes kk-rl-pop{0%{opacity:0;scale:.6}60%{opacity:1;scale:1.08}to{scale:1}}@keyframes kk-rl-float{0%{opacity:0;translate:0}20%{opacity:1}to{opacity:0;translate:0 -24px}}@keyframes kk-rl-flicker{0%{opacity:1}25%{opacity:.15}50%{opacity:1}75%{opacity:.2}to{opacity:1}}[data-reduced=true] .kk-rl-panel,[data-reduced=true] .kk-rl-plate-fly{transition:none}[data-reduced=true] .kk-rl-chip-in{animation:.14s linear both kk-rl-fade-in}[data-reduced=true] .kk-rl-chip-grow,[data-reduced=true] .kk-rl-shake,[data-reduced=true] .kk-rl-partner,[data-reduced=true] .kk-rl-pop,[data-reduced=true] .kk-rl-seg,[data-reduced=true] .kk-rl-rackchip{animation:none}[data-reduced=true] .kk-rl-plate,[data-reduced=true] .kk-rl-neon{animation:.2s linear both kk-rl-fade-in}[data-reduced=true] .kk-rl-float{display:none}:root[data-kk-motion=reduced] .kk-rl-partner{animation:none}}
