.sol-game{grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:1.25rem;display:grid}@media (min-width:640px){.sol-game{gap:1.5rem}}@media (min-width:1024px){.sol-game{grid-template-columns:repeat(12,minmax(0,1fr))}}.sol-game__main{width:100%;min-width:0}.sol-game__main>: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))}.sol-game__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:.75rem}.sol-game__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){.sol-game__main{padding:1.25rem}}@media (min-width:1024px){.sol-game__main{grid-column:span 9/span 9}}.sol-game__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.75rem;display:flex}.sol-game__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.sol-game__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-size:1.25rem;font-weight:900;line-height:1.75rem}.sol-game__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sol-game__title{font-size:1.5rem;line-height:2rem}}.sol-game__draws{gap:.375rem;display:flex}.sol-game__draw{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));--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: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)}.sol-game__draw:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.sol-game__draw: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));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.sol-game__draw--on{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sol-game__draw--on:is(.dark *){--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sol-game__bar{-moz-column-gap:.75rem;--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.sol-game__bar:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.sol-game__stat{--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);align-items:center;gap:.25rem;display:flex}.sol-game__bar-actions{flex-wrap:wrap;gap:.375rem;margin-left:auto;display:flex}.sol-game__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));--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-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);display:flex}.sol-game__btn:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.sol-game__btn:disabled{cursor:not-allowed;opacity:.4}.sol-game__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))}.sol-game__btn:hover:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.sol-game__btn--primary{--tw-border-opacity:1;border-color:rgb(5 150 105/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sol-game__btn--primary:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sol-game__btn--primary:is(.dark *){--tw-border-opacity:1;border-color:rgb(16 185 129/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sol-game__btn--big{margin-left:auto;margin-right:auto;padding:.625rem 1.5rem;font-size:1rem;line-height:1.5rem}.sol-game__board{touch-action:none;-webkit-user-select:none;user-select:none;min-height:20rem;position:relative}.sol-game__felt{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:#047857 var(--tw-gradient-from-position);--tw-gradient-to:#065f46 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 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:1rem;padding:.5rem}.sol-game__felt:is(.dark *){--tw-gradient-from:#064e3b var(--tw-gradient-from-position);--tw-gradient-to:#022c22 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}@media (min-width:640px){.sol-game__felt{padding:.75rem}}.sol-game__slot{color:#ffffff40;background-color:#ffffff0d;border:2px dashed #ffffff40;border-radius:.5rem;justify-content:center;align-items:center;font-size:1.125rem;font-weight:900;line-height:1.75rem;display:flex;position:absolute}.sol-game__slot--stock{cursor:pointer;color:#fff9;border-style:solid}.sol-game__slot--stock:hover{background-color:#ffffff1a}.sol-game__slot--filled{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-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);background-image:repeating-linear-gradient(45deg,#be123c 0 6px,#e11d48 6px 12px)}.sol-game__stock-count{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#0000004d;border-radius:9999px;padding-left:.375rem;padding-right:.375rem;font-size:.75rem;font-weight:900;line-height:1rem}.sol-game__card{font-size:calc(var(--sol-cw,60px)*.24);border-radius:.5rem;transition-property:left,top;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1);position:absolute}.sol-game__card--up{--tw-border-opacity:1;border-width:1px;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));--tw-shadow:0 1px 3px #00000059;--tw-shadow-colored:0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.sol-game__card--down{--tw-border-opacity:1;border-width:2px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-shadow:0 1px 3px #00000059;--tw-shadow-colored:0 1px 3px 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-image:repeating-linear-gradient(45deg,#be123c 0 6px,#e11d48 6px 12px)}.sol-game__card--red{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1))}.sol-game__card--grab{cursor:grab}.sol-game__card--grab:active{cursor:grabbing}.sol-game__card--lifted{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -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);transition-property:none}.sol-game__corner{flex-direction:column;align-items:center;font-weight:900;line-height:1;display:flex;position:absolute;top:4%;left:7%}.sol-game__corner b{font-size:1em}.sol-game__corner span{font-size:.8em}.sol-game__corner--end{--tw-rotate:180deg;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));inset:auto 7% 4% auto}.sol-game__pip{justify-content:center;align-items:center;font-size:1.9em;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.sol-game__overlay{z-index:2000;background-color:rgb(var(--palette-slate-950) / .4);--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.sol-game__result{width:max-content;min-width:16rem;max-width:92%}.sol-game__result>: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))}.sol-game__result{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -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);border-radius:1.5rem;padding:1.5rem 2rem}.sol-game__result:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.sol-game__result{min-width:22rem;padding-left:3rem;padding-right:3rem}}.sol-game__result-emoji{margin:0;font-size:3rem;line-height:1}.sol-game__result-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-size:1.5rem;font-weight:900;line-height:2rem}.sol-game__result-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sol-game__result-text{word-break:keep-all;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.875rem;line-height:1.25rem}.sol-game__result-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.sol-game__side{width:100%}.sol-game__side>: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))}.sol-game__side{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}.sol-game__side: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:1024px){.sol-game__side{grid-column:span 3/span 3}}.sol-game__side-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;font-size:1rem;font-weight:900;line-height:1.5rem;display:flex}.sol-game__side-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sol-game__bests{margin:0;list-style-type:none}.sol-game__bests>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.sol-game__bests{padding:0}.sol-game__best{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;display:flex}.sol-game__best:is(.dark *){background-color:rgb(var(--palette-slate-800) / .6);--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.sol-game__best--current{--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(2px + 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(16 185 129/var(--tw-ring-opacity,1))}.sol-game__help{margin:0;list-style-type:disc}.sol-game__help>: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))}.sol-game__help{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));padding-left:1rem;font-size:12px}.sol-game__help:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}
.yut-token{--tw-text-opacity:1;width:1em;height:1em;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);--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(2px + 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(255 255 255/var(--tw-ring-opacity,1));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.yut-token:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-900) / var(--tw-ring-opacity,1))}.yut-token{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--yut-color,#64748b) 70%, white), var(--yut-color,#64748b) 60%)}.yut-token--image{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));background-image:none}.yut-token__icon{width:62%;height:62%}.yut-token__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.yut-picker>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.yut-picker__grid{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem;padding:.5rem;display:grid}.yut-picker__grid:is(.dark *){background-color:rgb(var(--palette-slate-800) / .6)}@media (min-width:640px){.yut-picker__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.yut-picker__option-wrap{position:relative}.yut-picker__option{cursor:pointer;border-width:2px;border-color:#0000;border-radius:.75rem;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:.375rem;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-picker__option:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.yut-picker__option:disabled{cursor:not-allowed;opacity:.4}.yut-picker__option:hover:disabled{background-color:#0000}.yut-picker__option:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.yut-picker__option--on{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.yut-picker__option--on:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.yut-picker__option--taken{opacity:.6}.yut-picker__option-token{font-size:2rem}.yut-picker__option-label{text-overflow:ellipsis;white-space:nowrap;text-align:center;--tw-text-opacity:1;width:100%;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:10px;font-weight:700;overflow:hidden}.yut-picker__option-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-picker__option-owner{text-overflow:ellipsis;white-space:nowrap;text-align:center;--tw-text-opacity:1;width:100%;color:rgb(217 119 6/var(--tw-text-opacity,1));margin-top:-.25rem;font-size:9px;font-weight:900;overflow:hidden}.yut-picker__option-owner:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.yut-picker__option-remove{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(255 255 255/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;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:-.25rem;right:-.25rem}.yut-picker__option-remove:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.yut-picker__upload{cursor:pointer;--tw-border-opacity:1;border-style:dashed;border-width:2px;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.375rem;font-size:10px;font-weight:700;display:flex}.yut-picker__upload:hover{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.yut-picker__upload:disabled{cursor:not-allowed;opacity:.5}.yut-picker__upload:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-picker__upload svg{font-size:1.25rem;line-height:1.75rem}.yut-picker__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}.yut-picker__error:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}
@keyframes yut-board-pulse{0%,to{box-shadow:0 0 #f59e0bb3}50%{box-shadow:0 0 0 .45em #f59e0b00}}.yut-board{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:100%;max-width:560px;margin-left:auto;margin-right:auto;position:relative;container-type:inline-size}.yut-board__svg{width:100%;height:100%;position:absolute;inset:0}.yut-board__bg{fill:#fffbeb;stroke:#fde68a}.yut-board__bg:is(.dark *){fill:rgb(var(--palette-slate-900) / 1);stroke:rgb(var(--palette-slate-700) / 1)}.yut-board__bg{stroke-width:.6px}.yut-board__line{fill:none;stroke:#92400e66}.yut-board__line:is(.dark *){stroke:#fde68a40}.yut-board__line{stroke-width:.9px}.yut-board__arrow{fill:none;stroke:#b4530999}.yut-board__arrow:is(.dark *){stroke:#fcd34d80}.yut-board__arrow{stroke-width:.7px;stroke-linecap:round;stroke-linejoin:round}.yut-board__spot{fill:#fff;stroke:#b4530999}.yut-board__spot:is(.dark *){fill:rgb(var(--palette-slate-800) / 1);stroke:#fcd34d66}.yut-board__spot{stroke-width:.6px}.yut-board__spot--big{fill:#fef3c7}.yut-board__spot--big:is(.dark *){fill:rgb(var(--palette-slate-700) / 1)}.yut-board__spot--last{stroke:#f59e0b}.yut-board__spot--last:is(.dark *){stroke:#fbbf24}.yut-board__spot--last{stroke-width:1.4px}.yut-board__spot-inner{fill:none;stroke:#b4530966}.yut-board__spot-inner:is(.dark *){stroke:#fcd34d4d}.yut-board__spot-inner{stroke-width:.5px}.yut-board__path{fill:none;stroke:#f59e0b;stroke-width:1.2px;stroke-dasharray:2 1.6;stroke-linecap:round;stroke-linejoin:round}.yut-board__path--capture{stroke:rgb(var(--palette-rose-500) / 1)}.yut-board__path--finish{stroke:#10b981}.yut-board__target{fill:#fbbf2433;stroke:#f59e0b;stroke-width:1px;stroke-dasharray:2 1.4}.yut-board__target--capture{fill:rgb(var(--palette-rose-500) / .2);stroke:rgb(var(--palette-rose-500) / 1)}.yut-board__target--finish{fill:#10b98133;stroke:#10b981}.yut-board__target--choice{fill:#0ea5e933;stroke:#0ea5e9}.yut-board__label{fill:#78350f99;font-size:3.1px;font-weight:900}.yut-board__label:is(.dark *){fill:#fef3c799}.yut-board__label{text-anchor:middle}.yut-board__stack{--tw-translate-x:-50%;--tw-translate-y:-50%;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));background-color:#0000;border-width:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.yut-board__stack:disabled{cursor:default}.yut-board__stack{font-size:9.5cqw}.yut-board__stack--pick{cursor:pointer;border-radius:9999px}@media (prefers-reduced-motion:reduce){.yut-board__stack--pick{animation:none}}.yut-board__stack--pick{animation:1.4s ease-in-out infinite yut-board-pulse}.yut-board__stack--pick:hover,.yut-board__stack--pick:focus-visible{--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));outline-offset:2px;outline:2px solid #0000}.yut-board__token{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.yut-board__token--second{font-size:.6em;position:absolute;top:-.25em;right:-.25em}.yut-board__count{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;min-width:.5em;height:.5em;color:rgb(255 255 255/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(2px + 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(255 255 255/var(--tw-ring-opacity,1));border-radius:9999px;justify-content:center;align-items:center;padding-left:.12em;padding-right:.12em;font-size:.32em;font-weight:900;display:flex;position:absolute;bottom:-.18em;right:-.22em}.yut-board__count: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));--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-900) / var(--tw-ring-opacity,1))}.yut-board__finish{--tw-translate-x:-50%;--tw-translate-y:1.6em;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(16 185 129/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/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:.125rem .5rem;font-size:3.4cqw;font-weight:900;position:absolute}
@keyframes yut-sticks-toss{0%{transform:translateY(0)rotate(0)}40%{transform:translateY(-42px) rotate(calc(160deg + var(--i) * 70deg))}75%{transform:translateY(4px) rotate(calc(330deg + var(--i) * 20deg))}to{transform:translateY(0)rotate(360deg)}}.yut-sticks{flex-direction:column;align-items:center;gap:.75rem;display:flex}.yut-sticks__row{justify-content:center;align-items:flex-end;gap:.75rem;height:6rem;padding-top:1rem;display:flex}.yut-sticks__stick{--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);width:1.5rem;height:5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;flex-direction:column;justify-content:space-evenly;align-items:center;display:flex;position:relative}.yut-sticks__stick--flat{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-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(252 211 77/var(--tw-ring-opacity,1))}.yut-sticks__stick--flat:is(.dark *){--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity,1))}.yut-sticks__stick--flat{background-image:repeating-linear-gradient(#0000 0 9px,#b4783c2e 9px 10px)}.yut-sticks__stick--round{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-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(120 53 15/var(--tw-ring-opacity,1))}.yut-sticks__stick--round:is(.dark *){--tw-bg-opacity:1;background-color:rgb(146 64 14/var(--tw-bg-opacity,1))}.yut-sticks__stick--idle{opacity:.6}.yut-sticks__row--small{gap:.5rem;height:3.5rem;padding-top:0}.yut-sticks__row--small .yut-sticks__stick{width:1rem;height:3rem}.yut-sticks__row--small .yut-sticks__mark{font-size:8px}@media (prefers-reduced-motion:reduce){.yut-sticks__row--tossing .yut-sticks__stick{animation:none}}.yut-sticks__row--tossing .yut-sticks__stick{animation:.6s ease-in-out yut-sticks-toss}.yut-sticks__mark{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));font-size:11px}.yut-sticks__result{text-align:center;--tw-text-opacity:1;min-height:2rem;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));margin:0;font-size:1.25rem;font-weight:900;line-height:1.75rem}.yut-sticks__result:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.yut-sticks__result--big{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1));font-size:1.5rem;line-height:2rem}.yut-sticks__result--big:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.yut-sticks__throw{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));--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 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:.75rem;padding-bottom:.75rem;font-size:1rem;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-sticks__throw:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.yut-sticks__throw:active{--tw-scale-x:.98;--tw-scale-y:.98;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-sticks__throw:disabled{cursor:not-allowed;--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-400) / var(--tw-text-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-sticks__throw:disabled: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-500) / var(--tw-text-opacity,1))}
@keyframes yut-play-flash{0%{opacity:0;transform:scale(.85)}12%{opacity:1;transform:scale(1.04)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.yut-play{position:relative}.yut-play>: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-play__top{align-items:center;gap:.75rem;display:flex}.yut-play__turn{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.yut-play__turn-token{font-size:2.6rem}.yut-play__turn-text{min-width:0}.yut-play__turn-name{--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;font-size:1rem;font-weight:900;line-height:1.5rem;display:flex}.yut-play__turn-name:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.yut-play__turn-name{font-size:1.125rem;line-height:1.75rem}}.yut-play__turn-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.yut-play__turn-who{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;padding:.125rem .5rem;font-size:11px;font-weight:900}.yut-play__turn-who:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#f59e0b26}.yut-play__status{text-overflow:ellipsis;white-space:nowrap;--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;overflow:hidden}.yut-play__status:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.yut-play__status{font-size:.875rem;line-height:1.25rem}}.yut-play__team{border-radius:9999px;flex-shrink:0;padding:.125rem .5rem;font-size:10px;font-weight:900}.yut-play__team--a{--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-play__team--a: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-play__team--b{--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-play__team--b:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1));background-color:#0ea5e926}.yut-play__quit{cursor:pointer;--tw-border-opacity:1;border-width:1px;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));border-radius:.75rem;flex-shrink:0;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.yut-play__quit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.yut-play__quit: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-play__quit:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.yut-play__body{gap:1rem;display:grid}@media (min-width:1024px){.yut-play__body{grid-template-columns:minmax(0,1fr) 17rem}}.yut-play__board{min-width:0;position:relative}.yut-play__flash{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.yut-play__flash-card{--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 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);min-width:9.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;display:flex}@media (prefers-reduced-motion:reduce){.yut-play__flash-card{animation:none}}.yut-play__flash-card:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));border-color:#f59e0b66}.yut-play__flash-card{animation:1.4s ease-out forwards yut-play-flash}.yut-play__flash-card--again{--tw-border-opacity:1;border-color:rgb(251 191 36/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(4px + 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-color:#fcd34d66}.yut-play__flash-card--again:is(.dark *){--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-ring-color:#fbbf2440}.yut-play__flash-name{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-size:3rem;font-weight:900;line-height:1}.yut-play__flash-name:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.yut-play__flash-sub{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.875rem;font-weight:900;line-height:1.25rem}.yut-play__flash-sub:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.yut-play__flash-card--again .yut-play__flash-name{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.yut-play__flash-card--again .yut-play__flash-name:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.yut-play__flash-card--again .yut-play__flash-sub{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.yut-play__flash-card--again .yut-play__flash-sub:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.yut-play__flash-who{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));margin:0;font-size:11px;font-weight:700}.yut-play__side{flex-direction:column;gap:.75rem;min-width:0;display:flex}.yut-play__results{justify-content:center;align-items:center;gap:.5rem;min-height:3.75rem;display:flex;overflow-x:auto}.yut-play__results-empty{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.yut-play__results-empty:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.yut-play__result{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));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:1rem;flex-direction:column;flex-shrink:0;align-items:center;padding:.375rem 1rem;font-size:1.125rem;font-weight:900;line-height:1.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}.yut-play__result:disabled{cursor:default}.yut-play__result: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-200) / var(--tw-text-opacity,1))}.yut-play__result--on{--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));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.yut-play__result--on:is(.dark *){--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b26}.yut-play__result-steps{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:10px;font-weight:700;line-height:.75rem}.yut-play__enter{cursor:pointer;--tw-border-opacity:1;border-style:dashed;border-width:2px;border-color:rgb(252 211 77/var(--tw-border-opacity,1));text-align:left;--tw-text-opacity:1;width:100%;color:rgb(146 64 14/var(--tw-text-opacity,1));background-color:#fffbeb99;border-radius:1rem;align-items:center;gap:.625rem;padding:.5rem .75rem;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}.yut-play__enter:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.yut-play__enter:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b1a;border-color:#f59e0b80}.yut-play__enter:hover:is(.dark *){background-color:#f59e0b33}.yut-play__enter:disabled{cursor:default;--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-400) / var(--tw-text-opacity,1));opacity:.7;background-color:#0000}.yut-play__enter:disabled:hover{background-color:#0000}.yut-play__enter:disabled: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-500) / var(--tw-text-opacity,1));background-color:#0000}.yut-play__enter:disabled:hover:is(.dark *){background-color:#0000}.yut-play__enter-token{font-size:1.9rem}.yut-play__enter:disabled .yut-play__enter-left{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-play__enter:disabled .yut-play__enter-left:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.yut-play__enter-left{color:#d97706cc;margin-left:.25rem;font-size:.75rem;font-weight:700;line-height:1rem}.yut-play__enter-left:is(.dark *){color:#fcd34dcc}.yut-play__notice{pointer-events:none;z-index:10;--tw-translate-x:-50%;max-width:90%;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));text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/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);border-radius:9999px;margin:0;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;position:absolute;top:.75rem;left:50%}.yut-play__notice:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1))}.yut-play__players{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style-type:none;display:flex}.yut-play__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:.75rem;align-items:center;gap:.5rem;padding:.375rem .625rem;display:flex}.yut-play__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-play__player--turn{--tw-border-opacity:1;border-color:rgb(251 191 36/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(252 211 77/var(--tw-ring-opacity,1))}.yut-play__player--turn:is(.dark *){--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-ring-color:#f59e0b66}.yut-play__player-token{font-size:1.6rem}.yut-play__player-name{--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));flex:1;align-items:center;gap:.25rem;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.yut-play__player-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.yut-play__player-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.yut-play__player-note{white-space:nowrap;--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-500) / var(--tw-text-opacity,1));border-radius:.25rem;flex-shrink:0;padding-left:.375rem;padding-right:.375rem;font-size:10px;font-weight:700}.yut-play__player-note: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-play__player-count{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));flex-shrink:0;font-size:11px}.yut-play__player-count:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-play__player-count b{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1));font-weight:900}.yut-play__player-count b:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.yut-play__rank{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;flex-shrink:0;padding:.125rem .5rem;font-size:10px;font-weight:900}.yut-play__log{max-height:12rem;margin:0;list-style-type:none}.yut-play__log>: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-play__log{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem;font-size:.75rem;line-height:1rem;overflow-y:auto}.yut-play__log:is(.dark *){background-color:rgb(var(--palette-slate-800) / .5);--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.yut-play__log b{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-weight:900}.yut-play__log b:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.yut-play__log-item{word-break:keep-all}.yut-play__overlay{z-index:20;background-color:rgb(var(--palette-slate-900) / .4);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:1.5rem;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.yut-play__dialog{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;max-width:24rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.yut-play__dialog:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.yut-play__trophy{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1));font-size:3rem;line-height:1}.yut-play__dialog-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-size:1.125rem;font-weight:900;line-height:1.75rem}.yut-play__dialog-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.yut-play__dialog-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.yut-play__dialog-btn{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.yut-play__dialog-btn:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.yut-play__dialog-btn--capture{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1))}.yut-play__dialog-btn--capture:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.yut-play__dialog-btn--plain{--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;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.yut-play__dialog-btn--plain:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.yut-play__dialog-btn--plain: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));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.yut-play__dialog-btn--plain:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.yut-play__dialog-cancel{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));text-underline-offset:2px;font-size:.75rem;font-weight:700;line-height:1rem}.yut-play__dialog-cancel:hover{text-decoration-line:underline}.yut-play__over-note{--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}.yut-play__over-note:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.yut-play__ranking{width:100%;margin:0;list-style-type:none}.yut-play__ranking>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.yut-play__ranking{padding:0}.yut-play__ranking-item{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.yut-play__ranking-item: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))}.yut-play__ranking-item:first-child{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.yut-play__ranking-item:first-child:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b26}.yut-play__ranking-no{flex-shrink:0;width:2rem;font-weight:900}.yut-play__ranking-who{align-items:center;gap:.25rem;display:inline-flex}.yut-play__ranking-token{font-size:1.4rem}
.yut-rules{--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:.75rem 1rem}.yut-rules: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-rules__head{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:900;line-height:1.25rem}.yut-rules__head:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.yut-rules__list{margin:.5rem 0 0}.yut-rules__list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.yut-rules__list{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));padding-left:1rem;font-size:.75rem;line-height:1.625}.yut-rules__list:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}
.yut-room{width:100%;max-width:64rem;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:1rem}.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{--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}.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:1.5rem;line-height:2rem}}.yut-room__badge{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;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));--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-size:.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));--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-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: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));--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-size:.75rem;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;--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;margin-right:-.25rem;font-size:11px;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{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-size:.875rem;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{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;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;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;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)}.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{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.75rem;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;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem;font-size:2.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{flex-shrink:0;padding:.25rem;font-size:2.25rem}.yut-room__caret{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.875rem;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));--tw-text-opacity:1;width:2.25rem;height:2.25rem;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;font-size:1rem;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{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;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;--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:.875rem;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{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));margin-left:.25rem;font-size:10px;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));--tw-text-opacity:1;width:100%;min-width:0;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));border-radius:.5rem;padding:.25rem .5rem;font-size:.875rem;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));--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-size:.75rem;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));--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-size:.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));--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 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-size:1rem;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));--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-size:.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;--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-size:.875rem;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));--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-size:.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{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));flex:1;align-items:center;gap:.375rem;margin:0;font-size:.875rem;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));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;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));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1));border-radius:.75rem;padding:.5rem .75rem;font-size:.875rem;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{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));margin:0;font-size:.875rem;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{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.75rem;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;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;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)}.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;border-radius:.75rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.25rem;font-size:2.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:2.25rem}.yut-setup__piece-caret{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.yut-setup__team{--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:9999px;flex-shrink:0;padding:.125rem .5rem;font-size:11px;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));--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));border-radius:.75rem;flex:1;padding:.5rem .75rem;font-size:.875rem;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));--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 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-size:1rem;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:64rem;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:1rem}.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));--tw-text-opacity:1;width:max-content;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;align-items:center;gap:.25rem;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);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{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-size:1.25rem;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:1.5rem;line-height:2rem}}.yut-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}.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:.875rem;line-height:1.25rem}}
.alk-board{width:100%;max-width:640px;margin-left:auto;margin-right:auto;position:relative}.alk-board__canvas{touch-action:none;-webkit-user-select:none;user-select:none;--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);--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-color:#78350f33;border-radius:1rem;display:block}.alk-board__canvas--aim{cursor:crosshair}
.alk-play{position:relative}.alk-play>: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))}.alk-play__top{align-items:center;gap:.75rem;display:flex}.alk-play__stone{--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);width:2.5rem;height:2.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;flex-shrink:0;display:inline-block}.alk-play__stone--black{background:radial-gradient(circle at 35% 35%,#6b6b6b,#0f0f0f 70%)}.alk-play__stone--white{--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))}.alk-play__stone--white:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-500) / var(--tw-ring-opacity,1))}.alk-play__stone--white{background:radial-gradient(circle at 35% 35%,#fff,#cfcfcf 70%)}.alk-play__stone--small{width:1.75rem;height:1.75rem}.alk-play__turn-text{flex:1;min-width:0}.alk-play__turn-name{--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;font-size:1rem;font-weight:900;line-height:1.5rem;display:flex}.alk-play__turn-name:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.alk-play__turn-name{font-size:1.125rem;line-height:1.75rem}}.alk-play__turn-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.alk-play__badge{--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:9999px;flex-shrink:0;padding:.125rem .5rem;font-size:11px;font-weight:900}.alk-play__badge: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))}.alk-play__badge--proxy{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.alk-play__badge--proxy:is(.dark *){--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1));background-color:#f59e0b26}.alk-play__status{text-overflow:ellipsis;white-space:nowrap;--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;overflow:hidden}.alk-play__status:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.alk-play__status{font-size:.875rem;line-height:1.25rem}}.alk-play__quit{cursor:pointer;--tw-border-opacity:1;border-width:1px;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));border-radius:.75rem;flex-shrink:0;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem}.alk-play__quit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.alk-play__quit: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))}.alk-play__quit:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.alk-play__body{gap:1rem;display:grid}@media (min-width:1024px){.alk-play__body{grid-template-columns:minmax(0,1fr) 16rem}}.alk-play__board{min-width:0;position:relative}.alk-play__notice{pointer-events:none;z-index:10;--tw-translate-x:-50%;max-width:90%;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));text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/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);border-radius:9999px;margin:0;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;position:absolute;top:.75rem;left:50%}.alk-play__notice:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1))}.alk-play__side{flex-direction:column;gap:.75rem;min-width:0;display:flex}.alk-play__counts{flex-direction:column;gap:.375rem;margin:0;padding:0;list-style-type:none;display:flex}.alk-play__count{--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:.75rem;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.alk-play__count: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))}.alk-play__count--turn{--tw-border-opacity:1;border-color:rgb(251 191 36/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(252 211 77/var(--tw-ring-opacity,1))}.alk-play__count--turn:is(.dark *){--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-ring-color:#f59e0b66}.alk-play__count-name{--tw-text-opacity:1;min-width:0;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));flex:1;align-items:center;gap:.375rem;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.alk-play__count-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.alk-play__count-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.alk-play__count-side{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));flex-shrink:0;font-size:11px;font-weight:700}.alk-play__count-num{--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));flex-shrink:0;font-size:.875rem;font-weight:900;line-height:1.25rem}.alk-play__count-num:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.alk-play__hint{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));border-radius:.75rem;gap:.375rem;margin:0;padding:.5rem .75rem;font-size:.75rem;line-height:1.625;display:flex}.alk-play__hint:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b1a}.alk-play__hint svg{flex-shrink:0;margin-top:.125rem}.alk-play__log{max-height:12rem;margin:0;list-style-type:none}.alk-play__log>: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))}.alk-play__log{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem;font-size:.75rem;line-height:1rem;overflow-y:auto}.alk-play__log:is(.dark *){background-color:rgb(var(--palette-slate-800) / .5);--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.alk-play__log b{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-weight:900}.alk-play__log b:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.alk-play__log-item{word-break:keep-all}.alk-play__overlay{z-index:20;background-color:rgb(var(--palette-slate-900) / .4);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:1.5rem;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.alk-play__dialog{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);width:100%;max-width:24rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.alk-play__dialog:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.alk-play__trophy{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1));font-size:3rem;line-height:1}.alk-play__dialog-title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));margin:0;font-size:1.125rem;font-weight:900;line-height:1.75rem}.alk-play__dialog-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.alk-play__dialog-text{--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}.alk-play__dialog-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.alk-play__dialog-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.alk-play__dialog-btn{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.alk-play__dialog-btn:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.alk-play__dialog-btn:is(.dark *){--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-900) / var(--tw-text-opacity,1))}.alk-play__dialog-btn:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.alk-play__dialog-btn--plain{--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;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.alk-play__dialog-btn--plain:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.alk-play__dialog-btn--plain: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));--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.alk-play__dialog-btn--plain:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}
.alk-room{width:100%;max-width:64rem;margin-left:auto;margin-right:auto}.alk-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))}.alk-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:1rem}.alk-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){.alk-room{padding:1.5rem}}.alk-room__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.alk-room__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}.alk-room__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.alk-room__title{font-size:1.5rem;line-height:2rem}}.alk-room__badge{--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:9999px;padding:.125rem .625rem;font-size:.75rem;font-weight:900;line-height:1rem}.alk-room__badge: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))}.alk-room__code{--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;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;display:flex}.alk-room__code:is(.dark *){background-color:rgb(var(--palette-slate-800) / .7);--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.alk-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));--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-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:flex}.alk-room__btn:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-400) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.alk-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))}.alk-room__btn:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.alk-room__members{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style-type:none;display:flex}.alk-room__member{--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:9999px;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;line-height:1rem;display:flex}.alk-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))}.alk-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))}.alk-room__member--me:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#f59e0b33}.alk-room__crown{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.alk-room__kick{cursor:pointer;--tw-text-opacity:1;width:1.25rem;height:1.25rem;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:9999px;justify-content:center;align-items:center;margin-right:-.25rem;font-size:11px;display:flex}.alk-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))}.alk-room__kick:hover:is(.dark *){background-color:rgb(var(--palette-rose-500) / .2)}.alk-room__lobby{width:100%;max-width:42rem;margin-left:auto;margin-right:auto}.alk-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))}.alk-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))}.alk-room__label{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.alk-room__label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.alk-room__label-note{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.alk-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){.alk-room__seats{grid-template-columns:repeat(2,minmax(0,1fr))}}.alk-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;align-items:center;gap:.625rem;padding:.75rem;display:flex}.alk-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))}.alk-room__seat--empty{background-color:rgb(var(--palette-slate-50) / .6);border-style:dashed}.alk-room__seat--empty:is(.dark *){background-color:rgb(var(--palette-slate-900) / .4)}.alk-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))}.alk-room__seat--mine:is(.dark *){--tw-ring-color:#f59e0b4d;border-color:#f59e0b80}.alk-room__stone{--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);width:2.5rem;height:2.5rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;flex-shrink:0;display:inline-block}.alk-room__stone--black{background:radial-gradient(circle at 35% 35%,#6b6b6b,#0f0f0f 70%)}.alk-room__stone--white{--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))}.alk-room__stone--white:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(var(--palette-slate-500) / var(--tw-ring-opacity,1))}.alk-room__stone--white{background:radial-gradient(circle at 35% 35%,#fff,#cfcfcf 70%)}.alk-room__seat-text{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.alk-room__seat-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px;font-weight:900}.alk-room__seat-name{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:900;line-height:1.25rem;overflow:hidden}.alk-room__seat-name:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.alk-room__seat-name--empty{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:700}.alk-room__seat-name--empty:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.alk-room__seat-away{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1));margin-left:.25rem;font-size:10px;font-weight:700}.alk-room__seat-btn{cursor:pointer;--tw-border-opacity:1;border-width:1px;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));border-radius:.75rem;flex-shrink:0;padding:.375rem .625rem;font-size:.75rem;font-weight:700;line-height:1rem}.alk-room__seat-btn:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.alk-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))}.alk-room__seat-btn:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.alk-room__sit{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;flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:900;line-height:1rem}.alk-room__sit:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.alk-room__sit:is(.dark *){--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-900) / var(--tw-text-opacity,1))}.alk-room__sit:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.alk-room__hint{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.75rem;line-height:1.625}.alk-room__hint:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.alk-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(4,minmax(0,1fr));gap:.375rem;padding:.25rem;display:grid}.alk-room__seg:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.alk-room__seg-btn{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.625rem .75rem;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)}.alk-room__seg-btn:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.alk-room__seg-btn:disabled{cursor:default}.alk-room__seg-btn:hover:disabled{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.alk-room__seg-btn:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.alk-room__seg-btn:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.alk-room__seg-btn:hover:disabled:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.alk-room__seg-btn--on,.alk-room__seg-btn--on:hover,.alk-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(var(--palette-slate-900) / 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)}.alk-room__seg-btn--on:is(.dark *),.alk-room__seg-btn--on:hover:is(.dark *),.alk-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(255 255 255/var(--tw-text-opacity,1))}.alk-room__start{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;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;justify-content:center;align-items:center;gap:.5rem;padding-top:.875rem;padding-bottom:.875rem;font-size:1rem;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}.alk-room__start:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.alk-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))}.alk-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)}.alk-room__start:is(.dark *){--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-900) / var(--tw-text-opacity,1))}.alk-room__start:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.alk-room__start:disabled:is(.dark *){--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-400) / var(--tw-text-opacity,1))}.alk-room__wait{--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-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-size:.875rem;font-weight:700;line-height:1.25rem;display:flex}.alk-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))}.alk-room__notice{max-width:28rem;margin-left:auto;margin-right:auto}.alk-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))}.alk-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;--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-size:.875rem;font-weight:700;line-height:1.25rem}.alk-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))}.alk-room__notice-text{justify-content:center;align-items:center;gap:.5rem;margin:0;display:flex}.alk-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));--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-size:.75rem;font-weight:700;line-height:1rem;display:flex}.alk-room__notice-btn:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-400) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.alk-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))}