.dice-roll{grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:1.25rem;display:grid}@media (min-width:640px){.dice-roll{gap:1.5rem}}@media (min-width:1024px){.dice-roll{grid-template-columns:repeat(12,minmax(0,1fr))}}.dice-roll__main{width:100%}.dice-roll__main>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.dice-roll__main{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.25rem}.dice-roll__main:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.dice-roll__main{padding:1.75rem}}@media (min-width:1024px){.dice-roll__main{grid-column:span 7/span 7}}.dice-roll__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:1rem;display:flex}.dice-roll__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.dice-roll__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:900;line-height:1.75rem;display:flex}.dice-roll__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.dice-roll__title{font-size:1.5rem;line-height:2rem}}.dice-roll__title-icon{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.dice-roll__title-icon:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dice-roll__lead{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:.125rem 0 0;font-size:.75rem;line-height:1rem}.dice-roll__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.dice-roll__sound{cursor:pointer;border-width:1px;border-color:rgb(var(--palette-slate-200) / .7);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2.25rem;height:2.25rem;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.dice-roll__sound:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.dice-roll__sound:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .8);--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.dice-roll__sound:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__sound--on{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.dice-roll__sound--on:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.dice-roll__count{-moz-column-gap:1rem;border-width:1px;border-color:rgb(var(--palette-slate-200) / .6);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.625rem 1rem;padding:1rem;display:flex}.dice-roll__count:is(.dark *){border-color:rgb(var(--palette-slate-700) / .6);background-color:rgb(var(--palette-slate-800) / .4)}.dice-roll__count-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-size:12px;font-weight:700}.dice-roll__count-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__stepper{align-items:center;gap:.375rem;display:flex}.dice-roll__step{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;font-size:15px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.dice-roll__step:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.dice-roll__step:disabled{cursor:not-allowed;opacity:.4}.dice-roll__step:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__step:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.dice-roll__count-value{text-align:center;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;min-width:3.25rem;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;font-weight:900;line-height:1.5rem}.dice-roll__count-value:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__presets{flex-wrap:wrap;gap:.375rem;display:flex}@media (min-width:640px){.dice-roll__presets{margin-left:auto}}.dice-roll__preset{cursor:pointer;border-radius:.5rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dice-roll__preset:disabled{cursor:not-allowed;opacity:.5}.dice-roll__preset--off{background-color:rgb(var(--palette-slate-200) / .7);--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.dice-roll__preset--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.dice-roll__preset--off:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__preset--off:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.dice-roll__preset--on{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__stage{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:#f0f9ffb3 var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-indigo-50) / .4) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-slate-50) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);text-align:center;--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);min-height:260px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:1px;border-color:#bae6fd99;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2.5rem 1rem;display:flex;overflow:hidden}.dice-roll__stage:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-gradient-from:rgb(var(--palette-slate-950) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-slate-950) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-slate-900) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to)}@media (min-width:640px){.dice-roll__stage{padding-top:3rem;padding-bottom:3rem}}.dice-roll__dice{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:100%;display:flex}@media (min-width:640px){.dice-roll__dice{gap:1rem}}.dice-roll__canvas{width:100%;height:15rem;margin-top:-1rem;margin-bottom:-1rem;display:block}@media (min-width:640px){.dice-roll__canvas{height:20rem;margin-top:-1.5rem;margin-bottom:-1.5rem}}.dice-roll__die{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);width:4rem;height:4rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--palette-slate-900) / .1);border-radius:1rem;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.625rem;display:grid}.dice-roll__die:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-shadow-color:#0006;--tw-shadow:var(--tw-shadow-colored)}@media (min-width:640px){.dice-roll__die{gap:.375rem;width:5rem;height:5rem;padding:.75rem}}.dice-roll__die--rolling{animation:.45s ease-in-out infinite dice-roll-tumble}@media (prefers-reduced-motion:reduce){.dice-roll__die--rolling{animation:none}}.dice-roll__pip{aspect-ratio:1;border-radius:9999px;align-self:center;width:100%;display:block}.dice-roll__pip--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.dice-roll__die--ace .dice-roll__pip--on{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.dice-roll__summary{-moz-column-gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;min-height:2.75rem;display:flex}.dice-roll__hint{text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.dice-roll__hint:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dice-roll__eyes{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem;font-weight:900;line-height:1.75rem}.dice-roll__eyes:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.dice-roll__eyes{font-size:1.25rem;line-height:1.75rem}}.dice-roll__sum{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;align-items:baseline;gap:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:inline-flex}.dice-roll__sum:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.dice-roll__sum b{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.5rem;font-weight:900;line-height:2rem}@media (min-width:640px){.dice-roll__sum b{font-size:1.875rem;line-height:2.25rem}}.dice-roll__parity{--tw-text-opacity:1;min-width:2.5rem;height:2.5rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem;justify-content:center;align-items:center;padding-left:.75rem;padding-right:.75rem;font-size:1.25rem;font-weight:900;line-height:1.75rem;display:inline-flex}@media (min-width:640px){.dice-roll__parity{height:2.75rem;font-size:1.5rem;line-height:2rem}}.dice-roll__parity--odd{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));--tw-shadow-color:rgb(var(--palette-rose-500) / .3);--tw-shadow:var(--tw-shadow-colored)}.dice-roll__parity--even{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1));--tw-shadow-color:#0ea5e94d;--tw-shadow:var(--tw-shadow-colored)}.dice-roll__roll{cursor:pointer;background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-indigo-500) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:#0ea5e940;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.dice-roll__roll:hover{--tw-gradient-from:#0284c7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-600) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.dice-roll__roll:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dice-roll__roll:disabled{cursor:not-allowed;opacity:.6}@media (min-width:640px){.dice-roll__roll{width:auto;padding:1rem 3rem;font-size:1rem;line-height:1.5rem}}.dice-roll__history{width:100%}.dice-roll__history>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.dice-roll__history{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.25rem}.dice-roll__history:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.dice-roll__history{padding:1.5rem}}@media (min-width:1024px){.dice-roll__history{grid-column:span 5/span 5}}.dice-roll__history-head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.75rem;display:flex}.dice-roll__history-head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.dice-roll__history-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:800;line-height:1.25rem;display:flex}.dice-roll__history-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.dice-roll__history-title{font-size:1rem;line-height:1.5rem}}.dice-roll__tally{align-items:center;gap:.375rem;font-size:11px;font-weight:700;display:flex}.dice-roll__tally-odd{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem}.dice-roll__tally-odd:is(.dark *){background-color:rgb(var(--palette-rose-500) / .15);--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.dice-roll__tally-even{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem}.dice-roll__tally-even:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1));background-color:#0ea5e926}.dice-roll__history-clear{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dice-roll__history-clear:hover{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1))}.dice-roll__history-empty{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));margin:0;padding-top:4rem;padding-bottom:4rem;font-size:.75rem;line-height:1rem}.dice-roll__history-empty:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.dice-roll__history-list{max-height:500px;margin:0;list-style-type:none}.dice-roll__history-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.dice-roll__history-list{scrollbar-width:thin;padding:0 .25rem 0 0;overflow-y:auto}.dice-roll__history-item{border-width:1px;border-color:rgb(var(--palette-slate-200) / .6);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.dice-roll__history-item:is(.dark *){border-color:rgb(var(--palette-slate-700) / .6);background-color:rgb(var(--palette-slate-800) / .6)}.dice-roll__history-body{min-width:0}.dice-roll__history-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.dice-roll__history-meta{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;display:flex}.dice-roll__history-values{flex-wrap:wrap;gap:.25rem;display:flex}.dice-roll__history-value{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.5rem;height:1.5rem;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));border-radius:.375rem;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;font-weight:900;line-height:1rem;display:flex}.dice-roll__history-value:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.dice-roll__history-result{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));flex-shrink:0;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;line-height:1rem;display:flex}.dice-roll__history-result:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__history-result b{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;font-weight:900;line-height:1.25rem}.dice-roll__history-result b:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__history-parity{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem;font-size:11px;font-weight:900}.dice-roll__history-parity--odd{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1))}.dice-roll__history-parity--even{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}@keyframes dice-roll-tumble{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-14deg)}50%{transform:translateY(0)rotate(8deg)}75%{transform:translateY(-6px)rotate(16deg)}to{transform:translateY(0)rotate(0)}}
.room-code{align-items:center;gap:.25rem;display:inline-flex}.room-code__text{-webkit-user-select:all;user-select:all}.room-code__toggle{cursor:pointer;letter-spacing:0;opacity:.7;background-color:#0000;border-width:0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;line-height:1.25rem;display:inline-flex}.room-code__toggle:hover{opacity:1;background-color:#0000000d}.room-code__toggle:hover:is(.dark *){background-color:#ffffff1a}.room-code__input{-webkit-text-security:disc}
.mjp-game{width:100%;max-width:42rem;margin-left:auto;margin-right:auto}.mjp-game>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.mjp-game{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.25rem}.mjp-game:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.mjp-game{padding:1.75rem}}.mjp-game__head>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.mjp-game__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));padding-bottom:1rem}.mjp-game__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.mjp-game__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:900;line-height:1.75rem;display:flex}.mjp-game__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.mjp-game__title{font-size:1.5rem;line-height:2rem}}.mjp-game__title-icon{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.mjp-game__title-icon:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.mjp-game__lead{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.75rem;line-height:1rem}.mjp-game__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.mjp-game__lead{font-size:.875rem;line-height:1.25rem}}.mjp-game__lobby>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.mjp-game__field{flex-direction:column;gap:.25rem;display:flex}.mjp-game__field--grow{flex:1}.mjp-game__field-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.mjp-game__field-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.mjp-game__input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem}.mjp-game__input:focus{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1));outline-offset:2px;outline:2px solid #0000}.mjp-game__input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-950) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.mjp-game__input--code{text-transform:uppercase;letter-spacing:.3em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mjp-game__modes{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;display:grid}@media (min-width:640px){.mjp-game__modes{grid-template-columns:repeat(2,minmax(0,1fr))}}.mjp-game__mode{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));text-align:left;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.mjp-game__mode:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1));background-color:#fef2f299}.mjp-game__mode:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .6)}.mjp-game__mode:hover:is(.dark *){background-color:#ef44441a;border-color:#ef444480}.mjp-game__mode-icon{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:1.5rem;line-height:2rem}.mjp-game__mode-icon:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.mjp-game__mode-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:1rem;font-weight:900;line-height:1.5rem}.mjp-game__mode-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mjp-game__mode-desc{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.mjp-game__mode-desc:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.mjp-game__join{align-items:flex-end;gap:.5rem;display:flex}.mjp-game__error{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));margin:0;font-size:.75rem;font-weight:700;line-height:1rem}.mjp-game__error:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.mjp-game__room{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1));border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.mjp-game__room:is(.dark *){background-color:#ef44441a}.mjp-game__room-label{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.mjp-game__room-label:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.mjp-game__room-code{letter-spacing:.25em;--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));margin-right:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.5rem;font-weight:900;line-height:2rem}.mjp-game__room-code:is(.dark *){--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.mjp-game__state{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));justify-content:center;align-items:center;gap:.5rem;margin:0;padding-top:2.5rem;padding-bottom:2.5rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.mjp-game__state:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.mjp-game__board>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.mjp-game__phase{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:.75rem;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:900;line-height:1.25rem}.mjp-game__phase:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.mjp-game__phase--done{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.mjp-game__phase--done:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b26}.mjp-game__seats{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.mjp-game__vs{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:900;line-height:1.25rem}.mjp-game__seat{--tw-border-opacity:1;border-width:2px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;display:flex}.mjp-game__seat:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1))}.mjp-game__seat--attacker{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.mjp-game__seat--attacker:is(.dark *){border-color:#ef4444b3}.mjp-game__seat--winner{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.mjp-game__seat--winner:is(.dark *){background-color:#f59e0b1a;border-color:#fbbf24b3}.mjp-game__seat-name{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin:0;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.mjp-game__seat-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.mjp-game__badge{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.375rem;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:10px;font-weight:900;display:inline-flex}.mjp-game__badge--win{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.mjp-game__hand{--tw-text-opacity:1;height:5rem;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.25rem;font-size:3rem;line-height:1;display:flex}.mjp-game__hand:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.mjp-game__hand--hidden,.mjp-game__hand--empty{--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1));font-weight:900}.mjp-game__hand--hidden:is(.dark *),.mjp-game__hand--empty:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.mjp-game__hand-label{font-size:.875rem;font-weight:900;line-height:1.25rem}.mjp-game__outcome{text-align:center;--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin:0;font-size:1rem;font-weight:900;line-height:1.5rem}.mjp-game__outcome:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.mjp-game__picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.mjp-game__picks{gap:.75rem}}.mjp-game__pick{cursor:pointer;--tw-border-opacity:1;border-width:2px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding-top:.75rem;padding-bottom:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.mjp-game__pick:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.mjp-game__pick:disabled{cursor:default}.mjp-game__pick:hover:disabled{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.mjp-game__pick:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.mjp-game__pick:hover:is(.dark *){border-color:#ef444499}.mjp-game__pick--on{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.mjp-game__pick--on:is(.dark *){--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1));background-color:#ef444426}.mjp-game__pick-icon{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:1.875rem;line-height:2.25rem}.mjp-game__pick-icon:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.mjp-game__pick-icon{font-size:2.25rem;line-height:2.5rem}}.mjp-game__pick-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:1rem;font-weight:900;line-height:1.5rem}.mjp-game__pick-label:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mjp-game__pick-hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;font-weight:700}.mjp-game__wait{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.75rem;font-weight:700;line-height:1rem}.mjp-game__wait:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.mjp-game__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.mjp-game__score{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));align-items:center;gap:.25rem;margin-right:auto;font-size:.875rem;font-weight:900;line-height:1.25rem;display:inline-flex}.mjp-game__score:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.mjp-game__button{cursor:pointer;border-radius:.75rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.mjp-game__button:disabled{cursor:default;opacity:.6}.mjp-game__button:not(.mjp-game__button--primary){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.mjp-game__button:not(.mjp-game__button--primary):hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.mjp-game__button:not(.mjp-game__button--primary):is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.mjp-game__button:not(.mjp-game__button--primary):hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.mjp-game__button--primary{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.mjp-game__button--primary:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.mjp-game__history{max-height:15rem;margin:0;list-style-type:none}.mjp-game__history>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.mjp-game__history{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));padding:.75rem 0 0;overflow-y:auto}.mjp-game__history:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.mjp-game__history-row{-moz-column-gap:.5rem;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));flex-wrap:wrap;align-items:baseline;column-gap:.5rem;font-size:11px;display:flex}.mjp-game__history-row:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.mjp-game__history-no{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mjp-game__history-kind{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-weight:700}.mjp-game__history-kind:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.mjp-game__history-hands{font-weight:500}.mjp-game__history-out{--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));margin-left:auto;font-weight:700}.mjp-game__history-out:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}
.ladder-settings__toggle{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;font-size:11px;font-weight:700;display:flex}.ladder-settings__toggle:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-settings__toggle-check{cursor:pointer;accent-color:rgb(var(--palette-rose-600) / 1)}.ladder-settings__segment{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ladder-settings__segment-label{--tw-text-opacity:1;width:4rem;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));flex-shrink:0;font-size:11px;font-weight:900}.ladder-settings__segment-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.ladder-settings__segment-options{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;flex-wrap:wrap;padding:.125rem;font-size:11px;font-weight:700;display:flex}.ladder-settings__segment-options:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.ladder-settings__segment-option{border-radius:.5rem;padding:.25rem .625rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-settings__segment-option--on{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.ladder-settings__segment-option--on:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.ladder-settings__segment-option--off{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.ladder-settings__segment-option--off:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.ladder-settings__segment-option--off:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.ladder-settings>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ladder-settings{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-50) / .7);border-radius:1rem;padding:.75rem}.ladder-settings:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .3)}.ladder-settings__toggles{-moz-column-gap:1rem;flex-wrap:wrap;gap:.375rem 1rem;padding-top:.25rem;display:flex}
.ladder-game__starts{display:grid}.ladder-game__start{align-items:center;gap:.25rem;padding-left:.125rem;padding-right:.125rem;display:flex}.ladder-game__start--top{flex-direction:column}.ladder-game__start--bottom{flex-direction:column-reverse}.ladder-game__start-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-size:10px;font-weight:700;overflow:hidden}.ladder-game__start-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__start-button{cursor:pointer;border-width:2px;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.ladder-game__start-button:disabled{cursor:default}.ladder-game__start-button--done{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@keyframes pulse{50%{opacity:.5}}.ladder-game__start-button--running{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 0 0 4px #fbbf2459;--tw-shadow-colored:0 0 0 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.ladder-game__start-button--idle{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.ladder-game__start-button--idle:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1))}.ladder-game__start-button--idle:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.ladder-game__start-rank{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;padding-left:.25rem;padding-right:.25rem;font-size:9px;font-weight:900;position:absolute;top:-.5rem;right:-.5rem}.ladder-game__ends{display:grid}.ladder-game__end{align-items:center;gap:.125rem;padding-left:.125rem;padding-right:.125rem;display:flex;position:relative}.ladder-game__end--top{flex-direction:column}.ladder-game__end--bottom{flex-direction:column-reverse}.ladder-game__end--suspense{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.ladder-game__end-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;border-width:1px;border-radius:.5rem;width:100%;padding:.25rem;font-size:10px;font-weight:900;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden}.ladder-game__end-name--hidden{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.ladder-game__end-name--hidden:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.ladder-game__end-name--win{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));--tw-shadow:0 0 12px #fbbf248c;--tw-shadow-colored:0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ladder-game__end-name--win:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b33;border-color:#f59e0b80}.ladder-game__end-name--lose{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.ladder-game__end-name--lose:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__end-name--landed{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.ladder-game__end-name--landed:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ladder-game__end-name--pending{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));background-color:#ffffffb3}.ladder-game__end-name--pending:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-900) / .6);--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.ladder-game__end-mark{align-items:center;height:1rem;display:flex}.ladder-game__end-token{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;max-width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;padding:.125rem .375rem;font-size:9px;font-weight:900;overflow:hidden}.ladder-game__effect{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ladder-game__stamp{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-size:1.125rem;font-weight:900;line-height:1.75rem;position:absolute}.ladder-game__stamp:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.ladder-game__glow{border-radius:9999px;width:4rem;height:4rem;position:absolute}.ladder-game__particle{justify-content:center;align-items:center;display:flex;position:absolute}.ladder-game__preset{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-700) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .625rem;font-size:11px;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__preset:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-100) / var(--tw-bg-opacity,1))}.ladder-game__preset:is(.dark *){background-color:rgb(var(--palette-indigo-500) / .15);--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.ladder-game__preset:hover:is(.dark *){background-color:rgb(var(--palette-indigo-500) / .25)}.ladder-game>:not([hidden])~:not([hidden]),.ladder-game__setup>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ladder-game__setup{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1rem}.ladder-game__setup:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.ladder-game__setup{padding:1.5rem}}.ladder-game__play-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ladder-game__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.ladder-game__title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.ladder-game__title{font-size:1rem;line-height:1.5rem}}.ladder-game__sound{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .5rem;font-size:11px;font-weight:700}.ladder-game__sound:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__sound:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__sound:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__announce{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ladder-game__count-step{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-top:2rem;padding-bottom:2rem;display:flex}.ladder-game__count-question{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:700;line-height:1.25rem}.ladder-game__count-question:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__count-row{align-items:center;gap:.75rem;display:flex}.ladder-game__count-button{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;width:2.25rem;height:2.25rem;font-size:1.125rem;font-weight:900;line-height:1.75rem}.ladder-game__count-button:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__count-button:disabled{opacity:.4}.ladder-game__count-button:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.ladder-game__count-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__count-value{text-align:center;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;width:3rem;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:1.5rem;font-weight:900;line-height:2rem}.ladder-game__count-value:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ladder-game__count-presets{flex-wrap:wrap;justify-content:center;gap:.375rem;display:flex}.ladder-game__count-preset{cursor:pointer;border-radius:.5rem;padding:.25rem .625rem;font-size:11px;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__count-preset--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ladder-game__count-preset--off{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.ladder-game__count-preset--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__count-preset--off:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__count-preset--off:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__count-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.ladder-game__begin{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__begin:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-700) / var(--tw-bg-opacity,1))}.ladder-game__reuse{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:1rem;padding:.625rem 1rem;font-size:.875rem;font-weight:700;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__reuse:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__reuse:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.ladder-game__reuse:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__names-step>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ladder-game__names-lead{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.ladder-game__names-lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.ladder-game__names-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ladder-game__names-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ladder-game__names-label-top{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:900}.ladder-game__names-tools{gap:.375rem;display:flex}.ladder-game__shuffle-names{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-700) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .625rem;font-size:11px;font-weight:700}.ladder-game__shuffle-names:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1))}.ladder-game__shuffle-names:is(.dark *){background-color:rgb(var(--palette-rose-500) / .15);--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.ladder-game__reset-names{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .625rem;font-size:11px;font-weight:700}.ladder-game__reset-names:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__reset-names:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__names-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.375rem;display:grid}.ladder-game__name-field{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:.5rem;align-items:center;gap:.25rem;padding-left:.375rem;display:flex}.ladder-game__name-field:focus-within{--tw-border-opacity:1;border-color:rgb(var(--palette-rose-500) / var(--tw-border-opacity,1))}.ladder-game__name-field:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-zinc-900) / var(--tw-bg-opacity,1))}.ladder-game__name-token{font-size:.875rem;line-height:1.25rem}.ladder-game__name-index{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;font-weight:900}.ladder-game__name-input{--tw-text-opacity:1;width:100%;min-width:0;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));background-color:#0000;padding:.375rem .25rem;font-size:11px;font-weight:700}.ladder-game__name-input:focus{outline-offset:2px;outline:2px solid #0000}.ladder-game__name-input:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.ladder-game__names-label-bottom{--tw-text-opacity:1;color:rgb(var(--palette-indigo-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:900}.ladder-game__result-presets{flex-wrap:wrap;gap:.375rem;display:flex}.ladder-game__shuffle-results{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .625rem;font-size:11px;font-weight:700}.ladder-game__shuffle-results:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__shuffle-results:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__reset-results{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .625rem;font-size:11px;font-weight:700}.ladder-game__reset-results:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__reset-results:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__result-input{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.375rem;font-size:11px;font-weight:700}.ladder-game__result-input:focus{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-500) / var(--tw-border-opacity,1));outline-offset:2px;outline:2px solid #0000}.ladder-game__result-input:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-zinc-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.ladder-game__names-hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px}.ladder-game__names-actions{justify-content:center;align-items:center;gap:.5rem;display:flex}.ladder-game__back{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__back:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__back:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__back:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__play{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:900;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__play:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-700) / var(--tw-bg-opacity,1))}.ladder-game__board>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.ladder-game__controls{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.ladder-game__next{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:900;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__next:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-700) / var(--tw-bg-opacity,1))}.ladder-game__next:disabled{cursor:not-allowed;opacity:.4}.ladder-game__all{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:900;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__all:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.ladder-game__all:disabled{cursor:not-allowed;opacity:.4}.ladder-game__reveal{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-600) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:900;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__reveal:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-700) / var(--tw-bg-opacity,1))}.ladder-game__reveal:disabled{cursor:not-allowed;opacity:.4}.ladder-game__new-ladder{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:900;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__new-ladder:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.ladder-game__new-ladder:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__edit{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__edit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__edit:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__edit:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__restart{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ladder-game__restart:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__restart:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__restart:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__settings-summary{cursor:pointer;-webkit-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.ladder-game__settings-summary:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.ladder-game__settings-body{margin-top:.5rem}.ladder-game__keys-hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px}.ladder-game__scroll{padding-bottom:.5rem;overflow-x:auto}.ladder-game__canvas{margin-left:auto;margin-right:auto;position:relative}.ladder-game__suspense{pointer-events:none;z-index:10;justify-content:center;align-items:center;padding-left:1rem;padding-right:1rem;display:flex;position:absolute;inset:0}.ladder-game__suspense-text{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));text-align:center;--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#ffffffe6;border-radius:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:900;line-height:1rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.ladder-game__suspense-text:is(.dark *){--tw-border-opacity:1;border-color:rgb(120 53 15/var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-900) / .9);--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}@media (min-width:640px){.ladder-game__suspense-text{font-size:.875rem;line-height:1.25rem}}.ladder-game__banner-wrap{pointer-events:none;z-index:60;justify-content:center;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;top:33.3333%;left:0;right:0}.ladder-game__banner{text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:max-content;min-width:16rem;max-width:min(92vw,48rem);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:2px;border-radius:1.5rem;padding:1.25rem 2rem}@media (min-width:640px){.ladder-game__banner{min-width:20rem;padding:1.75rem 3rem}}.ladder-game__banner--win{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:#fcd34d var(--tw-gradient-from-position);--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fef08a var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1))}.ladder-game__banner--lose{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ladder-game__banner--neutral{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.ladder-game__banner--neutral:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ladder-game__banner-token{opacity:.8;font-size:.75rem;font-weight:700;line-height:1rem}@media (min-width:640px){.ladder-game__banner-token{font-size:.875rem;line-height:1.25rem}}.ladder-game__banner-text{white-space:pre-wrap;word-break:keep-all;margin-top:.25rem;font-size:1.5rem;font-weight:900;line-height:1.375}@media (min-width:640px){.ladder-game__banner-text{font-size:2.25rem;line-height:2.5rem}}.ladder-game__svg{margin-top:.25rem;margin-bottom:.25rem;display:block;overflow:visible}.ladder-game__rails{--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.ladder-game__rails:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.ladder-game__rail-dot:is(.dark *){fill:rgb(var(--palette-slate-900) / 1)}.ladder-game__results>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ladder-game__results{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));border-radius:1rem;padding:.75rem}.ladder-game__results:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.ladder-game__results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ladder-game__results-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-size:11px;font-weight:900}.ladder-game__results-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__results-race{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1));margin-left:.25rem}.ladder-game__results-race:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.ladder-game__copy{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .625rem;font-size:11px;font-weight:700}.ladder-game__copy:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.ladder-game__copy:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__copy:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.ladder-game__results-list{grid-template-columns:repeat(1,minmax(0,1fr));gap:.25rem;display:grid}@media (min-width:640px){.ladder-game__results-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.ladder-game__result{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:.75rem;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:12px;display:flex}.ladder-game__result:is(.dark *){background-color:rgb(var(--palette-slate-800) / .5)}.ladder-game__result-rank{--tw-text-opacity:1;width:1.75rem;color:rgb(217 119 6/var(--tw-text-opacity,1));flex-shrink:0;font-size:10px;font-weight:900}.ladder-game__result-dot{border-radius:9999px;flex-shrink:0;width:.625rem;height:.625rem}.ladder-game__result-name{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-weight:700;overflow:hidden}.ladder-game__result-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.ladder-game__result-arrow{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.ladder-game__result-prize{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.ladder-game__result-prize--win{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.ladder-game__result-prize--win:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.ladder-game__result-prize--lose{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.ladder-game__result-prize--normal{--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1))}.ladder-game__result-prize--normal:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}.ladder-game__history{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));border-radius:1rem;padding:.75rem}.ladder-game__history:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.ladder-game__history-summary{cursor:pointer;-webkit-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:900}.ladder-game__history-summary:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.ladder-game__history-list{margin-top:.5rem}.ladder-game__history-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ladder-game__history-item{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-size:11px}.ladder-game__history-item:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.ladder-game__history-time{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:900}