@layer theme,base;@layer components{[data-turn=you] :is([data-cue=act],[data-cue=roll]){outline:2.5px solid var(--color-table-ring);outline-offset:2px;cursor:pointer;position:relative}[data-turn=you] :is([data-cue=act],[data-cue=roll]):before{content:"";border-radius:inherit;box-shadow:0 0 12px 3px color-mix(in srgb, var(--color-table-ring) 70%, transparent);opacity:.7;pointer-events:none;position:absolute;inset:-6px}[data-turn=you] [data-cue=legal]{outline:2px dashed var(--color-table-ring);outline-offset:-3px}[data-turn=you] [data-cue=dim]{opacity:.55}[data-last]{outline:2px dotted var(--color-table-ring);outline-offset:2px}[data-idle] :is([data-cue=act],[data-cue=roll]){outline-width:4px}[data-seat=active]{position:relative}[data-seat=active]:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--color-table-ring);pointer-events:none;position:absolute;inset:-6px}[data-turn=you] [data-cue=roll][data-cue-label]:after{content:attr(data-cue-label);white-space:nowrap;font:800 12px / 18px var(--font-sans);letter-spacing:.6px;text-transform:uppercase;color:var(--color-table-chip-ink);background:var(--color-table-ring);pointer-events:none;border-radius:999px;padding:2px 10px;position:absolute;bottom:-12px;left:50%;translate:-50%;box-shadow:0 2px 4px #00000073}[data-turn=you] [data-turned][data-cue=roll][data-cue-label]:after{inset:50% -12px auto auto;transform:translate(100%,-50%)matrix(0,1,1,0,0,0)}[data-cue-dots] i{vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-left:2px;display:inline-block}.cue-chip{z-index:40;font:800 20px / 1.2 var(--font-serif);white-space:nowrap;color:var(--color-accent-fg);background:var(--fill-accent);box-shadow:var(--shadow-accent);pointer-events:none;border-radius:999px;padding:10px 22px;position:fixed;top:34%;left:50%;translate:-50%}.cue-chip:before{content:attr(data-text)}[data-turn-slot=bar]:has(>[data-turn-bar])>:not([data-turn-bar]){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@layer utilities;@keyframes tile-drop{0%{opacity:0;transform:translateY(-24px)scale(1.16)}15%{opacity:1}45%{transform:translateY(0)scale(.95)}65%{transform:translateY(-2px)scale(1.02)}to{opacity:1;transform:none}}@keyframes ring-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@media (prefers-reduced-motion:no-preference){.tile-drop{animation:.6s cubic-bezier(.2,.8,.2,1) both tile-drop}.ring-breathe{animation:3.2s ease-in-out infinite ring-breathe}}@keyframes cue-halo{0%,to{opacity:.35;scale:1}50%{opacity:1;scale:1.04}}@keyframes cue-bob{0%,to{translate:0}50%{translate:0 calc(var(--cue-lift) * -1)}}@keyframes cue-hop{0%,50%,to{translate:0;rotate:none}20%{translate:0 calc(var(--cue-lift) * -1);rotate:-6deg}35%{translate:0 calc(var(--cue-lift) * -.5);rotate:5deg}}@keyframes cue-nudge{0%,to{opacity:1;scale:1}45%{opacity:1;scale:1.18}}@keyframes cue-pop{0%{scale:1.12}to{scale:1}}@keyframes cue-dot{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes cue-chip{0%{opacity:0;translate:-50% 10px;scale:.9}14%,82%{opacity:1;translate:-50%;scale:1}to{opacity:0;translate:-50% -8px}}@media (prefers-reduced-motion:no-preference){[data-table]:not([data-still])[data-turn=you] :is([data-cue=act],[data-cue=roll]):before{animation:cue-halo var(--cue-breathe) ease-in-out infinite}[data-table]:not([data-still])[data-idle] :is([data-cue=act],[data-cue=roll]):before{animation:cue-halo var(--cue-breathe) ease-in-out 1.5s infinite, cue-nudge .5s ease-in-out 3}[data-table]:not([data-still])[data-turn=you] [data-cue=roll]>*{animation:cue-bob var(--cue-breathe) ease-in-out infinite}[data-table]:not([data-still])[data-turn=you] [data-cue=pick]{animation:cue-hop var(--cue-breathe) ease-in-out infinite}[data-table]:not([data-still]) [data-last]{animation:.5s ease-out cue-pop}[data-table]:not([data-still]) [data-seat=active]:after{animation:cue-halo var(--cue-breathe) ease-in-out infinite}[data-table]:not([data-still]) [data-cue-dots] i{animation:1.2s ease-in-out infinite cue-dot}[data-cue-dots] i:nth-child(2){animation-delay:.2s}[data-cue-dots] i:nth-child(3){animation-delay:.4s}.cue-chip[data-moving]{animation:cue-chip var(--cue-chip) ease-out both}[data-table]:not([data-still]) [data-pay]{animation:.8s ease-in-out 3 cue-halo}[data-table]:not([data-still]) .delta-coach{animation:.25s ease-out both delta-coach}[data-table]:not([data-still]) .count-in{animation:.22s cubic-bezier(.3,1.4,.5,1) both count-in}}@keyframes count-in{0%{opacity:0;translate:0 -28%}}@keyframes delta-coach{0%{opacity:0;translate:0 8px}}