*,:after,:before{border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei,Ubuntu,ui-sans-serif;line-height:1.4;tab-size:4}body{background:#ededed;line-height:inherit;margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}img,svg{display:block;vertical-align:middle}img{-webkit-user-drag:none}a:active,button:active,use:active{-webkit-tap-highlight-color:rgba(0 0 0/0)}button:focus:not(:focus-visible){outline:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.top-20{top:80px}.bottom-3\.5{bottom:14px}.top-3\.5{top:14px}.bottom-3{bottom:12px}.top-3{top:12px}.top-0{top:0}.left-\[7px\]{left:7px}.top-\[39px\]{top:39px}.left-\[46px\]{left:46px}.left-\[3px\]{left:3px}.top-\[42px\]{top:42px}.top-\[20px\]{top:20px}.left-\[-8px\]{left:-8px}.top-\[-6px\]{top:-6px}.left-\[37px\]{left:37px}.-top-1{top:-4px}.left-9{left:36px}.top-4{top:16px}.bottom-0{bottom:0}.right-1{right:4px}.left-\[27px\]{left:27px}.top-\[-12px\]{top:-12px}.right-4{right:16px}.bottom-2{bottom:8px}.left-0\.5{left:2px}.left-0{left:0}.top-1{top:4px}.bottom-0\.5{bottom:2px}.right-0{right:0}.bottom-full{bottom:100%}.left-\[53px\]{left:53px}.bottom-\[-12px\]{bottom:-12px}.top-\[17px\]{top:17px}.z-\[2000\]{z-index:2000}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.order-2{order:2}.order-1{order:1}.col-span-4{grid-column:span 4/span 4}.col-start-2{grid-column-start:2}.col-start-1{grid-column-start:1}.col-start-3{grid-column-start:3}.row-span-4{grid-row:span 4/span 4}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.m-auto{margin:auto}.m-1{margin:4px}.m-2{margin:8px}.m-4{margin:16px}.m-0\.5{margin:2px}.m-0{margin:0}.m-1\.5{margin:6px}.mx-auto{margin-left:auto;margin-right:auto}.mx-0\.5{margin-left:2px;margin-right:2px}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:4px;margin-right:4px}.my-2{margin-bottom:8px;margin-top:8px}.mx-2{margin-left:8px;margin-right:8px}.my-4{margin-bottom:16px;margin-top:16px}.mx-4{margin-left:16px;margin-right:16px}.-my-2{margin-bottom:-8px;margin-top:-8px}.my-8{margin-bottom:32px;margin-top:32px}.-mx-3{margin-left:-12px;margin-right:-12px}.-my-8{margin-bottom:-32px;margin-top:-32px}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:4px;margin-top:4px}.my-3{margin-bottom:12px;margin-top:12px}.mx-1\.5{margin-left:6px;margin-right:6px}.my-0\.5{margin-bottom:2px;margin-top:2px}.\!my-0{margin-bottom:0!important;margin-top:0!important}.-mx-1{margin-left:-4px;margin-right:-4px}.-my-1{margin-bottom:-4px;margin-top:-4px}.mx-3{margin-left:12px;margin-right:12px}.-mx-2{margin-left:-8px;margin-right:-8px}.-my-2\.5{margin-bottom:-10px;margin-top:-10px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.ml-3{margin-left:12px}.ml-1{margin-left:4px}.ml-auto{margin-left:auto}.mr-2{margin-right:8px}.-mt-6{margin-top:-24px}.mr-1{margin-right:4px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-1\.5{margin-top:6px}.mt-1{margin-top:4px}.mt-6{margin-top:24px}.mb-3{margin-bottom:12px}.mb-12{margin-bottom:48px}.mt-3{margin-top:12px}.mb-6{margin-bottom:24px}.mr-0\.5{margin-right:2px}.mr-0{margin-right:0}.mt-auto{margin-top:auto}.ml-8{margin-left:32px}.mb-1{margin-bottom:4px}.-mt-2{margin-top:-8px}.mt-10{margin-top:40px}.ml-4{margin-left:16px}.mt-7{margin-top:28px}.-mt-4{margin-top:-16px}.ml-2{margin-left:8px}.mr-auto{margin-right:auto}.-mt-14{margin-top:-56px}.mt-12{margin-top:48px}.mr-4{margin-right:16px}.mt-0\.5{margin-top:2px}.mt-0{margin-top:0}.mb-0\.5{margin-bottom:2px}.mb-0{margin-bottom:0}.ml-0\.5{margin-left:2px}.ml-0{margin-left:0}.mr-8{margin-right:32px}.mt-5{margin-top:20px}.box-border{box-sizing:border-box}.box-content{box-sizing:initial}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!grid{display:grid!important}.inline-grid{display:inline-grid}.hidden{display:none}.\!hidden{display:none!important}.h-8{height:32px}.h-6{height:24px}.h-10{height:40px}.h-full{height:100%}.h-0{height:0}.h-12{height:48px}.h-14{height:56px}.h-2\.5{height:10px}.h-2{height:8px}.h-4{height:16px}.h-3{height:12px}.h-5{height:20px}.h-9{height:36px}.h-\[132px\]{height:132px}.h-\[22\.5px\]{height:22.5px}.h-20{height:80px}.h-\[60px\]{height:60px}.h-11{height:44px}.h-3\/4{height:75%}.h-48{height:192px}.h-7{height:28px}.max-h-\[80px\]{max-height:80px}.min-h-screen{min-height:100vh}.min-h-\[3rem\]{min-height:3rem}.w-full{width:100%}.w-44{width:176px}.w-20{width:80px}.w-56{width:224px}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-12{width:48px}.w-8{width:32px}.w-48{width:192px}.w-14{width:56px}.w-2\.5{width:10px}.w-2{width:8px}.w-4{width:16px}.w-0{width:0}.w-6{width:24px}.w-80{width:320px}.w-3{width:12px}.w-40{width:160px}.w-5{width:20px}.w-1\/2{width:50%}.w-10{width:40px}.w-3\/5{width:60%}.w-2\/3{width:66.666667%}.w-24{width:96px}.w-60{width:240px}.w-max{width:-webkit-max-content;width:max-content}.w-\[60px\]{width:60px}.w-\[72px\]{width:72px}.w-16{width:64px}.w-7{width:28px}.w-3\/4{width:75%}.w-36{width:144px}.w-1\/4{width:25%}.w-1\/6{width:16.666667%}.w-1\/3{width:33.333333%}.w-1\/5{width:20%}.w-9{width:36px}.min-w-\[72px\]{min-width:72px}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.min-w-\[76px\]{min-width:76px}.min-w-\[2\.5rem\]{min-width:2.5rem}.max-w-xs{max-width:320px}.max-w-full{max-width:100%}.max-w-2xl{max-width:672px}.max-w-\[380px\]{max-width:380px}.max-w-3xl{max-width:768px}.max-w-\[128px\]{max-width:128px}.max-w-xl{max-width:576px}.max-w-7xl{max-width:1280px}.max-w-sm{max-width:384px}.max-w-lg{max-width:512px}.max-w-\[120px\]{max-width:120px}.max-w-md{max-width:448px}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.basis-1\/2{flex-basis:50%}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-top{-webkit-transform-origin:top;transform-origin:top}.origin-top-left{-webkit-transform-origin:top left;transform-origin:top left}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{-webkit-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.-translate-y-4{--tw-translate-y:-16px}.-translate-y-2,.-translate-y-4{-webkit-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-8px}.-translate-y-1{--tw-translate-y:-4px}.-translate-y-1,.scale-50{-webkit-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.scale-125,.scale-75{-webkit-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5}.scale-150,.transform{-webkit-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}.animate-pulse{-webkit-animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:none;transform:none}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);-webkit-transform:translateY(-25%);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);-webkit-transform:none;transform:none}}.animate-bounce{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}@-webkit-keyframes ping{75%,to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes ping{75%,to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.animate-ping{-webkit-animation:ping 1s cubic-bezier(0,0,.2,1) infinite;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-0\.5{gap:2px}.gap-0{gap:0}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-8{gap:32px}.gap-6{gap:24px}.gap-x-2{-webkit-column-gap:8px;column-gap:8px}.gap-y-4{row-gap:16px}.gap-y-1{row-gap:4px}.gap-x-4{-webkit-column-gap:16px;column-gap:16px}.gap-x-1{-webkit-column-gap:4px;column-gap:4px}.gap-y-2{row-gap:8px}.gap-x-3{-webkit-column-gap:12px;column-gap:12px}.gap-x-5{-webkit-column-gap:20px;column-gap:20px}.gap-y-3{row-gap:12px}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(8px*var(--tw-space-y-reverse));margin-top:calc(8px*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(16px*var(--tw-space-y-reverse));margin-top:calc(16px*(1 - var(--tw-space-y-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(8px*(1 - var(--tw-space-x-reverse)));margin-right:calc(8px*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(16px*(1 - var(--tw-space-x-reverse)));margin-right:calc(16px*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(32px*(1 - var(--tw-space-x-reverse)));margin-right:calc(32px*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(12px*var(--tw-space-y-reverse));margin-top:calc(12px*(1 - var(--tw-space-y-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(24px*(1 - var(--tw-space-x-reverse)));margin-right:calc(24px*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(4px*var(--tw-space-y-reverse));margin-top:calc(4px*(1 - var(--tw-space-y-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(4px*(1 - var(--tw-space-x-reverse)));margin-right:calc(4px*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(12px*(1 - var(--tw-space-x-reverse)));margin-right:calc(12px*var(--tw-space-x-reverse))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2px*var(--tw-space-y-reverse));margin-top:calc(2px*(1 - var(--tw-space-y-reverse)))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded{border-radius:4px}.rounded-sm{border-radius:2px}.rounded-xl{border-radius:12px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-3xl{border-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity))}.border-sky-400{--tw-border-opacity:1;border-color:rgb(56 189 248/var(--tw-border-opacity))}.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-\[\#8b5a22\]{--tw-border-opacity:1;border-color:rgb(139 90 34/var(--tw-border-opacity))}.border-current{border-color:currentColor}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-slate-200\/80{background-color:#e2e8f0cc}.bg-white\/90{background-color:#ffffffe6}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity))}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.bg-white\/95{background-color:#fffffff2}.bg-slate-800\/90{background-color:#1e293be6}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/30{background-color:#0000004d}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.bg-pink-300{--tw-bg-opacity:1;background-color:rgb(249 168 212/var(--tw-bg-opacity))}.bg-purple-400{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-purple-300{--tw-bg-opacity:1;background-color:rgb(216 180 254/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 186 116/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-violet-200{--tw-bg-opacity:1;background-color:rgb(221 214 254/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-amber-200{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity))}.bg-sky-200{--tw-bg-opacity:1;background-color:rgb(186 230 253/var(--tw-bg-opacity))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.bg-opacity-90{--tw-bg-opacity:.9}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-75{--tw-bg-opacity:.75}.p-4{padding:16px}.p-2{padding:8px}.p-12{padding:48px}.p-3{padding:12px}.p-1{padding:4px}.p-1\.5{padding:6px}.p-0\.5{padding:2px}.p-0{padding:0}.px-2{padding-left:8px;padding-right:8px}.px-4{padding-left:16px;padding-right:16px}.py-12{padding-bottom:48px;padding-top:48px}.px-1{padding-left:4px;padding-right:4px}.py-0\.5{padding-bottom:2px;padding-top:2px}.py-0{padding-bottom:0;padding-top:0}.py-4{padding-bottom:16px;padding-top:16px}.py-2{padding-bottom:8px;padding-top:8px}.px-3{padding-left:12px;padding-right:12px}.py-3{padding-bottom:12px;padding-top:12px}.py-1{padding-bottom:4px;padding-top:4px}.px-0\.5{padding-left:2px;padding-right:2px}.px-0{padding-left:0;padding-right:0}.py-1\.5{padding-bottom:6px;padding-top:6px}.py-8{padding-bottom:32px;padding-top:32px}.px-1\.5{padding-left:6px;padding-right:6px}.pt-16{padding-top:64px}.pb-16{padding-bottom:64px}.pb-4{padding-bottom:16px}.pt-2{padding-top:8px}.pt-6{padding-top:24px}.pr-1{padding-right:4px}.pt-4{padding-top:16px}.pb-3{padding-bottom:12px}.pt-3{padding-top:12px}.pt-8{padding-top:32px}.pb-6{padding-bottom:24px}.pt-1{padding-top:4px}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-5{padding-bottom:20px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-xs{font-size:12px;line-height:16px}.text-2xl{font-size:24px;line-height:32px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-3xl{font-size:30px;line-height:36px}.text-xl{font-size:20px;line-height:28px}.text-lg{font-size:18px;line-height:28px}.text-4xl{font-size:36px;line-height:40px}.text-\[9px\]{font-size:9px}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.italic{font-style:italic}.leading-6{line-height:24px}.leading-10{line-height:40px}.leading-4{line-height:16px}.leading-5{line-height:20px}.leading-9{line-height:36px}.leading-8{line-height:32px}.leading-relaxed{line-height:1.625}.leading-none{line-height:1}.leading-7{line-height:28px}.leading-\[26px\]{line-height:26px}.tracking-widest{letter-spacing:.1em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-black\/40{color:#0006}.text-black\/90{color:#000000e6}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-violet-900{--tw-text-opacity:1;color:rgb(76 29 149/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity))}.text-sky-900{--tw-text-opacity:1;color:rgb(12 74 110/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-30{opacity:.3}.opacity-0{opacity:0}.opacity-70{opacity:.7}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-75{opacity:.75}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.outline{outline-style:solid}.outline-4{outline-width:4px}.outline-offset-0{outline-offset:0}.outline-red-500{outline-color:#ef4444}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--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)}.ring-red-500{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity))}.ring-orange-500{--tw-ring-opacity:1;--tw-ring-color:rgb(249 115 22/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}.duration-500{transition-duration:.5s}.duration-300{transition-duration:.3s}.ease-linear{transition-timing-function:linear}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.\[len\:8\]{len:8}.\[move\:8\]{move:8}.\[len\:4\]{len:4}.\[id\:8\]{id:8}body{color:#000000e6}body.dark{color:#ffffffe6}#root{margin:0 auto;max-width:1920px;min-width:320px}.room{min-height:calc(90vh - 64px)}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.15)}a.text-shadow:active,button.text-shadow:active{text-shadow:0 3px 6px rgba(0,0,0,.4)}body.dark .text-shadow{text-shadow:0 2px 4px hsla(0,0%,100%,.1)}body.dark a.text-shadow:active,body.dark button.text-shadow:active{text-shadow:0 3px 6px hsla(0,0%,100%,.3)}.box-shadow{box-shadow:0 3px 7px -1px #0003,0 2px 5px -2px #0003}.choice-option.box-shadow:active,a.box-shadow:active,button.box-shadow:active{box-shadow:0 6px 12px -1px #0000004d,0 3px 9px -2px #0000004d}body.dark .box-shadow{box-shadow:0 3px 7px -1px #ffffff1a,0 2px 5px -2px #ffffff1a}body.dark .choice-option.box-shadow:active,body.dark a.box-shadow:active,body.dark button.box-shadow:active{box-shadow:0 6px 12px -1px #fff3,0 3px 9px -2px #fff3}body.dark .shadow{--tw-shadow:0 1px 3px 0 hsla(0,0%,100%,.1),0 1px 2px -1px hsla(0,0%,100%,.1)}.text-align-last-left{text-align-last:left}.drag-none{-webkit-user-drag:none}input[type=text]{border-radius:6px;box-shadow:0 3px 7px -1px #0003,0 2px 5px -2px #0003;padding:8px;width:100%}ainput[type=text]:active,buttoninput[type=text]:active,input .choice-option[type=text]:active{box-shadow:0 6px 12px -1px #0000004d,0 3px 9px -2px #0000004d}body.dark input[type=text]{box-shadow:0 3px 7px -1px #ffffff1a,0 2px 5px -2px #ffffff1a}body.dark ainput[type=text]:active,body.dark buttoninput[type=text]:active,body.dark input.choice-option[type=text]:active{box-shadow:0 6px 12px -1px #fff3,0 3px 9px -2px #fff3}input[type=text]:focus{outline-color:#3b82f6}input[type=text]{color:#000000e6}.button-container{max-width:1920px;min-width:320px;position:absolute;top:0;width:100%}.button-left{left:10%;position:absolute;top:24px}.button-right{position:absolute;right:10%;top:24px}.head-image{background-position:50%;background-size:cover;border-radius:28px;height:54px;width:56px}.game-last-top{-webkit-animation:game-animation-move-up .5s ease .2s both;animation:game-animation-move-up .5s ease .2s both}.game-last-top+div{-webkit-animation:game-animation-move-up2 .5s ease .2s both;animation:game-animation-move-up2 .5s ease .2s both}.game-last-bottom{-webkit-animation:game-animation-move-down .5s ease .2s both;animation:game-animation-move-down .5s ease .2s both}.game-last-bottom+div{-webkit-animation:game-animation-move-down2 .5s ease .2s both;animation:game-animation-move-down2 .5s ease .2s both}@-webkit-keyframes game-animation-move-up{to{-webkit-transform:translateY(16px);transform:translateY(16px)}}@keyframes game-animation-move-up{to{-webkit-transform:translateY(16px);transform:translateY(16px)}}@-webkit-keyframes game-animation-move-down{to{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@keyframes game-animation-move-down{to{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@-webkit-keyframes game-animation-move-up2{0%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@keyframes game-animation-move-up2{0%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@-webkit-keyframes game-animation-move-down2{0%{-webkit-transform:translateY(16px);transform:translateY(16px)}}@keyframes game-animation-move-down2{0%{-webkit-transform:translateY(16px);transform:translateY(16px)}}@-webkit-keyframes game-animation-swing{1%,13%,5%,9%{-webkit-transform:translateX(5px) rotate(5deg) scale(1.4);transform:translate(5px) rotate(5deg) scale(1.4)}11%,15%,3%,7%{-webkit-transform:translateX(-5px) rotate(-5deg) scale(1.4);transform:translate(-5px) rotate(-5deg) scale(1.4)}16%{-webkit-transform:none;transform:none}}@keyframes game-animation-swing{1%,13%,5%,9%{-webkit-transform:translateX(5px) rotate(5deg) scale(1.4);transform:translate(5px) rotate(5deg) scale(1.4)}11%,15%,3%,7%{-webkit-transform:translateX(-5px) rotate(-5deg) scale(1.4);transform:translate(-5px) rotate(-5deg) scale(1.4)}16%{-webkit-transform:none;transform:none}}.game-swing{-webkit-animation:game-animation-swing 8s ease-in-out infinite;animation:game-animation-swing 8s ease-in-out infinite}.game-dice{--dice-scale:1;background:radial-gradient(circle at 50% 50%,#f8ffff 0,#d3eefd calc(13px*var(--dice-scale)));border:calc(1px*var(--dice-scale)) solid #273847;border-radius:calc(4px*var(--dice-scale));display:inline-block;height:calc(28px*var(--dice-scale));margin:6px;position:relative;width:calc(28px*var(--dice-scale))}.game-dice>div{background:#788fa5;border:calc(1px*var(--dice-scale)) solid #273847;border-radius:calc(10px*var(--dice-scale));height:calc(12px*var(--dice-scale));position:absolute;-webkit-transform:scale(.5);transform:scale(.5);width:calc(12px*var(--dice-scale))}#message{color:#000000d9;font-size:14px;left:0;line-height:1.5715;position:fixed;text-align:center;top:8px;width:100%;z-index:1010}#message>div{padding:6px;transition:margin-top .25s linear}#confirm{background:#1d212999;height:100%;left:0;min-width:320px;position:fixed;top:0;width:100%;z-index:1020}#confirm>div{background:#fff;border-radius:4px;margin:100px auto;max-width:620px;text-align:center;-webkit-user-select:none;user-select:none;width:80%}#message>div>div{background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;display:inline-block;padding:12px 18px;text-align:justify;text-align-last:left}body.dark #confirm>div{background:#2a2a2b}body.dark #message>div>div{box-shadow:0 3px 6px -4px #ffffff1f,0 6px 16px #ffffff14,0 9px 28px 8px #ffffff0d}.game-emoji-animation{color:#000;font-size:46px;pointer-events:none;position:absolute;-webkit-transform-origin:center center;transform-origin:center center;will-change:transform,opacity;z-index:900}body.dark .game-emoji-animation{color:#fff}.empty\:hidden:empty{display:none}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.active\:bg-slate-300\/70:active{background-color:#cbd5e1b3}.active\:bg-red-600:active{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}@media(max-width:400px){.max-\[400px\]\:origin-center{-webkit-transform-origin:center;transform-origin:center}.max-\[400px\]\:scale-\[0\.8\]{--tw-scale-x:.8;--tw-scale-y:.8;-webkit-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media(min-width:480px){.min-\[480px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:640px){.sm\:scale-150{--tw-scale-x:1.5;--tw-scale-y:1.5;-webkit-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));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:p-3{padding:12px}.sm\:text-2xl{font-size:24px;line-height:32px}}.choice{cursor:pointer;display:inline-flex;flex-direction:column;max-width:100%;position:relative}.choice-input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.choice-option{align-items:center;border:1px solid transparent;border-radius:12px;display:inline-flex;font-size:12px;gap:6px;justify-content:center;line-height:18px;min-height:24px;padding:2px 8px;transition:background-color .15s}.choice-option:not(.primary){background:#e2e8f0cc;color:#000000e6}.choice-option-label{min-width:0;overflow-wrap:anywhere}.choice-marker{align-items:center;border:1px solid;display:inline-flex;flex:0 0 12px;font-size:10px;font-weight:700;height:12px;justify-content:center;line-height:1;width:12px}.choice-marker-radio{border-radius:50%}.choice-marker-radio.choice-marker-selected:after{background:currentcolor;border-radius:50%;content:"";height:6px;width:6px}.choice-marker-checkbox{border-radius:2px}.choice-switch{cursor:pointer;display:inline-block;max-width:100%;position:relative}.choice-switch-content{align-items:center;display:flex;gap:8px;min-height:24px}.choice-switch-content-top{flex-direction:column;gap:4px}.choice-switch-label{font-size:14px;line-height:24px;min-width:0;overflow-wrap:anywhere}.choice-switch-track{border-radius:9px;flex:0 0 auto;height:18px;position:relative;transition:background-color .15s;width:32px}.choice-switch-track:not(.primary){background:#94a3b8}.choice-switch-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;height:14px;left:2px;position:absolute;top:2px;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;width:14px}.choice-switch-thumb-checked{-webkit-transform:translateX(14px);transform:translate(14px)}.choice-disabled,.choice-read-only{cursor:default}.choice-disabled .choice-option{background:#e5e7eb;color:#0006}.choice-disabled .choice-switch-track{background:#cbd5e1}.choice-input:focus-visible+.choice-option,.choice-input:focus-visible+.choice-switch-content .choice-switch-track{outline:2px solid rgba(0,0,0,.9);outline-offset:2px}body.dark .choice-input:focus-visible+.choice-option,body.dark .choice-input:focus-visible+.choice-switch-content .choice-switch-track{outline-color:#ffffffe6}@media(prefers-reduced-motion:reduce){.choice-option,.choice-switch-thumb,.choice-switch-track{transition:none}}.waiting-settings-container{margin:0 auto 16px;max-width:min(560px,calc(100% - 16px));min-width:min(240px,calc(100% - 16px));text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.waiting-settings-wide{width:560px}.game-settings{background:#00000008;border-radius:8px;display:flex;flex-direction:column;gap:12px;max-width:100%;min-width:0;padding:8px 16px 16px;text-align:left}body.dark .game-settings{background:#ffffff0d}.game-settings-heading{margin-bottom:-4px;text-align:center}.game-setting-description,.game-setting-reason,.game-settings-heading{font-size:12px;line-height:18px;opacity:.7;overflow-wrap:anywhere}.game-setting-field{border:0;margin:0;min-width:0;padding:0}.game-setting-label{font-size:14px;line-height:24px;overflow-wrap:anywhere;padding:0}legend.game-setting-label{margin-bottom:6px}.game-setting-options{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px}.game-setting-choice-item{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;max-width:100%;min-width:0}.game-setting-preview{align-items:center;display:flex;justify-content:center;max-width:100%}.game-setting-input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.game-setting-reasons{display:flex;flex-direction:column;gap:2px;margin-top:6px}.game-setting-description,.game-setting-description+.game-setting-reason,.game-setting-switch+.game-setting-reason{margin-top:4px}.waiting-room-start-error{color:#dc2626;font-size:12px;line-height:18px;margin:24px auto 0;max-width:100%;overflow-wrap:anywhere;padding:0 16px;width:560px}:root{font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei UI,Microsoft YaHei,Ubuntu,ui-sans-serif;color:#25342d;background:#f6f7f3;font-synthesis:none;--green:#167d52;--green-dark:#126441;--green-light:#e6f2e8;--ink:#25342d;--muted:#8b958e;--line:#e8ebe6;--red:#fc5554;--yellow:#ffde00;--blue:#4fb9fc}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f7f3}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button{min-height:44px}button,input,textarea{border:0}button{color:inherit}input,textarea,select{background:#f3f5f1;border:1px solid #e4e9e2;border-radius:10px;min-height:48px;padding:12px 14px;width:100%;outline:none}textarea{min-height:82px;resize:vertical}input:focus,textarea:focus{border-color:#61a781;box-shadow:0 0 0 3px #167d5212}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}h1,h2,h3,p{margin:0}h2{font-size:20px;font-weight:700}.icon{width:22px;height:22px;flex:none}.page{max-width:600px;margin:0 auto;min-height:100svh}.home-page{padding:0 25px}.home-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{font-size:23px;font-weight:800;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand-dots{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-8deg)}.brand-dots i{width:9px;height:9px;border-radius:3px;background:var(--green)}.brand-dots i:nth-child(2){background:#edb82e}.brand-dots i:nth-child(3){background:#ea6a57}.brand-dots i:nth-child(4){background:#63a5c2}.offline-chip{font-size:11px;color:#8d958e;display:flex;gap:5px;align-items:center;border:1px solid #e3e7df;border-radius:30px;padding:6px 10px}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#b3b9b1}.status-dot.green,.ready .status-dot{background:var(--green)}.offline-chip.ready{color:var(--green);border-color:#c6decc;background:#edf5ec}.home-main{padding-top:33px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);font-weight:600}.hero h1{font-size:42px;line-height:1.28;font-weight:750;letter-spacing:-1.5px;margin:12px 0 14px}.hero h1 span{color:var(--green)}.hero p{color:#8c948c;font-size:13px;line-height:1.8}.game-cards{display:grid;gap:16px;margin-top:34px}.game-card{padding:0;overflow:hidden;border-radius:18px;display:flex;text-align:left;height:165px;position:relative;box-shadow:0 4px 12px #25342d05}.game-card:active{transform:scale(.987)}.game-art{width:41%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.uno-card{background:#ffdf58}.game-card.uno-game-card{width:100%;height:165px;min-height:0;border-radius:18px;background:#ffdf58;display:flex;box-shadow:none;padding:0}.game-card-info{padding:24px 20px;flex:1;background:#fffdf7;position:relative}.game-tag{font-size:10px;color:#9c967a;letter-spacing:.4px}.game-card h2{font-size:27px;margin:7px 0;font-weight:750}.game-card p{font-size:11px;color:#939487}.play-arrow{position:absolute;right:18px;bottom:19px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f4eedb;color:#a89044}.play-arrow .icon{width:16px;height:16px}.uno-art .mini-card{position:absolute;width:53px;height:77px;border-radius:6px;border:3px solid #fff;font-size:27px;font-style:italic;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 6px #00000015}.mini-card.card-red{background:#ef5e4d;transform:translate(-30px,10px) rotate(-22deg);color:#fff}.mini-card.card-yellow{background:#fff1b1;transform:translate(1px,-4px) rotate(2deg);color:#bb981b}.mini-card.card-blue{background:#68b6d3;transform:translate(31px,9px) rotate(22deg);color:#fff}.spy-card,.game-card.spy-card{background:#f1e9e4}.spy-art{background:#e8dbd3}.spy-eye{font-size:84px;color:#66514a;transform:rotate(-15deg);text-shadow:13px 6px 0 #ffffff50}.spy-mark{font-size:50px;color:#fff6df;position:absolute;right:25px;bottom:22px;font-weight:800;transform:rotate(12deg)}.spy-card .game-card-info{background:#fbf7f2}.spy-card .play-arrow{background:#eee4da;color:#967d6b}.join-strip{display:flex;align-items:center;gap:12px;margin-top:26px;padding:16px 0}.join-icon{width:40px;height:40px;background:#eaf0e9;border-radius:12px;color:#6a8c72;display:grid;place-items:center}.join-icon .icon{width:20px}.join-strip h3{font-size:13px;font-weight:600}.join-strip p{font-size:11px;color:#a0a69f;margin-top:5px}.text-button{background:none;display:inline-flex;gap:4px;align-items:center;justify-content:center;font-size:12px;color:var(--green);padding:4px;min-height:36px}.text-button .icon{width:15px;height:15px}.join-strip .text-button{margin-left:auto;white-space:nowrap}.home-secondary{display:flex;justify-content:space-between;gap:7px;border-top:1px solid var(--line);padding-top:18px;margin-top:4px}.home-secondary button{background:none;display:flex;flex-direction:column;gap:8px;align-items:center;font-size:11px;color:#828d84;flex:1}.home-secondary .icon{width:21px;height:21px;color:#7f9281}.offline-note{font-size:10px;color:#a1aaa2;display:flex;align-items:center;justify-content:center;gap:6px;margin:25px -10px 0}.offline-note .icon{width:14px;height:14px}.home-footer{text-align:center;font-size:10px;letter-spacing:1px;color:#b1b7af;padding:22px 0}.room-page{background:#f6f7f3}.room-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#fbfcf8}.icon-button{background:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px}.icon-button:active{background:#e9ede7}.room-title{text-align:center;font-size:16px;font-weight:650}.room-code{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:400;color:#909b92;margin-top:4px;gap:5px}.room-code button{background:none;min-height:20px;height:20px;padding:0;display:flex;align-items:center}.room-code .icon{width:12px;height:12px}.connection-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 23px;font-size:10px;color:#839084;background:#eef3eb;min-height:35px}.connection-bar>span{display:flex;align-items:center;gap:5px}.connection-detail{color:#a0aba0;border-left:1px solid #d6dfd3;padding-left:7px;margin-left:3px}.sync-label{background:none;display:flex;align-items:center;gap:4px;font-size:10px;color:#6a9275;min-height:24px;padding:0}.sync-label .icon{width:12px;height:12px}.warning-banner{background:#fff0bd;color:#826a1f;font-size:12px;padding:12px 20px;text-align:center}.cache-note{text-align:center;font-size:10px;padding:6px;background:#f8f3e6;color:#a4956d}.table-main{padding:26px 22px 96px}.lobby-heading{display:flex;align-items:center;justify-content:space-between}.lobby-heading h1{font-size:31px;line-height:1.4;margin-top:9px;letter-spacing:-.5px}.lobby-count{display:flex;flex-direction:column;align-items:center;padding-top:18px}.lobby-count strong{font-size:39px;font-weight:500;color:var(--green)}.lobby-count span{font-size:11px;color:#9ca49c}.game-switch{display:flex;gap:9px;margin:24px 0 29px}.game-tab{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:#fafbf7;flex:1;font-size:12px;color:#919b91}.game-tab.active{border-color:#82b393;background:#edf5eb;color:var(--green);font-weight:600}.game-tab img{width:25px;height:25px}.seat-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.seat-heading h2{font-size:15px}.seat-heading span{font-size:10px;color:#a4ada5}.seat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.seat{display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 0 7px;background:none;position:relative;border-radius:12px;min-height:79px}.seat-avatar{height:43px;width:43px;border-radius:13px;display:grid;place-items:center;font-size:13px;font-weight:600}.seat.empty .seat-avatar{border:1px dashed #cbd5c9;color:#b5c0b4;font-size:24px;font-weight:300;background:#f1f4ee}.seat.occupied{background:#eaf1e7}.seat.occupied .seat-avatar{background:#d4e3d0;color:#4a7353}.seat.mine{background:#dfeeda;outline:1px solid #85b18b}.seat-label{font-size:10px;color:#869383}.host-badge{position:absolute;top:0;right:-2px;background:#f5d778;border-radius:4px;padding:1px 3px;color:#7d6420;font-size:8px}.spectator-note{text-align:center;font-size:11px;color:var(--green);margin:13px 0}.lobby-host{display:flex;align-items:center;gap:11px;margin-top:26px;padding:15px 0;border-top:1px solid var(--line)}.host-avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#f0e3c8;color:#8a734c;font-size:13px}.lobby-host strong{display:block;font-size:12px;font-weight:600}.lobby-host div span{font-size:10px;display:block;color:#9ba49a;margin-top:4px}.host-crown{margin-left:auto;font-size:26px;color:#d8bb61}.lobby-host .text-button{margin-left:auto}.button{border-radius:11px;padding:12px 17px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:1.3;min-height:46px}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #167d5215}.button.primary:active{background:var(--green-dark)}.button.secondary{background:#eaf1e8;color:#4c7354}.button.subtle{background:#f0f2ed;color:#8a958b}.start-button{width:100%;margin-top:11px;position:relative;font-size:15px}.start-button .icon{width:16px;height:16px}.start-button span{position:absolute;right:15px;font-size:10px;font-weight:400;opacity:.7}.start-hint{text-align:center;font-size:10px;color:#a3aaa0;margin:10px 0 0}.waiting-host{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:13px;color:#96a093}.waiting-dots{display:flex;gap:3px}.waiting-dots i{width:4px;height:4px;background:#90ad91;border-radius:50%}.waiting-dots i:nth-child(2){opacity:.6}.waiting-dots i:nth-child(3){opacity:.3}.lobby-links{display:flex;justify-content:center;gap:28px;margin-top:28px}.lobby-links button{display:flex;align-items:center;gap:5px;font-size:11px;color:#859484;background:none}.lobby-links .icon{width:16px;height:16px}.room-bottom{position:fixed;bottom:0;left:0;right:0;display:flex;max-width:600px;margin:auto;border-top:1px solid var(--line);background:#fcfdf9;padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:space-around}.room-bottom button{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;font-size:9px;color:#a1aba0}.room-bottom button.active{color:var(--green)}.room-bottom .icon{width:21px;height:21px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.small{font-size:11px}.danger{color:#c25248!important}#toast{position:fixed;z-index:100;bottom:90px;left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 36px);background:#25342df2;color:#fff;padding:12px 18px;border-radius:11px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 6px 20px #0002;white-space:normal}#toast.visible{opacity:1;transform:translate(-50%)}#modal-root{position:relative;z-index:60}.modal-backdrop{position:fixed;inset:0;background:#15281f55;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{width:100%;max-width:600px;max-height:90svh;overflow:auto;background:#fbfcf8;border-radius:22px 22px 0 0;padding:30px 24px calc(25px + env(safe-area-inset-bottom));position:relative;box-shadow:0 -8px 40px #0001;animation:sheet-in .2s ease-out}.sheet-close{position:absolute;top:10px;right:12px}.sheet>h2{margin-bottom:8px}.sheet>.button,.modal-form>.button{width:100%;margin-top:15px}.modal-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.help-note{font-size:11px;line-height:1.8;color:#919e90;background:#edf2e9;border-radius:9px;padding:12px;margin-top:17px}.help-section{margin-top:17px}.help-section h3{font-size:14px;margin:19px 0 7px}.help-section p{font-size:12px;color:#8b988c;line-height:1.8}.share-code{font-size:47px;letter-spacing:8px;color:var(--green);font-weight:700;display:flex;align-items:center;gap:13px;margin:20px 0}.share-code button{font-size:11px;letter-spacing:0;background:#e6eee2;padding:6px 10px;border-radius:6px;min-height:30px}.share-link{font-size:12px;background:#eef2e9;padding:13px;border-radius:8px;word-break:break-all;margin:15px 0;color:#70836f}.pair-tabs{display:flex;border-radius:10px;background:#eef2e9;padding:4px;margin:18px 0}.pair-tabs button{flex:1;background:none;font-size:13px;border-radius:7px;min-height:36px;color:#8c998b}.pair-tabs button.active{background:#fff;box-shadow:0 2px 5px #0001;color:var(--green);font-weight:600}.pair-flow>.button{width:100%;margin-top:10px}.pair-flow h3{font-size:14px;margin:15px 0}.qr-frame{display:flex;justify-content:center;padding:17px;margin-top:18px}.qr-frame canvas{width:240px!important;height:240px!important;max-width:100%}.pair-flow textarea{font-family:monospace;font-size:10px;margin-top:10px;min-height:90px;word-break:break-all}.room-list-item{display:flex;align-items:center;text-align:left;width:100%;padding:16px 5px;border-bottom:1px solid var(--line);background:none;gap:10px}.room-list-item strong{font-size:14px}.room-list-item span{font-size:11px;color:#95a194;margin-left:auto}.room-list-item>.icon{width:16px;color:#9da79b}.empty-state{text-align:center;padding:50px 0;color:#9aa696;font-size:14px;line-height:2}.member-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.member-item>div{flex:1}.member-item strong{font-size:13px;display:block}.member-item div span{font-size:10px;color:#97a393;display:block;margin-top:4px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:12px;font-weight:600;background:#d5e5d0;color:#527455;flex:none}.avatar-1{background:#f0e0bd;color:#947844}.avatar-2{background:#d9e5ee;color:#567b90}.avatar-3{background:#ecd8d0;color:#956a58}.proposal-list{border:1px solid #efe0bd;background:#fbf4df;border-radius:12px;padding:12px;margin:14px 0}.proposal-list h3{font-size:12px;margin-bottom:8px;color:#8d7336}.proposal-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#806b3e}.proposal-item span{flex:1}.chat-list{min-height:120px;max-height:45svh;overflow:auto;margin:15px 0}.chat-list p{font-size:13px;padding:9px 0}.inline-form{display:flex;gap:8px}.inline-form .button{flex:none}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-weight:400;font-size:14px}.toggle-row input{width:20px;min-height:20px;accent-color:var(--green)}.color-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.color-choice{color:#fff;font-size:18px;font-weight:700;height:80px;border-radius:13px}.c0{background:#e95a4e!important}.c1{background:#eac62c!important;color:#715d12!important}.c2{background:#4a9b68!important}.c3{background:#579cc2!important}.c4{background:#303030!important}.c5{background:#6e6f71!important}.game-menu-buttons{display:flex;flex-direction:column;gap:10px;margin:20px 0}.inline-logo{width:27px;height:27px}.options-form{display:flex;flex-direction:column;gap:14px;margin-top:17px}.transfer{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:#f3f5ee}.transfer-icon{font-size:60px;color:var(--green);margin-bottom:24px}.transfer h1{font-size:32px;line-height:1.5;margin-bottom:20px}.transfer p{color:#859084;font-size:14px;line-height:1.9;margin-bottom:20px}.transfer .button{width:100%;max-width:300px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:42px;margin-bottom:20px}.turn-label{font-size:15px;font-weight:600;color:#89958a}.turn-label.your-turn{color:var(--green)}.opponents{display:flex;gap:12px;overflow-x:auto;padding:5px 0 16px;min-height:110px;justify-content:center}.opponent{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:53px;position:relative;opacity:.75}.opponent.active{opacity:1}.opponent.active .avatar{outline:2px solid #82b788;outline-offset:3px}.opponent strong{font-size:10px;font-weight:500;max-width:60px;overflow:hidden;text-overflow:ellipsis}.opponent>span{font-size:9px;color:#9ba59a;display:flex;align-items:center;gap:4px}.tiny-card{display:inline-block;width:8px;height:11px;border-radius:2px;background:#5b8270}.uno-called{position:absolute;top:0;right:-5px;font-size:8px;color:#d85248;transform:rotate(12deg)}.play-field{position:relative;height:233px;background:#eaf0e5;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:40px;margin:9px 0 18px;border:1px solid #e0e8db}.direction{position:absolute;top:17px;font-size:10px;color:#95a48f}.active-color{position:absolute;bottom:15px;width:8px;height:8px;border-radius:50%}.discard-pile{transform:rotate(-8deg)}.draw-pile{position:relative;transform:rotate(8deg)}.draw-pile>button{background:none;padding:0;min-height:0}.draw-pile>span{position:absolute;bottom:-19px;left:50%;transform:translate(-50%);font-size:10px;color:#8c9c87}.uno-card{position:relative;background:#fff;width:85px;height:132px;padding:6px;border-radius:12px;box-shadow:0 3px 8px #0000001a;display:flex;align-items:center;justify-content:center;flex:none;min-height:0;color:#fff}.uno-card.small{width:70px;height:108px;border-radius:9px}.uno-card .card-center{width:100%;height:100%;border-radius:7px;display:flex;align-items:center;justify-content:center;background:inherit;position:relative;overflow:hidden}.uno-card .card-center:after{content:"";position:absolute;width:61px;height:108px;background:#fff;border-radius:50%;transform:rotate(30deg)}.uno-card .card-center{font-size:48px;font-style:italic;font-weight:800;text-shadow:1px 1px 1px #0005}.uno-card .card-center>*:not(.wild-shape){z-index:1}.uno-card .corner{position:absolute;font-size:20px;font-weight:750;z-index:2;text-shadow:0 1px 1px #0004}.corner.top{left:10px;top:9px}.corner.bottom{bottom:8px;right:10px;transform:rotate(180deg)}.uno-card.small .card-center{font-size:38px}.uno-card.small .card-center:after{width:48px;height:89px}.uno-card.small .corner{font-size:16px}.uno-card.back{background:#fff}.uno-card.back .card-center{background:#334b3b;color:#f5df74;font-size:17px;font-style:italic;letter-spacing:-1px;text-shadow:none}.uno-card.back .card-center:after{background:#334b3b;border-radius:50%;width:65px;height:90px}.uno-card.back span{z-index:1;transform:rotate(-25deg)}.wild-shape{width:38px;height:65px;transform:rotate(30deg);z-index:1}.wild-four{position:relative;width:48px;height:60px;z-index:1}.wild-four i{position:absolute;width:25px;height:40px;background:#e95a4e;border:2px solid white;border-radius:3px;transform:rotate(-20deg);left:0;top:17px}.wild-four i:nth-child(2){background:#eac62c;left:8px;top:11px}.wild-four i:nth-child(3){background:#4a9b68;left:15px;top:7px}.wild-four i:nth-child(4){background:#579cc2;left:21px;top:2px}.hand-section{margin-top:20px}.hand-label{display:flex;justify-content:space-between;font-size:11px;color:#95a095;margin-bottom:10px}.hand-label b{font-weight:500;color:var(--green);margin-left:3px}.hand-label>span:last-child{font-size:10px}.hand-scroll{display:flex;gap:0;overflow-x:auto;overflow-y:visible;padding:13px 6px 16px;min-height:140px;scroll-padding:15px}.hand-scroll .uno-card{width:62px;height:96px;border-radius:8px;margin-right:-11px;padding:4px;transform:rotate(-2deg);box-shadow:0 2px 5px #0001}.hand-scroll .uno-card:nth-child(2n){transform:rotate(3deg)}.hand-scroll .uno-card .card-center{font-size:31px}.hand-scroll .uno-card .card-center:after{width:45px;height:76px}.hand-scroll .uno-card .corner{font-size:14px;left:7px;top:6px}.hand-scroll .uno-card .corner.bottom{left:auto;top:auto}.hand-scroll .uno-card .wild-shape{width:27px;height:45px}.hand-scroll .uno-card .wild-four{transform:scale(.65)}.hand-scroll .uno-card.playable{transform:translateY(-8px);box-shadow:0 4px 10px #167d5220}.hand-scroll .uno-card.playable:after{content:"";position:absolute;inset:-3px;border:2px solid #80b287;border-radius:11px;pointer-events:none}.hand-scroll .uno-card:not(.playable){filter:saturate(.65)}.game-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.game-actions .button{font-size:12px;min-height:43px;padding:10px}.penalty-notice,.drawn-notice,.race-notice{text-align:center;font-size:11px;color:#9a7744;background:#f8efd9;border-radius:8px;padding:9px;margin:9px 0}.race-notice{color:#6f876b;background:#e6efdf}.race-notice button{background:var(--green);color:#fff;padding:3px 12px;min-height:28px;border-radius:5px;font-size:11px;margin-left:8px}.word-card{background:#e6eee0;border-radius:22px;text-align:center;padding:29px 20px;margin:12px 0 22px}.word-card>span{font-size:11px;color:#7e9179;letter-spacing:2px}.word-card>strong{display:block;font-size:36px;letter-spacing:3px;color:#3c6747;margin:13px 0}.word-card>p{font-size:11px;color:#8c9b84}.word-card.undercover{background:#f1e5dd}.word-card.undercover>strong{color:#a56b54}.round-label{font-size:10px;display:block;color:#98a394;margin-bottom:4px}.word-form{display:flex;flex-direction:column;gap:13px}.word-form h2{font-size:16px;margin-bottom:3px}.speeches h2,.vote-panel h2{font-size:16px;margin:15px 0}.speech{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.speech b{font-weight:600;color:#7a8d79;flex:none}.speech p{color:#586953}.speech-form{display:flex;gap:8px;margin-top:17px}.speech-form .button{flex:none}.vote-panel>p{font-size:11px;color:#98a295;margin-bottom:15px}.vote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.vote-player{display:flex;flex-direction:column;align-items:center;gap:7px;border-radius:12px;padding:12px 4px;background:#edf2e8;font-size:11px}.vote-player b{font-size:10px;color:#82947e;font-weight:400}.vote-player .avatar{width:35px;height:35px}.vote-panel>.button{width:100%}.result-panel{text-align:center;padding:25px;background:#edf2e8;border-radius:16px}.result-panel p{margin:14px 0;color:#7b8f77;font-size:14px}.result-panel .button{width:100%}.spy-roster{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:23px}.spy-roster span{font-size:10px;padding:5px 9px;border-radius:20px;background:#e7ede1;color:#788e73}.spy-roster span.eliminated{text-decoration:line-through;opacity:.45}.spy-roster span.active{outline:1px solid #82ac7c}.waiting-room{min-height:calc(100svh - 120px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 26px}.waiting-room h1{font-size:31px;margin:14px 0}.waiting-room>p{font-size:12px;line-height:1.9;color:#899686;margin-bottom:24px}.waiting-room .button{width:100%;max-width:320px;margin:5px 0}.waiting-room .help-note{max-width:360px}.waiting-orbit{position:relative;width:110px;height:110px;display:grid;place-items:center;margin-bottom:22px}.waiting-orbit>span{width:54px;height:54px;border-radius:50%;background:#e3eee0;display:grid;place-items:center;color:var(--green)}.waiting-orbit>span .icon{width:24px;height:24px}.waiting-orbit>i{position:absolute;inset:0;border:1px solid #cdddc9;border-radius:50%;animation:orbit 3s linear infinite}.waiting-orbit>i:nth-child(2){inset:13px;border-style:dashed;animation-direction:reverse;animation-duration:5s}.waiting-orbit>i:nth-child(3){inset:29px;animation-duration:8s}.waiting-orbit>i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#79a67d;top:-3px;left:50%}@keyframes orbit{to{transform:rotate(360deg)}}.options-form>.button{margin-top:14px}.game-menu-buttons .inline-logo{margin-right:2px}.result-panel h2{font-size:22px}.result-panel .button{margin-top:15px}.link-button{border:0;background:none;color:var(--green);text-decoration:underline;font-size:12px;min-height:32px}@media(prefers-reduced-motion:reduce){.waiting-orbit>i{animation:none}}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:600px){.home-main{padding-top:50px}.game-cards{grid-template-columns:repeat(2,1fr)}.game-card,.game-card.uno-game-card{height:190px}.game-card-info{padding:28px 18px}.hero h1{font-size:48px}.table-main{padding-left:28px;padding-right:28px}.sheet{border-radius:22px;margin-bottom:30px}}@media(max-width:370px){.home-page{padding:0 19px}.hero h1{font-size:37px}.table-main{padding-left:15px;padding-right:15px}.game-card-info{padding:21px 14px}.game-card h2{font-size:23px}.game-tag{font-size:9px}.seat-grid{gap:5px}.seat-avatar{width:38px;height:38px}.play-field{gap:26px}}.uno-card .card-center:after{z-index:0}.uno-card .card-center .center-symbol{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px;font-style:italic;font-weight:800;text-shadow:1px 1px 1px #0002}.uno-card.c0 .center-symbol{color:#d84b43}.uno-card.c1 .center-symbol{color:#a68100}.uno-card.c2 .center-symbol{color:#168158}.uno-card.c3 .center-symbol{color:#2579a4}.uno-card.c4 .center-symbol,.uno-card.c5 .center-symbol{color:#303030}.uno-card.small .center-symbol{font-size:38px}.hand-scroll .uno-card .center-symbol{font-size:31px}.uno-card.back{background:#354b3d;border:4px solid #fff;color:#f7df70;display:grid;place-items:center;padding:8px}.uno-card.back .back-mark{font-size:22px;font-style:italic;font-weight:900;letter-spacing:-1px;transform:rotate(-25deg);text-shadow:1px 1px 0 #1c2d23;position:relative;z-index:1}.hand-scroll .uno-card.back .back-mark{font-size:16px}.spectator-banner{text-align:center;font-size:11px;background:#edf2e8;color:#758c72;border-radius:9px;padding:8px;margin-bottom:12px}.finish-home{width:100%;margin-top:12px}.emoji-row{display:flex;gap:8px;margin:12px 0}.emoji-row button{font-size:20px;background:#f0f3ec;border-radius:9px;min-width:44px;flex:1}.modal-host{margin-top:0;padding-top:0;border-top:0;margin-bottom:8px}.game-actions+.finish-home{margin-top:14px}.hand-scroll{justify-content:center;overflow-x:auto;padding-left:2px;padding-right:2px}.hand-scroll .uno-card{width:var(--card-w,52px);height:calc(var(--card-w,52px) * 1.55);min-height:0;border-radius:8px;padding:calc(var(--card-w,52px) * .055);margin-right:calc(var(--card-step,46px) - var(--card-w,52px));transform:rotate(-1.5deg);box-shadow:0 2px 5px #0001}.hand-scroll .uno-card:nth-child(2n){transform:rotate(1.5deg)}.hand-scroll .uno-card:last-child{margin-right:0}.hand-scroll .uno-card.group-start{margin-left:6px}.hand-scroll .uno-card .card-center:after{width:calc(var(--card-w,52px) * .7);height:calc(var(--card-w,52px) * 1.24)}.hand-scroll .uno-card .center-symbol{font-size:calc(var(--card-w,52px) * .48)}.hand-scroll .uno-card .corner{font-size:calc(var(--card-w,52px) * .25);left:calc(var(--card-w,52px) * .1);top:calc(var(--card-w,52px) * .08)}.hand-scroll .uno-card .corner.bottom{left:auto;top:auto;right:calc(var(--card-w,52px) * .1);bottom:calc(var(--card-w,52px) * .06)}.hand-scroll .uno-card .wild-shape{width:calc(var(--card-w,52px) * .64);height:auto}.hand-scroll .uno-card .wild-four{transform:scale(calc(var(--card-w,52px) / 62))}.hand-scroll .uno-card.playable{transform:translateY(-6px) rotate(-1.5deg);z-index:2}.hand-scroll .uno-card:nth-child(2n).playable{transform:translateY(-6px) rotate(1.5deg)}.hand-scroll.dense-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;justify-items:center;overflow:visible;padding:12px 2px 16px}.dense-grid .uno-card{width:100%;max-width:48px;height:auto;aspect-ratio:62/96;margin-right:0;transform:none;border-radius:7px;padding:3px;box-shadow:0 2px 5px #0001}.dense-grid .uno-card:nth-child(2n){transform:none}.dense-grid .uno-card .center-symbol{font-size:20px;text-shadow:none}.dense-grid .uno-card .corner{font-size:10px;left:4px;top:3px}.dense-grid .uno-card .corner.bottom{inset:auto 4px 3px auto}.dense-grid .uno-card .card-center:after{width:66%;height:84%}.dense-grid .uno-card .wild-shape{width:24px;height:auto}.dense-grid .uno-card .wild-four{transform:scale(.6)}.dense-grid .uno-card.playable{transform:translateY(-3px)}.dense-grid .uno-card:nth-child(2n).playable{transform:translateY(-3px)}.players-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 10px;padding:2px 0 10px}.player-chip{width:58px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;opacity:.7}.player-chip.active{opacity:1}.player-chip .avatar{width:36px;height:36px;font-size:11px}.player-chip.active .avatar{outline:2px solid #82b788;outline-offset:2px}.player-chip>strong{font-size:10px;font-weight:500;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-chip>strong em{font-style:normal;font-size:8px;color:#fff;background:#6f9178;border-radius:5px;padding:0 3px;margin-left:3px}.player-chip>small{font-size:9px;color:#9ba59a;display:flex;align-items:center;gap:3px}.player-chip .uno-called{position:static;font-size:8px;color:#d85248}.player-chip.self .avatar{box-shadow:0 0 0 2px #fff,0 0 0 3px #c9d8cb}.play-field{height:248px;padding-bottom:24px}.last-play{display:flex;flex-direction:column;align-items:center;gap:3px}.last-play .discard-pile{transform:rotate(-8deg)}.pile-caption{font-size:9px;color:#8c9c87}.draw-pile{display:flex;flex-direction:column;align-items:center;gap:3px}.draw-pile>span{position:static;top:auto;bottom:auto;left:auto;transform:none;white-space:nowrap;line-height:1;font-size:9px}.current-color{position:absolute;bottom:13px;display:flex;align-items:center;gap:5px;font-size:10px;color:#7e927a}.current-color>i{width:9px;height:9px;border-radius:50%}.color-strip{display:flex;align-items:center;gap:7px;margin:10px 0 0;flex-wrap:wrap}.color-strip>span{font-size:11px;color:#859584;width:100%}.color-option{color:#fff;font-size:12px;font-weight:700;min-height:38px;border-radius:9px;padding:0 15px;flex:1;max-width:90px}.color-option.selected{outline:2px solid #20352a;outline-offset:2px}.hand-scroll .uno-card.playable{transform:rotate(-1.5deg);box-shadow:0 3px 8px #167d5226}.hand-scroll .uno-card.playable:after{display:none}.hand-scroll .uno-card:nth-child(2n).playable{transform:rotate(1.5deg)}.hand-scroll .uno-card.selected,.hand-scroll .uno-card.selected.playable{transform:translateY(-10px) rotate(-1.5deg);box-shadow:0 0 0 3px #fff,0 0 0 6px #167d52,0 6px 14px #0002;z-index:5}.hand-scroll .uno-card:nth-child(2n).selected,.hand-scroll .uno-card:nth-child(2n).selected.playable{transform:translateY(-10px) rotate(1.5deg)}.hand-scroll .uno-card:disabled{opacity:1;filter:saturate(.62) brightness(.86)}.game-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.game-actions .draw-action{grid-column:1/-1}.game-actions .confirm-play-button{grid-column:1/-1;min-height:50px;font-size:15px}.game-actions .button:only-child{grid-column:1/-1}.game-actions .draw-action{font-size:13px}.game-actions .uno-action{color:#a37a12;background:#faf0cf}.game-actions .report-action{color:#a35b50;background:#f7e9e5}.warning-banner.relay-warning{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.warning-banner.relay-warning button{border:1px solid #b9a04c;background:#fff8da;color:#755f1e;border-radius:7px;padding:4px 8px;min-height:30px;font-size:11px}.game-actions:empty{display:none}.relay-warning[hidden]{display:none}.action-symbol{width:calc(var(--card-w,52px) * .48);height:calc(var(--card-w,52px) * .48);color:currentColor}.dense-grid .action-symbol{width:20px;height:20px}.turn-arrow{flex:none;width:12px;text-align:center;color:#6f9278;font-size:18px;font-weight:600;line-height:1}.game-page{height:100vh;height:100svh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.game-page .room-header,.game-page .connection-bar{flex:none}.game-page .warning-banner{font-size:10px;padding:6px 12px}.game-main{flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 16px calc(8px + env(safe-area-inset-bottom));overflow:hidden}.uno-table{display:flex;flex-direction:column;flex:1;min-height:0;gap:6px}.uno-table .table-toolbar{flex:none;min-height:30px;margin-bottom:0}.players-rail{flex:none;gap:3px 5px;padding:0 0 4px}.player-chip{width:52px;gap:2px}.player-chip .avatar{width:32px;height:32px}.player-chip>strong{font-size:9px}.player-chip>small{font-size:8px}.uno-table .play-field{flex:1 1 auto;height:auto;min-height:132px;max-height:none;margin:0;padding-bottom:22px}.uno-table .hand-section{flex:none;margin-top:0}.uno-table .hand-label{margin-bottom:3px}.uno-table .hand-scroll{min-height:0;padding-top:18px;padding-bottom:10px}.uno-table .hand-scroll.dense-grid{max-height:30svh;overflow-y:auto;overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px}.uno-table .game-actions{flex:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;margin-top:6px}.uno-table .game-actions .button{min-height:44px;padding:8px 7px;font-size:12px;white-space:nowrap}.uno-table .game-actions .confirm-play-button,.uno-table .game-actions .draw-action{grid-column:auto}.uno-table .color-strip{margin-top:5px}.uno-table .color-strip>span{width:auto}.uno-table .color-option{min-height:34px}.game-page .cache-note{padding:4px}.game-page .spectator-banner{padding:5px;margin:0}.game-page .relay-warning{line-height:1.5}@media(max-height:740px){.game-page .room-header{height:60px}.game-page .connection-bar{min-height:30px;padding:5px 14px}.game-main{padding:4px 12px calc(5px + env(safe-area-inset-bottom))}.uno-table{gap:4px}.uno-table .table-toolbar{min-height:26px}.players-rail{gap:2px 4px;padding-bottom:2px}.player-chip{width:46px}.player-chip .avatar{width:28px;height:28px}.player-chip>strong{font-size:8px}.turn-arrow{font-size:15px;width:10px}.uno-table .play-field{min-height:104px}.uno-table .hand-label{margin-bottom:2px}.uno-table .hand-scroll{padding-top:4px;padding-bottom:5px}.uno-table .game-actions{margin-top:4px;gap:4px}.uno-table .game-actions .button{min-height:40px;padding:7px 5px;font-size:11px}.uno-table .hand-scroll.dense-grid{max-height:26svh}.uno-table .color-strip>span{display:none}}.c0{background:#fc5554!important}.c1{background:#ffde00!important}.c2{background:#07c160!important}.c3{background:#4fb9fc!important}.mini-card.card-red{background:#fc5554}.mini-card.card-yellow{background:#ffe233}.mini-card.card-blue{background:#4fb9fc}.uno-card .card-center .center-symbol{font-size:52px;transform:rotate(8deg)}.uno-card.small .center-symbol{font-size:42px}.hand-scroll .uno-card .center-symbol{font-size:calc(var(--card-w,52px) * .54)}.dense-grid .uno-card .center-symbol{font-size:22px}.wild-ellipse{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:66%;height:82%;border-radius:50%;overflow:hidden;transform:rotate(22deg);box-shadow:0 0 0 2px #fff9}.wild-ellipse i{display:block}.wild-ellipse i:nth-child(1){background:#fc5554}.wild-ellipse i:nth-child(2){background:#ffde00}.wild-ellipse i:nth-child(3){background:#07c160}.wild-ellipse i:nth-child(4){background:#4fb9fc}.wild-four i{background:#fc5554}.wild-four i:nth-child(2){background:#ffde00}.wild-four i:nth-child(3){background:#07c160}.wild-four i:nth-child(4){background:#4fb9fc}button.offline-chip{min-height:30px;background:transparent;cursor:pointer}button.offline-chip.ready{background:#edf5ec}.refresh-mark{font-size:13px;margin-left:2px;color:#6f8c76}.game-page .room-header{height:58px;padding:0 12px}.game-page .room-title{font-size:14px}.game-page .room-code{margin-top:2px;font-size:9px}.game-page .room-header .icon-button{width:38px;height:38px;min-height:38px}.game-page .connection-bar{min-height:28px;padding:4px 18px;font-size:9px}.game-page .cache-note{font-size:9px}.uno-table .play-field{max-height:none}.play-field .uno-card.small{width:clamp(76px,23vw,96px);height:auto;aspect-ratio:85/132}.play-field .uno-card.small .center-symbol{font-size:clamp(32px,10vw,42px)}.play-field .uno-card.small .action-symbol{width:clamp(32px,10vw,41px);height:clamp(32px,10vw,41px)}.play-field .uno-card.small .corner{font-size:16px}.play-field .discard-pile.just-played{animation:played-card-in .4s cubic-bezier(.2,.75,.25,1) both;will-change:transform,opacity}@keyframes played-card-in{0%{opacity:.2;transform:translate(-86px,-54px) rotate(-19deg) scale(.72)}65%{opacity:1;transform:translate(4px,3px) rotate(3deg) scale(1.04)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}.seat-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item strong{overflow-wrap:anywhere}.vote-player{min-width:0;overflow-wrap:anywhere}.player-chip>strong{padding:0 2px}.home-header .offline-chip{font-size:10px}.uno-table{justify-content:space-between}.uno-table .play-field{flex:0 0 auto;height:clamp(180px,29svh,270px);min-height:180px;max-height:270px}.uno-table .hand-section{margin-top:0}.play-field .uno-card.small{width:clamp(68px,22vw,96px);height:auto;aspect-ratio:85/132}.game-actions .race-action{background:#e4b329;color:#32280b}.game-page .relay-warning{padding:5px 12px;font-size:10px}.build-stamp{margin:12px 0 0;color:var(--muted);font-size:10px;text-align:center;overflow-wrap:anywhere}.relay-close{flex:none;min-height:24px;padding:1px 7px;border:0;background:transparent;color:inherit;font-size:17px;line-height:1;cursor:pointer}.relay-close:hover{background:#fff6;border-radius:8px}@media(max-height:700px){.uno-table .play-field{height:165px;min-height:165px;max-height:165px}.play-field .uno-card.small{width:72px}.play-field .uno-card.small .center-symbol{font-size:30px}.play-field .uno-card.small .action-symbol{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.players-area{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;flex:none}.players-area .direction{position:static;top:auto;display:block;font-size:9px;line-height:1.3;color:#86a08a;letter-spacing:.4px;text-align:center}.players-rail{align-items:flex-start}.turn-arrow{display:flex;align-items:center;justify-content:center;align-self:flex-start;height:32px;line-height:1;padding-top:1px}.player-chip>.player-name{display:flex;align-items:center;justify-content:center;gap:3px;max-width:100%;min-width:0;font-size:10px;font-weight:500;line-height:1.2}.player-chip>.player-name>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-chip>.player-name>.self-badge{flex:none;font-style:normal;font-size:8px;line-height:13px;color:#fff;background:#6f9178;border-radius:7px;padding:0 4px;margin:0;letter-spacing:0}.last-play .pile-caption{display:inline-block;transform:none;transform-origin:center;margin-top:0}.last-play-tilt{display:flex;flex-direction:column;align-items:center;gap:3px;transform:rotate(-8deg);transform-origin:center}.last-play .discard-pile{transform:none}.scan-frame{position:relative;margin-top:16px;border-radius:16px;overflow:hidden;background:#15231d;aspect-ratio:3/4;max-height:52svh}.scan-frame video{display:block;width:100%;height:100%;object-fit:cover}.scan-corners{position:absolute;inset:13%;border:2px solid #ffffffd9;border-radius:18px;box-shadow:0 0 0 999px #1020193d;pointer-events:none}.stall-tools{margin:14px 0}.stall-tools .button{width:100%}@media(max-height:740px){.turn-arrow{height:28px}.player-chip>.player-name{font-size:9px}.player-chip>.player-name>.self-badge{font-size:7px;line-height:11px;padding:0 3px}}@media(max-width:370px){.turn-arrow{height:28px}.player-avatar{width:28px;height:28px}}.button:disabled,.button.primary:disabled,.button.secondary:disabled,.button.subtle:disabled{opacity:1;background:#e5e8e2;color:#939b91;box-shadow:none;border-color:transparent}.game-actions .button{transition:background .15s ease,color .15s ease,box-shadow .15s ease}.game-actions .button.secondary:not(:disabled){background:#cfe5d2;color:#174f2e;border:1px solid #86b18d;box-shadow:0 2px 5px #167d5212}.game-actions .uno-action:not(:disabled){background:#fae8a6;color:#745700;border-color:#e2c65d}.game-actions .report-action:not(:disabled){background:#f4dcd4;color:#89382d;border-color:#e3b9af}.uno-table .game-actions .confirm-play-button:not(:disabled){background:#ffd21f;color:#2d2a0f;border:1px solid #edc000;box-shadow:0 4px 10px #c69a0026}.uno-table .game-actions .confirm-play-button:not(:disabled):active{background:#f0c200}.uno-table .game-actions .button:disabled{background:#e5e8e2;color:#939b91;border-color:transparent;box-shadow:none}.button.primary.resume-game-button{display:flex;width:100%;margin:0 0 14px;background:#ffd21f;color:#2d2a0f;border:1px solid #ecc000;box-shadow:0 4px 10px #c69a0026}.button.primary.resume-game-button:active{background:#f0c200}.lobby-ended-note{margin:0 0 14px;padding:10px 14px;border:1px solid #eadfbf;border-radius:11px;background:#fbf6e8;color:#88713a;font-size:12px;line-height:1.5}.word-card.setter-card{background:#f1eee0}.word-card.setter-card>strong{font-size:27px;letter-spacing:1px;color:#6f693f}.word-card.setter-card small{display:block;margin-top:10px;font-size:11px;color:#8d8767}.round-note{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#f7f1dc;color:#8a713c;font-size:11px;line-height:1.5}.offline-speaking-note{margin:8px 0 12px;color:#879484;font-size:12px;line-height:1.65}.finish-speaking{width:100%}.switch-hint{margin:8px 0 2px;color:#8c7a4b;font-size:11px;line-height:1.6;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.switch-hint .text-button{min-height:26px;font-size:11px;color:#7e6a32;text-decoration:underline}.switch-warning{margin:9px 0 14px;padding:13px;border:1px solid #e6d39f;border-radius:11px;background:#faf4df}.switch-warning strong{display:block;color:#735c25;font-size:13px}.switch-warning p{margin:5px 0 10px;color:#8d7b4e;font-size:11px;line-height:1.65}.switch-warning .button{width:100%}.game-page .room-header{height:50px}.game-page .room-header .icon-button{width:34px;height:34px;min-height:34px}.uno-table .players-area{gap:0}.uno-table .players-rail{padding-bottom:1px}.uno-table .player-chip{gap:1px}.uno-table .draw-count-slot{height:10px}.uno-table .draw-count{height:10px;font-size:7px}.tie-panel{margin-top:16px;padding:16px;border-radius:14px;background:#f6efe0;border:1px solid #ead9b8}.tie-panel h2{font-size:18px;margin-bottom:6px;color:#775f2e}.tie-panel>p{font-size:12px;line-height:1.65;color:#887650}.tie-actions{display:grid;gap:8px;margin-top:13px}.tie-actions .button{width:100%}.spy-table{display:flex;flex-direction:column;min-height:calc(100svh - 150px)}.spy-order-panel{margin-top:auto;padding:13px 12px;border:1px solid var(--line);border-radius:16px;background:#f7f9f3}.spy-order-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.spy-order-head strong{font-size:14px;color:#415c47}.spy-order-head span{font-size:10px;color:#96a394}.spy-order-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px}.spy-order-player{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:9px 6px 7px;border:1px solid #e5eadf;border-radius:12px;background:#fff;color:#7c8e7a}.spy-order-player.active{border-color:#83ad87;background:#eaf4e8;box-shadow:0 0 0 2px #83ad8722}.spy-order-player.spoken:not(.active){opacity:.65}.spy-order-player.eliminated{opacity:.4}.spy-order-player .avatar{width:40px;height:40px;font-size:12px}.spy-order-avatar{width:40px;height:40px}.spy-vote-avatar{width:35px;height:35px}.vote-player .player-avatar .seat-index,.spy-order-player .player-avatar .seat-index{right:-4px;bottom:-3px}.spy-order-no{position:absolute;top:4px;left:6px;font-size:8px;color:#a2ab9c}.spy-order-name{max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.spy-order-player em{font-style:normal;font-size:8px;padding:1px 4px;border-radius:5px;background:#e1efe2;color:#4e7a55}.spy-order-empty{font-size:11px;color:#9aa596;line-height:1.6}@media(prefers-reduced-motion:reduce){.player-mood.thinking{animation:none!important}}@media(max-height:740px){.uno-table .hand-scroll{padding-top:18px;padding-bottom:10px}}.button:focus-visible{outline:3px solid #2c6c4b3d;outline-offset:2px}.player-chip>small{white-space:nowrap}.player-avatar{position:relative;display:grid;place-items:center;width:32px;height:32px;flex:none}.presence-dot{position:absolute;left:-1px;bottom:1px;width:8px;height:8px;border-radius:50%;border:1.5px solid #f6f7f3;background:#b5bdb4;box-sizing:border-box;z-index:2}.presence-dot.online{background:#28a268}.seat-index{position:absolute;right:-5px;bottom:-3px;display:flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 2px;border:1.5px solid #f6f7f3;border-radius:9px;background:#4e7259;color:#fff;box-sizing:border-box;font-size:7px;font-weight:650;line-height:1;z-index:2}.draw-count-slot{display:flex;align-items:center;justify-content:center;width:100%;height:12px;line-height:1}.draw-count{display:inline-flex;align-items:center;justify-content:center;height:12px;padding:0 4px;border-radius:5px;background:#fbe4df;color:#c74e44;font-size:8px;font-weight:700;line-height:1}.player-mood-slot{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:none;margin-left:1px}.player-mood{display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px;margin:0;font-size:13px;line-height:1;transform-origin:50% 70%}.player-mood.thinking{animation:player-thinking 1.15s ease-in-out infinite}@keyframes player-thinking{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(-8deg) translateY(-1px)}70%{transform:rotate(8deg) translateY(-1px)}}@media(max-height:740px){.player-avatar{width:28px;height:28px}.presence-dot{left:-1px;bottom:0;width:7px;height:7px}.seat-index{right:-4px;bottom:-3px;min-width:13px;height:13px;font-size:7px}.player-mood-slot{width:12px;height:12px;margin-left:0}.player-mood{width:12px;height:12px;font-size:12px;margin:0}}