@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}.EBO_5W_className{font-family:Nunito,Nunito Fallback;font-style:normal}.EBO_5W_variable{--font-ui:"Nunito", "Nunito Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.1hx5ub3m4e03a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.43ie5mg9jzk6i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.1_02jizf7_zt7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.1hx5ub3m4e03a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.43ie5mg9jzk6i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.1_02jizf7_zt7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.1hx5ub3m4e03a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.43ie5mg9jzk6i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.1_02jizf7_zt7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.mXPr9q_className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.mXPr9q_variable{--font-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
*,:before,:after,::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-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--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:#3b82f680;--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.m-2{margin:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[calc\(100dvh-56px\)\]{height:calc(100dvh - 56px)}.h-full{height:100%}.min-h-\[200px\]{min-height:200px}.min-h-\[480px\]{min-height:480px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-16{max-width:4rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.transform{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))}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>: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))}.space-y-2>: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))}.space-y-3>: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))}.space-y-4>: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))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#2a1c10\]{--tw-border-opacity:1;border-color:rgb(42 28 16/var(--tw-border-opacity,1))}.border-\[\#8b6f47\]{--tw-border-opacity:1;border-color:rgb(139 111 71/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-\[\#8b6f47\]{--tw-bg-opacity:1;background-color:rgb(139 111 71/var(--tw-bg-opacity,1))}.bg-\[\#efe2c0\]{--tw-bg-opacity:1;background-color:rgb(239 226 192/var(--tw-bg-opacity,1))}.bg-\[\#f5e6d3\]{--tw-bg-opacity:1;background-color:rgb(245 230 211/var(--tw-bg-opacity,1))}.bg-\[\#fff8e4\]{--tw-bg-opacity:1;background-color:rgb(255 248 228/var(--tw-bg-opacity,1))}.bg-\[\#fffaf0\]{--tw-bg-opacity:1;background-color:rgb(255 250 240/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:#0006}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#376B43\]{--tw-text-opacity:1;color:rgb(55 107 67/var(--tw-text-opacity,1))}.text-\[\#5c4a32\]{--tw-text-opacity:1;color:rgb(92 74 50/var(--tw-text-opacity,1))}.text-\[\#5d6b52\]{--tw-text-opacity:1;color:rgb(93 107 82/var(--tw-text-opacity,1))}.text-\[\#8a6a3e\]{--tw-text-opacity:1;color:rgb(138 106 62/var(--tw-text-opacity,1))}.text-\[\#efe2c0\]{--tw-text-opacity:1;color:rgb(239 226 192/var(--tw-text-opacity,1))}.text-\[\#f0c14b\]{--tw-text-opacity:1;color:rgb(240 193 75/var(--tw-text-opacity,1))}.text-\[\#f6e7c1\]{--tw-text-opacity:1;color:rgb(246 231 193/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-80{opacity:.8}.shadow{--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)}.shadow-lg{--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)}.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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-\[\#376b43\]{--tw-ring-opacity:1;--tw-ring-color:rgb(55 107 67/var(--tw-ring-opacity,1))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.grayscale{--tw-grayscale:grayscale(100%);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{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)}.transition{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)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.theme-container{color:var(--ink);background:0 0}.rpg-button,.pixel-btn,.theme-primary{color:#fff;background:linear-gradient(180deg, var(--leaf-hi), var(--leaf) 55%, #62a53c);border:2px solid var(--forest);min-height:48px;box-shadow:inset 0 2px 0 #ffffff8c, 0 4px 0 var(--forest), 0 10px 16px -8px #376b43b3;letter-spacing:.01em;text-shadow:0 1px #376b4399;transition:var(--press);border-radius:999px;padding:12px 20px;font-weight:800}.theme-secondary{color:var(--ink);background:linear-gradient(180deg, var(--cream-hi), var(--cream) 60%, var(--sand));border:2px solid var(--sand-dk);box-shadow:inset 0 2px 0 #fff, 0 4px 0 var(--sand-dk), 0 10px 16px -8px #8a6a3e99;transition:var(--press);border-radius:999px;font-weight:700}.rpg-button:hover:not(:disabled),.pixel-btn:hover:not(:disabled),.theme-primary:hover:not(:disabled),.theme-secondary:hover:not(:disabled){filter:brightness(1.05)}.rpg-button:active:not(:disabled),.pixel-btn:active:not(:disabled),.theme-primary:active:not(:disabled){box-shadow:inset 0 2px 0 #fff6, 0 1px 0 var(--forest), 0 4px 8px -6px #376b43b3;transform:translateY(3px)}.theme-secondary:active:not(:disabled){box-shadow:inset 0 2px 0 #fff, 0 1px 0 var(--sand-dk);transform:translateY(3px)}.rpg-panel,.pixel-window{background:linear-gradient(180deg, var(--cream-hi), var(--cream));color:var(--ink);box-shadow:var(--panel-shadow);border:2px solid #c9a46a8c;border-radius:22px;padding:14px 16px}.rpg-card,.pixel-slot{background:var(--cream-hi);color:var(--ink);box-shadow:var(--panel-shadow);border:2px solid #c9a46a80;border-radius:18px;overflow:hidden}:root{--leaf:#78b94a;--leaf-hi:#9bd46a;--mint:#a8dcc4;--sky:#8ed8f5;--cream:#fff1c9;--cream-hi:#fffaea;--sand:#e8c891;--sand-dk:#c9a46a;--forest:#376b43;--gold:#f6c45b;--ink:#2f3a2b;--ink-soft:#5d6b52;--panel-shadow:0 2px 0 #fffc inset, 0 4px 0 #376b431f, 0 14px 28px -12px #376b4373;--press:transform .12s ease, box-shadow .12s ease, filter .12s ease}html{color:var(--ink);font-size:16px;line-height:1.5}@media (max-width:767px){html{scrollbar-width:none;overscroll-behavior-x:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.overflow-x-auto::-webkit-scrollbar{width:0;height:0;display:none}.overflow-y-auto::-webkit-scrollbar{width:0;height:0;display:none}.overflow-auto::-webkit-scrollbar{width:0;height:0;display:none}.overflow-x-auto,.overflow-y-auto,.overflow-auto{scrollbar-width:none}}body{font-family:var(--font-ui), var(--font-thai), sans-serif;min-height:100dvh;color:var(--ink);background:var(--sky)}button,input,select,textarea{font-family:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.queue-row,.chat-row{content-visibility:auto;contain-intrinsic-size:auto 72px}.gacha-spin{animation:1s linear infinite gacha-spin;display:inline-block}.gacha-results{animation:.25s ease-out both gacha-in}.gacha-card{animation:.3s ease-out both gacha-card}@keyframes gacha-spin{to{transform:rotate(360deg)}}@keyframes gacha-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes gacha-card{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}button{min-height:48px}h1,h2{text-shadow:0 1px #fffc,0 0 12px #fff1c9e6}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}body input,body select,body textarea{background:var(--cream-hi);min-height:48px;color:var(--ink);border:2px solid var(--sand);border-radius:14px;padding:10px 14px;font-size:16px;box-shadow:inset 0 2px 4px #8a6a3e1f}body input:focus,body select:focus,body textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f6c45b66}body a{text-underline-offset:3px}.leafy{position:relative}.leafy:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 26'%3E%3Cpath d='M2 24 Q16 6 42 3' stroke='%23376B43' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M15 16 Q12 5 24 2 Q25 13 15 16Z' fill='%2378B94A' stroke='%23376B43' stroke-width='1.2'/%3E%3Cpath d='M29 7 Q33 -1 42 3 Q38 11 29 7Z' fill='%239BD46A' stroke='%23376B43' stroke-width='1.2'/%3E%3Cpath d='M8 20 Q1 14 5 7 Q12 13 8 20Z' fill='%23A8DCC4' stroke='%23376B43' stroke-width='1.2'/%3E%3C/svg%3E") 50%/contain no-repeat;width:44px;height:26px;position:absolute;top:-12px;left:14px}.world{z-index:-1;pointer-events:none;background:var(--sky);position:fixed;inset:0;overflow:hidden}.world-art{-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom;width:100%;height:110%;position:absolute;bottom:0;left:0}.world-veil{background:linear-gradient(#fffaea59,#fffaea1a 45%,#0000 70%);position:absolute;inset:0}.world-leaf{width:20px;height:12px;animation:14s ease-in-out infinite world-leaf;position:absolute}@keyframes world-leaf{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(18px,30px)rotate(32deg)}}@supports (animation-timeline:scroll()){.world-art{animation:linear both world-par;animation-timeline:scroll(root)}@keyframes world-par{to{transform:translateY(8%)}}}.pixel-hud{z-index:30;min-height:60px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;color:var(--ink);background:linear-gradient(#fffaeaf5,#fff1c9eb);border-bottom:2px solid #c9a46a8c;border-radius:0 0 22px 22px;align-items:center;gap:8px;font-weight:700;display:flex;position:sticky;top:0;box-shadow:0 8px 20px -12px #376b438c}.pixel-hud a{color:inherit;text-decoration:none}.rank-layer{z-index:80;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rank-layer.rank-change{z-index:70}.rank-sheet{width:100%;max-width:24rem;max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));text-align:left;padding:16px;overflow-y:auto}.rank-sheet>button{background:var(--cream-hi);margin-top:12px;position:sticky;bottom:0}.rank-ladder{margin-top:12px}.rank-ladder li{border-radius:14px;align-items:center;gap:8px;padding:4px 8px;display:flex}.rank-ladder li[aria-current=true]{box-shadow:inset 0 0 0 2px var(--gold);background:#f6c45b73}@media (max-width:767px){.rank-layer{background:#1a120b9e;align-items:flex-end;padding:0}.rank-layer .rank-sheet{max-width:none;max-height:calc(100dvh - 12px);padding-bottom:calc(16px + env(safe-area-inset-bottom));border-bottom-right-radius:0;border-bottom-left-radius:0}}.rank-ladder img{-o-object-fit:contain;object-fit:contain;flex:none;width:36px;height:36px}.pixel-dock{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;background:linear-gradient(180deg, var(--cream-hi), var(--cream));border:2px solid #c9a46a99;border-radius:28px;gap:4px;padding:6px;display:flex;position:fixed;box-shadow:0 12px 28px -10px #376b4399}.pixel-dock a{min-width:0;min-height:64px;color:var(--ink-soft);text-align:center;transition:var(--press), background-color .2s ease;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px;font-size:12px;font-weight:700;line-height:1.15;text-decoration:none;display:flex}.pixel-dock a:active{transform:scale(.95)}.pixel-dock a span:first-child{background:radial-gradient(circle at 35% 30%, #fff, var(--mint));width:40px;height:40px;box-shadow:0 0 0 2px var(--gold), 0 0 0 4px #fffaeae6, 0 4px 8px -2px #376b4380;border-radius:50%;place-items:center;display:grid}.pixel-dock a[data-active=true] span:first-child{background:radial-gradient(circle at 35% 30%, #fff, var(--sky));box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--gold), 0 0 14px #f6c45bcc}.pixel-hud .pixel-portrait{box-shadow:0 0 0 2px var(--gold), 0 3px 8px -2px #376b4399;border-radius:50%!important}.pixel-dock a span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.pixel-dock a[data-active=true]{color:var(--forest);background:#f6c45b38}.title-screen{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.title-card{text-align:center;background:linear-gradient(180deg, var(--cream-hi), var(--cream));width:100%;max-width:24rem;box-shadow:var(--panel-shadow);border:2px solid #c9a46a99;border-radius:30px;padding:32px 22px 26px;animation:.5s ease-out both card-in;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.summon-altar{background:radial-gradient(circle at 50% 30%, #f6c45b8c, transparent 60%), linear-gradient(180deg, #4f8f5c, var(--forest));color:var(--cream-hi);border:2px solid var(--gold);box-shadow:inset 0 0 0 4px #fff1c940, var(--panel-shadow);border-radius:26px;padding:16px}.arena-board{background:linear-gradient(180deg, #e8f7ee, var(--mint));border-radius:22px}.item-slot{background:var(--cream-hi);width:64px;height:64px;color:var(--ink);border:2px solid var(--gold);box-shadow:var(--panel-shadow);text-align:center;border-radius:16px;justify-content:center;align-items:center;font-size:11px;line-height:1.1;display:flex}.rpg-dialog{background:linear-gradient(180deg, var(--cream-hi), var(--cream));color:var(--ink);border:2px solid #c9a46ab3;border-radius:28px;animation:.25s ease-out both card-in;box-shadow:0 0 0 6px #fffaea99,0 24px 48px -16px #376b4399}.pixel-portrait{background:linear-gradient(180deg, var(--sky), var(--mint));box-shadow:0 4px 10px -4px #376b4399;border:3px solid #fff!important;border-radius:16px!important}.pixel-badge{box-shadow:0 2px 6px -2px #376b4399;border:2px solid #fffc!important;border-radius:999px!important}.bg-white{color:var(--ink);background-color:var(--cream-hi)!important}a.bg-white,form.bg-white,div.bg-white.rounded-lg,div.bg-white.p-4,div.bg-white.p-6{box-shadow:var(--panel-shadow);border:2px solid #c9a46a80;border-radius:20px!important}.bg-blue-600,.bg-purple-600{box-shadow:inset 0 2px 0 #ffffff80, 0 3px 0 var(--forest);text-shadow:0 1px #376b4399;background:linear-gradient(180deg, var(--leaf-hi), var(--leaf) 55%, #62a53c)!important;border-radius:999px!important}.bg-red-500,.bg-red-600{box-shadow:inset 0 2px #ffffff73,0 3px #a8443a;background:linear-gradient(#f39a8a,#d35f52)!important;border-radius:999px!important}.border-blue-600{border-color:var(--leaf)!important}.bg-blue-50,.bg-blue-100{background-color:#e3f5fc!important}.text-blue-600,.text-blue-700,.text-purple-600,.text-purple-700{color:var(--forest)!important}.text-gray-500,.text-gray-600,.text-gray-700{color:var(--ink-soft)!important}.app-stage{width:100%;min-height:100dvh;margin-inline:auto}.player-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;display:grid}.player-chip{text-align:center;width:100%;min-height:0;color:inherit;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;text-decoration:none;display:flex}.player-chip[data-selected=true]{border-color:var(--gold);box-shadow:inset 0 0 0 3px var(--gold);background:#f6c45b73}.player-chip-name{justify-content:center;align-items:center;gap:6px;max-width:100%;font-weight:800;display:flex}.player-chip-name span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.min-h-screen.bg-gray-50{background-color:#0000!important}.min-h-screen.pb-20,.min-h-screen.pb-24{padding-bottom:calc(104px + env(safe-area-inset-bottom))}a.rpg-card,a.town-link{color:inherit;text-decoration:none}.town-menu{gap:12px;display:grid}.town-link{min-height:72px;transition:var(--press);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.town-link:active{transform:translateY(2px)scale(.99)}.town-icon{background:radial-gradient(circle at 35% 30%, #fff, var(--mint));border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:26px;line-height:1;display:grid;box-shadow:inset 0 -3px #376b4333}.hero-stage{background:linear-gradient(180deg, var(--sky), #d4f1fb 55%, var(--mint));border:2px solid #ffffffd9;border-radius:30px;grid-template-columns:72px minmax(0,1fr) 72px;gap:8px;padding:14px 12px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #c9a46a73,0 18px 32px -14px #376b4399}.hero-rank,.player-photo{background:radial-gradient(circle at 35% 30%, #fff, var(--mint));box-shadow:0 0 0 2px var(--gold), 0 0 0 4px #fff, 0 4px 10px -2px #376b4380;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.hero-rank{width:52px;height:52px}.player-photo{width:40px;height:40px}.hero-rank img,.player-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-winrate{text-align:right;background:#a8dcc459;border-radius:16px;flex:none;padding:6px 12px}.hero-scene{-o-object-fit:cover;object-fit:cover;-o-object-position:center 60%;object-position:center 60%;width:100%;height:100%;position:absolute;inset:0}.hero-model{aspect-ratio:457/948;width:78%;max-width:150px;margin:18% 0 8%;position:relative}.hero-stage>.flex{z-index:2}.hero-heading{box-shadow:var(--panel-shadow);text-shadow:none;background:#fffaeaeb;border:2px solid #c9a46a80;border-radius:999px;padding:4px 16px;display:inline-block}.hero-layer{pointer-events:none;max-width:none;position:absolute}.hero-hat{width:92%;top:-15%;left:4%}.hero-actor{cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:flex-end;width:100%;min-height:0;padding:0;display:flex;position:relative}.hero-shadow{background:radial-gradient(closest-side,#376b4380,#0000);width:76%;height:7%;animation:2.6s ease-in-out infinite hero-shadow;position:absolute;bottom:-3%;left:12%}.hero-body{transform-origin:50% 100%;animation:2.6s ease-in-out infinite hero-breathe;position:absolute;inset:0}.hero-wings{aspect-ratio:600/426;perspective:320px;width:196%;position:absolute;top:2%;left:-48%}.hero-wing{transform-origin:50% 66%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.hero-wing-l{clip-path:inset(0 50% 0 0);animation:1.8s ease-in-out infinite hero-wing-l}.hero-wing-r{clip-path:inset(0 0 0 50%);animation:1.8s ease-in-out infinite hero-wing-r}.hero-racket{transform-origin:50% 85%;width:37%;animation:2.6s ease-in-out infinite hero-racket-sway;position:absolute;top:15%;left:76%}.hero-swoosh{aspect-ratio:1;opacity:0;pointer-events:none;border-top:5px solid #fffffff2;border-right:3px solid #ffffff80;border-radius:50%;width:110%;position:absolute;top:8%;left:30%}.hero-pet{transform-origin:50% 100%;width:28%;max-width:72px;animation:1.6s ease-in-out infinite hero-pet;position:absolute;bottom:4%;right:0}.hero-actor[data-action=swing] .hero-body{animation:.7s ease-out hero-jump}.hero-actor[data-action=swing] .hero-shadow{animation:.7s ease-out hero-shadow-jump}.hero-actor[data-action=swing] .hero-racket{animation:.7s cubic-bezier(.3,0,.2,1) hero-racket-swing}.hero-actor[data-action=swing] .hero-swoosh{animation:.7s ease-out hero-swoosh}.hero-actor[data-action=swing] .hero-wing-l,.hero-actor[data-action=swing] .hero-wing-r{animation-duration:.35s}.hero-actor[data-action=swing] .hero-pet{animation:.7s ease-out hero-pet-hop}@keyframes hero-breathe{50%{transform:scale(1.012,1.028)}}@keyframes hero-shadow{50%{transform:scaleX(1.04)}}@keyframes hero-wing-l{50%{transform:rotateY(42deg)rotate(-5deg)}}@keyframes hero-wing-r{50%{transform:rotateY(-42deg)rotate(5deg)}}@keyframes hero-racket-sway{0%,to{transform:rotate(14deg)}50%{transform:rotate(22deg)}}@keyframes hero-pet{0%,to{transform:none}25%{transform:scale(1.08,.9)}55%{transform:translateY(-16%)scale(.95,1.06)}80%{transform:scale(1.04,.95)}}@keyframes hero-jump{15%{transform:scale(1.05,.93)}45%{transform:translateY(-9%)scale(.97,1.04)}78%{transform:scale(1.05,.95)}}@keyframes hero-shadow-jump{45%{opacity:.6;transform:scale(.7)}}@keyframes hero-racket-swing{0%{transform:rotate(16deg)}30%{transform:rotate(28deg)}55%{transform:rotate(-48deg)}75%{transform:rotate(-38deg)}to{transform:rotate(16deg)}}@keyframes hero-swoosh{0%,35%{opacity:0;transform:rotate(-40deg)}55%{opacity:1;transform:rotate(20deg)}to{opacity:0;transform:rotate(70deg)}}@keyframes hero-pet-hop{20%{transform:scale(1.1,.88)}45%{transform:translateY(-34%)scale(.92,1.1)}70%{transform:scale(1.08,.9)}}.hero-stage>:not(.hero-scene){position:relative}.hero-figure{align-items:flex-end;padding-bottom:4px;display:flex}.hero-slot{background:radial-gradient(circle at 50% 30%, #fff, var(--cream));width:72px;height:72px;box-shadow:var(--panel-shadow);border:2px solid #c9a46a99;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.hero-slot-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 4px;font-size:10px;font-weight:700;line-height:1.1;overflow:hidden}.hero-result{color:#fff;text-shadow:0 1px #00000040;flex:none;justify-content:center;align-items:center;width:60px;font-size:13px;font-weight:800;display:flex}.guest-match{content-visibility:auto;contain-intrinsic-size:auto 112px}.guest-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.guest-seat{text-align:center;border:1px solid #2a1c1024;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 2px 4px;display:flex}.guest-seat-win{background:#c8efb8}.guest-seat-loss{background:#f7c4bc}.guest-seat-draw,.guest-seat-open{background:#fff}.guest-photo{background:#efe4c8;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.guest-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.guest-seat-line{justify-content:center;align-items:center;gap:2px;width:100%;min-width:0;display:flex}.guest-emblem{-o-object-fit:contain;object-fit:contain;flex:none;width:16px;height:16px}.guest-seat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}.guest-seat-empty{color:#8a7760;margin:auto;font-size:12px;font-weight:700}.hero-result-live{background:linear-gradient(#7eb6ff,#3d6fd8)}.hero-result-win{background:linear-gradient(180deg, var(--leaf-hi), #4f9a3a)}.hero-result-loss{background:linear-gradient(#f39a8a,#d35f52)}.hero-result-draw{background:linear-gradient(#e6c15a,#b8882d)}.hero-result-unknown{background:linear-gradient(#d8ccb0,#a8987a)}.hero-match{animation:.4s ease-out both card-in}.night-chip{text-align:left;cursor:pointer;background:var(--cream-hi);width:100%;min-height:48px;color:var(--ink);border:2px solid var(--sand);box-shadow:0 3px 0 var(--sand);transition:var(--press);border-radius:14px;flex-direction:column;justify-content:center;align-items:stretch;gap:0;margin-top:6px;padding:6px 10px;line-height:1.15;display:flex}.night-chip:active{box-shadow:0 1px 0 var(--sand);transform:translateY(2px)}.night-chip.night-selected{background:linear-gradient(180deg, #ffe08f, var(--gold));border-color:#c99a35;box-shadow:0 0 0 3px #f6c45b73,0 3px #c99a35}.night-hud{background:linear-gradient(180deg, #4f8f5c, var(--forest));color:var(--cream-hi);box-shadow:var(--panel-shadow);border:2px solid #fff1c980;border-radius:22px;padding:10px 14px}.night-kicker{color:var(--forest);letter-spacing:.04em;font-size:13px;font-weight:800}.night-hud .night-kicker{color:var(--gold)}.night-court,.night-party{background:linear-gradient(180deg, var(--cream-hi), var(--cream));color:var(--ink);box-shadow:var(--panel-shadow);border:2px solid #c9a46a8c;border-radius:22px;padding:12px}.night-party.is-next{box-shadow:0 0 0 3px var(--gold), var(--panel-shadow)}.night-team{border-radius:16px;padding:6px}.night-team-a{background:#dcf3fc}.night-team-b{background:#ffe6d6}.night-vs{background:radial-gradient(circle at 35% 30%, #ffe9b0, var(--gold));width:30px;height:30px;color:var(--ink);border-radius:50%;align-self:center;place-items:center;font-size:10px;font-weight:800;line-height:1;display:grid;box-shadow:0 2px #c99a35}.night-face{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.night-photo{background:radial-gradient(circle at 35% 30%, #fff, var(--mint));width:100%;height:100%;box-shadow:0 0 0 1px var(--gold);border-radius:50%;place-items:center;display:grid;overflow:hidden}.night-photo img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.night-initial{color:#376b43;font-size:11px;font-weight:800;line-height:1}.night-crest{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.night-gear{width:10px;height:10px;position:absolute;bottom:-4px;right:-4px}.night-lock{background:var(--forest);color:var(--cream-hi);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.night-banner{color:var(--ink);border:2px solid var(--gold);box-shadow:var(--panel-shadow);background:linear-gradient(#fff8dc,#ffeeb3);border-radius:20px;padding:12px}.night-chip.flex-1{flex:auto;width:1px;min-width:0}button.night-mini{min-height:36px;padding:4px 12px}.night-split{gap:12px;display:grid}.night-undo{z-index:40;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));position:fixed}.notice-bell{background:radial-gradient(circle at 35% 30%, #fff, var(--cream));min-width:44px;min-height:44px;color:var(--ink);border:2px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.notice-count{color:#fff;text-align:center;background:#e0604f;border:2px solid #fff;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:800;line-height:16px;position:absolute;top:-4px;right:-4px}.notice-unread{color:var(--ink);border:2px solid var(--gold);box-shadow:var(--panel-shadow);background:linear-gradient(#fff8dc,#ffeeb3);border-radius:18px}@media (min-width:768px){.app-stage{width:min(960px,100% - 32px);min-height:calc(100dvh - 16px);margin-top:16px}.pixel-hud{border:2px solid #c9a46a8c;border-radius:22px}.pixel-dock{width:min(560px,100% - 32px);bottom:14px;left:50%;right:auto;transform:translate(-50%)}.town-menu,.night-split{grid-template-columns:1fr 1fr;align-items:start}.hero-stage{grid-template-columns:84px minmax(0,1fr) 84px;padding:20px 18px 24px}.hero-slot{width:84px;height:84px}.night-chip{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.night-undo{width:min(960px,100% - 32px);left:50%;right:auto;bottom:calc(92px + env(safe-area-inset-bottom));transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.hover\:bg-\[\#5c4a32\]:hover{--tw-bg-opacity:1;background-color:rgb(92 74 50/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-\[\#5c4a32\]:focus{--tw-border-opacity:1;border-color:rgb(92 74 50/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:768px){.md\:col-start-1{grid-column-start:1}.md\:col-start-2{grid-column-start:2}.md\:row-span-2{grid-row:span 2/span 2}.md\:row-start-1{grid-row-start:1}.md\:row-start-2{grid-row-start:2}.md\:mt-0{margin-top:0}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,4fr\)\]{grid-template-columns:minmax(0,5fr) minmax(0,4fr)}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}}
