.dice{width:calc(var(--die) * 2.2);height:calc(var(--die) * 2.15);flex:none;display:block;position:relative}.dice__die{left:calc(var(--x) * var(--die));top:calc(var(--y) * var(--die));width:var(--die);height:var(--die);rotate:var(--turn);filter:drop-shadow(0 calc(var(--die) * .09) calc(var(--die) * .07) #00000080);transition:opacity var(--duration-move);position:absolute}.die{width:100%;height:100%;display:block;overflow:visible}.die__body{stroke:var(--color-tile-edge);stroke-width:.7px}.die__pip{fill:var(--color-glyph-ink)}.die__pip--red{fill:var(--color-glyph-red)}.dice[data-thrown] .dice__die{animation:.7s cubic-bezier(.2,.75,.25,1) both die-throw;animation-delay:var(--delay)}@keyframes die-throw{0%{opacity:0;translate:calc(var(--fx) * var(--die)) calc(var(--fy) * var(--die));rotate:calc(var(--turn) + 420deg);scale:.85}12%{opacity:1}62%{translate:calc(var(--fx) * var(--die) * -.06) calc(var(--fy) * var(--die) * -.06);rotate:calc(var(--turn) - 14deg);scale:1.1}82%{translate:0;rotate:calc(var(--turn) + 4deg);scale:.97}to{translate:0;rotate:var(--turn);scale:1}}.tray{--die:clamp(12px, calc(var(--wall) * .092), 44px);inset:calc(var(--wall) * 9 / 152);z-index:2;pointer-events:none;animation:tray-in var(--duration-move) var(--ease-out-quick);position:absolute}@keyframes tray-in{0%{opacity:0}}.tray--roll-off{--die:clamp(13px, calc(var(--wall) * .1), 44px);inset:0}.table:not([data-wide=true],[data-landscape=true]) .tray--roll-off{--die:clamp(13px, calc(var(--wall) * .12), 30px);inset:-52% -2%}.table:not([data-wide=true],[data-landscape=true]) .tray--roll-off .tray__place--across{top:22%}.table:not([data-wide=true],[data-landscape=true]) .tray--roll-off .tray__place--me{top:78%}.table[data-landscape=true] .tray--roll-off{--die:clamp(13px, calc(var(--wall) * .13), 24px);inset:-24% -90%}.table[data-landscape=true] .tray--roll-off .tray__place--across{top:22%}.table[data-landscape=true] .tray--roll-off .tray__place--me{top:78%}.table[data-landscape=true] .tray--roll-off .tray__place--left{top:50%;left:14%}.table[data-landscape=true] .tray--roll-off .tray__place--right{top:50%;left:86%}.tray__place{align-items:center;gap:calc(var(--die) * .22);flex-direction:column;display:flex;position:absolute;translate:-50% -50%}.tray__place--me{top:76%;left:50%}.tray__place--across{flex-direction:column-reverse;top:24%;left:50%}.tray__place--left{top:52%;left:19%}.tray__place--right{top:52%;left:81%}.tray__break{--die:clamp(15px, calc(var(--wall) * .12), 56px);top:50%;left:50%}.tray__total{min-width:calc(var(--die) * 1.3);height:max(16px, calc(var(--die) * .84));background:color-mix(in oklab, var(--color-felt-950) 82%, transparent);box-shadow:inset 0 0 0 1px var(--color-felt-500);color:var(--color-ink);font-size:max(11px, calc(var(--die) * .58));font-variant-numeric:tabular-nums;white-space:nowrap;animation:total-in var(--duration-move) var(--ease-out-quick) backwards;border-radius:999px;justify-content:center;align-items:center;gap:.15em;padding:0 .45em;font-weight:700;line-height:1;display:inline-flex}.dice[data-thrown]+.tray__total{animation-delay:.62s}@keyframes total-in{0%{opacity:0;scale:.6}}.tray__wait{width:calc(var(--die) * 1.7);height:calc(var(--die) * 1.7);border-radius:calc(var(--die) * .38);color:var(--color-ink-muted);font-size:max(11px, calc(var(--die) * .6));place-items:center;font-weight:700;animation:1.4s ease-in-out infinite wait-pulse;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff38}.tray__place[data-mine] .tray__wait{box-shadow:inset 0 0 0 2px var(--color-gold);color:var(--color-gold)}@keyframes wait-pulse{50%{opacity:.45}}.tray__place[data-tied] .tray__total{box-shadow:inset 0 0 0 2px var(--color-ember);color:var(--color-ember)}.tray__place[data-tied] .dice__die{opacity:.6}.tray__place[data-out] .dice__die,.tray__place[data-out] .tray__total{opacity:.4}.tray__place[data-winner] .tray__total{background:var(--color-gold);box-shadow:0 0 calc(var(--die) * .6) #f4b74099;color:var(--color-on-gold)}.tray__place[data-winner] .dice__die{filter:drop-shadow(0 0 calc(var(--die) * .25) #f4b740bf)}.tray__dealer{width:clamp(26px, calc(var(--wall) * .15), 64px);height:clamp(26px, calc(var(--wall) * .15), 64px);background:var(--color-gold);color:var(--color-on-gold);font-family:var(--font-cjk);font-size:clamp(15px, calc(var(--wall) * .085), 36px);border-radius:50%;place-items:center;font-weight:700;line-height:1;animation:.42s cubic-bezier(.3,1.6,.5,1) backwards dealer-in;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 3px #f4b74040,0 6px 18px -4px #0009}@keyframes dealer-in{0%{opacity:0;scale:.3}}@media (prefers-reduced-motion:reduce){.tray__wait{animation:none}}