.yut-room{width:100%;max-width:72rem;margin-left:auto;margin-right:auto}.yut-room>: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))}.yut-room{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));border-radius:1.5rem;padding:.75rem}.yut-room:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-950) / .6)}@media (min-width:640px){.yut-room{padding:1.5rem}}.yut-room__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.yut-room__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}.yut-room__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.yut-room__title{font-size:calc(1.5rem * var(--site-font-scale,1));line-height:2rem}}.yut-room__badge{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:9999px;padding:.125rem .625rem;font-weight:900;line-height:1rem}.yut-room__badge:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#f59e0b26}.yut-room__code{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:700;line-height:1rem;display:flex}.yut-room__code:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b1a}.yut-room__btn{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));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .625rem;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:flex}.yut-room__btn:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.yut-room__btn: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))}.yut-room__btn:hover:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.yut-room__members{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style-type:none;display:flex}.yut-room__member{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:700;line-height:1rem;display:flex}.yut-room__member: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))}.yut-room__member--me{--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))}.yut-room__member--me:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b33}.yut-room__crown{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.yut-room__kick{cursor:pointer;width:1.25rem;height:1.25rem;font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;margin-right:-.25rem;display:flex}.yut-room__kick:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.yut-room__kick:hover:is(.dark *){background-color:rgb(var(--palette-rose-500) / .2)}.yut-room__lobby{width:100%;max-width:42rem;margin-left:auto;margin-right:auto}.yut-room__lobby>: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))}.yut-room__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))}.yut-room__label{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-weight:900;line-height:1.25rem;display:flex}.yut-room__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.yut-room__label-note{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:700}.yut-room__seg{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;padding:.25rem;display:grid}.yut-room__seg:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.yut-room__seg{grid-template-columns:repeat(4,minmax(0,1fr))}}.yut-room__seg--short{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:640px){.yut-room__seg--short{grid-template-columns:repeat(3,minmax(0,1fr))}}.yut-room__seg-btn{cursor:pointer;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;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)}.yut-room__seg-btn:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.yut-room__seg-btn:disabled{cursor:default}.yut-room__seg-btn:hover:disabled{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.yut-room__seg-btn:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-room__seg-btn:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.yut-room__seg-btn:hover:disabled:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-room__seg-btn--on,.yut-room__seg-btn--on:hover,.yut-room__seg-btn--on:disabled:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(217 119 6/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)}.yut-room__seg-btn--on:is(.dark *),.yut-room__seg-btn--on:hover:is(.dark *),.yut-room__seg-btn--on:disabled:hover: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))}.yut-room__hint{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:1.625}.yut-room__hint:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-room__seats{grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style-type:none;display:grid}@media (min-width:640px){.yut-room__seats--team{grid-template-columns:repeat(2,minmax(0,1fr))}}.yut-room__seat>: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))}.yut-room__seat{--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));border-radius:1rem;padding:.625rem}.yut-room__seat: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))}.yut-room__seat--empty{background-color:rgb(var(--palette-slate-50) / .6);border-style:dashed}.yut-room__seat--empty:is(.dark *){background-color:rgb(var(--palette-slate-900) / .4)}.yut-room__seat--mine{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-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(253 230 138/var(--tw-ring-opacity,1))}.yut-room__seat--mine:is(.dark *){--tw-ring-color:#f59e0b4d;border-color:#f59e0b80}.yut-room__seat--a{--tw-border-opacity:1;border-left-width:4px;border-left-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1))}.yut-room__seat--b{--tw-border-opacity:1;border-left-width:4px;border-left-color:rgb(56 189 248/var(--tw-border-opacity,1))}.yut-room__seat-row{align-items:center;gap:.5rem;display:flex}.yut-room__seat-piece{cursor:pointer;font-size:calc(2.25rem * var(--site-font-scale,1));border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem;display:flex}.yut-room__seat-piece:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.yut-room__seat-piece:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.yut-room__seat-token{font-size:calc(2.25rem * var(--site-font-scale,1));flex-shrink:0;padding:.25rem}.yut-room__caret{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));line-height:1.25rem}.yut-room__seat-blank{--tw-border-opacity:1;border-style:dashed;border-width:2px;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));width:2.25rem;height:2.25rem;font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;margin:.25rem;line-height:1.5rem;display:flex}.yut-room__seat-blank:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1))}.yut-room__seat-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.yut-room__seat-label{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:900}.yut-room__seat--a .yut-room__seat-label{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1))}.yut-room__seat--a .yut-room__seat-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}.yut-room__seat--b .yut-room__seat-label{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.yut-room__seat--b .yut-room__seat-label:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.yut-room__seat-name{text-overflow:ellipsis;white-space:nowrap;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-weight:900;line-height:1.25rem;overflow:hidden}.yut-room__seat-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.yut-room__seat-name--empty{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:700}.yut-room__seat-name--empty:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.yut-room__seat-away{font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));margin-left:.25rem;font-weight:700}.yut-room__seat-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%;min-width:0;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:.5rem;padding:.25rem .5rem;font-weight:900;line-height:1.25rem}.yut-room__seat-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-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.yut-room__seat-btn{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-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;flex-shrink:0;padding:.375rem .625rem;font-weight:700;line-height:1rem}.yut-room__seat-btn:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.yut-room__seat-btn:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-room__seat-btn:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.yut-room__sit{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.375rem .75rem;font-weight:900;line-height:1rem;display:flex}.yut-room__sit:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.yut-room__start{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));width:100%;font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--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);--tw-shadow-color:#f59e0b33;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding-top:.875rem;padding-bottom:.875rem;font-weight:900;line-height:1.5rem;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}.yut-room__start:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.yut-room__start: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))}.yut-room__start:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-300) / var(--tw-bg-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.yut-room__start:disabled:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.yut-room__wait{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;margin:0;padding-top:.875rem;padding-bottom:.875rem;font-weight:700;line-height:1.25rem;display:flex}.yut-room__wait: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-400) / var(--tw-text-opacity,1))}.yut-room__notice{max-width:28rem;margin-left:auto;margin-right:auto}.yut-room__notice>: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))}.yut-room__notice{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));text-align:center;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-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.5rem;font-weight:700;line-height:1.25rem}.yut-room__notice: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));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.yut-room__notice-text{justify-content:center;align-items:center;gap:.5rem;margin:0;display:flex}.yut-room__notice-btn{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));font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.25rem;margin-left:auto;margin-right:auto;padding:.375rem .75rem;font-weight:700;line-height:1rem;display:flex}.yut-room__notice-btn:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.yut-room__notice-btn: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))}
.yut-setup{width:100%;max-width:42rem;margin-left:auto;margin-right:auto}.yut-setup>: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))}.yut-setup__saved{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));border-radius:1rem;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.yut-setup__saved:is(.dark *){background-color:#f59e0b1a;border-color:#f59e0b4d}@media (min-width:640px){.yut-setup__saved{flex-direction:row;align-items:center}}.yut-setup__saved-text{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));flex:1;align-items:center;gap:.375rem;margin:0;font-weight:700;line-height:1.25rem;display:flex}.yut-setup__saved-text:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.yut-setup__saved-actions{flex-shrink:0;gap:.5rem;display:flex}.yut-setup__resume{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem 1rem;font-weight:900;line-height:1.25rem}.yut-setup__resume:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.yut-setup__discard{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .75rem;font-weight:700;line-height:1.25rem}.yut-setup__discard:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.yut-setup__discard:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#0000;border-color:#f59e0b66}.yut-setup__discard:hover:is(.dark *){background-color:#f59e0b1a}.yut-setup__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))}.yut-setup__label{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));margin:0;font-weight:900;line-height:1.25rem}.yut-setup__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.yut-setup__hint{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:1.625}.yut-setup__hint:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-setup__seg{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;padding:.25rem;display:grid}.yut-setup__seg:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.yut-setup__seg{grid-template-columns:repeat(4,minmax(0,1fr))}}.yut-setup__seg-btn{cursor:pointer;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;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)}.yut-setup__seg-btn:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.yut-setup__seg-btn:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-setup__seg-btn:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.yut-setup__seg-btn--on,.yut-setup__seg-btn--on:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(217 119 6/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)}.yut-setup__seg-btn--on:is(.dark *),.yut-setup__seg-btn--on:hover: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))}.yut-setup__players{grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style-type:none;display:grid}@media (min-width:640px){.yut-setup__players--team{grid-template-columns:repeat(2,minmax(0,1fr))}}.yut-setup__player>: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))}.yut-setup__player{--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));border-radius:1rem;padding:.625rem}.yut-setup__player: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))}.yut-setup__player--a{--tw-border-opacity:1;border-left-width:4px;border-left-color:rgb(var(--palette-rose-400) / var(--tw-border-opacity,1))}.yut-setup__player--b{--tw-border-opacity:1;border-left-width:4px;border-left-color:rgb(56 189 248/var(--tw-border-opacity,1))}.yut-setup__row{align-items:center;gap:.5rem;display:flex}.yut-setup__piece{cursor:pointer;font-size:calc(2.25rem * var(--site-font-scale,1));border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem;display:flex}.yut-setup__piece:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.yut-setup__piece:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.yut-setup__piece-token{font-size:calc(2.25rem * var(--site-font-scale,1))}.yut-setup__piece-caret{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));line-height:1.25rem}.yut-setup__team{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;padding:.125rem .5rem;font-weight:900}.yut-setup__team: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))}.yut-setup__player--a .yut-setup__team{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-700) / var(--tw-text-opacity,1))}.yut-setup__player--a .yut-setup__team: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))}.yut-setup__player--b .yut-setup__team{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.yut-setup__player--b .yut-setup__team:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1));background-color:#0ea5e926}.yut-setup__name{--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));min-width:0;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;flex:1;padding:.5rem .75rem;font-weight:700;line-height:1.25rem}.yut-setup__name::placeholder{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:400}.yut-setup__name: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-100) / var(--tw-text-opacity,1))}.yut-setup__start{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));width:100%;font-size:calc(1rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--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);--tw-shadow-color:#f59e0b33;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding-top:.875rem;padding-bottom:.875rem;font-weight:900;line-height:1.5rem;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}.yut-setup__start:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.yut-setup__start: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))}
.yut-game{width:100%;max-width:72rem;margin-left:auto;margin-right:auto}.yut-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))}.yut-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));border-radius:1.5rem;padding:.75rem}.yut-game:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-950) / .6)}@media (min-width:640px){.yut-game{padding:1.5rem}}.yut-game__back{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));width:max-content;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.25rem;padding:.375rem .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:flex}.yut-game__back:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.yut-game__back: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))}.yut-game__back:hover:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.yut-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))}.yut-game__head{text-align:center}.yut-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));margin:0;font-weight:900;line-height:1.75rem}.yut-game__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.yut-game__title{font-size:calc(1.5rem * var(--site-font-scale,1));line-height:2rem}}.yut-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}.yut-game__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.yut-game__lead{font-size:calc(.875rem * var(--site-font-scale,1));line-height:1.25rem}}