.room-surrender{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-rose-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.5rem .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);display:flex}.room-surrender:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1))}.room-surrender:disabled{cursor:not-allowed;opacity:.5}.room-surrender:is(.dark *){border-color:rgb(var(--palette-rose-500) / .4);--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-300) / var(--tw-text-opacity,1))}.room-surrender:hover:is(.dark *){background-color:rgb(var(--palette-rose-500) / .1)}
.room-rematch{text-align:left;background-color:#fffbebb3;border-width:1px;border-color:#fde68acc;border-radius:1rem;flex-direction:column;gap:.5rem;width:100%;padding:.75rem;display:flex}.room-rematch:is(.dark *){background-color:#f59e0b1a;border-color:#f59e0b4d}.room-rematch__title{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;font-weight:900;line-height:1.25rem;display:flex}.room-rematch__title:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.room-rematch__count{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:calc(11px * var(--site-font-scale,1));--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(180 83 9/var(--tw-text-opacity,1));border-radius:9999px;margin-left:auto;padding:.125rem .5rem;font-weight:900}.room-rematch__count:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.room-rematch__players{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style-type:none;display:flex}.room-rematch__player{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.5rem;padding:.375rem .625rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.room-rematch__player: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-slate-400) / var(--tw-text-opacity,1))}.room-rematch__player--ready{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.room-rematch__player--ready:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1));background-color:#10b98126}.room-rematch__player--away{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.room-rematch__player--away:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.room-rematch__player-icon{flex-shrink:0}.room-rematch__player-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));flex:1;overflow:hidden}.room-rematch__player-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.room-rematch__player-state{font-size:calc(11px * var(--site-font-scale,1));flex-shrink:0}.room-rematch__btn{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));width:100%;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-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:.75rem;justify-content:center;align-items:center;gap:.5rem;padding-top:.625rem;padding-bottom:.625rem;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}.room-rematch__btn:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.room-rematch__btn:active{--tw-scale-x:.99;--tw-scale-y:.99;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))}.room-rematch__btn--on{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-300) / var(--tw-ring-opacity,1))}.room-rematch__btn--on:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.room-rematch__btn--on: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));--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-600) / var(--tw-ring-opacity,1))}.room-rematch__btn--on:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.room-rematch__note{font-size:calc(11px * var(--site-font-scale,1));color:#b45309cc;margin:0;font-weight:700}.room-rematch__note:is(.dark *){color:#fde68ab3}
