.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{font-size:calc(1.25rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;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:calc(1.5rem * var(--site-font-scale,1));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{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;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:calc(.875rem * var(--site-font-scale,1));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{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));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));width:100%;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .75rem;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{font-size:calc(1.5rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));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{font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));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{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));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{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));margin:0;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{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));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{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(1.5rem * var(--site-font-scale,1));letter-spacing:.25em;--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1));margin-right:auto;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;font-size:calc(.875rem * var(--site-font-scale,1));--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-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;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:.75rem;margin:0;padding:.5rem .75rem;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{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));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{font-size:calc(.875rem * var(--site-font-scale,1));--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-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));font-size:calc(10px * var(--site-font-scale,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-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{height:5rem;font-size:calc(3rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));flex-direction:column;justify-content:center;align-items:center;gap:.25rem;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:calc(.875rem * var(--site-font-scale,1));font-weight:900;line-height:1.25rem}.mjp-game__outcome{text-align:center;font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin:0;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{font-size:calc(1.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));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:calc(2.25rem * var(--site-font-scale,1));line-height:2.5rem}}.mjp-game__pick-label{font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));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{font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:700}.mjp-game__wait{text-align:center;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;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{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));align-items:center;gap:.25rem;margin-right:auto;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;font-size:calc(.75rem * var(--site-font-scale,1));border-radius:.75rem;align-items:center;gap:.375rem;padding:.5rem .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;font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));flex-wrap:wrap;align-items:baseline;column-gap:.5rem;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))}