@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-thai-400-normal-C2DaJlKK.woff2)format("woff2"),url(/assets/sarabun-thai-400-normal-CH-UbWgg.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-vietnamese-400-normal-igdrzAGY.woff2)format("woff2"),url(/assets/sarabun-vietnamese-400-normal-DPfkSCMy.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-ext-400-normal-BbP7GpLL.woff2)format("woff2"),url(/assets/sarabun-latin-ext-400-normal-BsmTn0SS.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sarabun-latin-400-normal-URPBxl-K.woff2)format("woff2"),url(/assets/sarabun-latin-400-normal-DmguIS-7.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-thai-600-normal-3dIAQ-_s.woff2)format("woff2"),url(/assets/sarabun-thai-600-normal-DWKeTe6a.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-vietnamese-600-normal-DkxrOlLB.woff2)format("woff2"),url(/assets/sarabun-vietnamese-600-normal-BMbOgAW-.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-ext-600-normal-BRxjKUQ6.woff2)format("woff2"),url(/assets/sarabun-latin-ext-600-normal-0tXu9x_i.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sarabun-latin-600-normal-DMD3TROr.woff2)format("woff2"),url(/assets/sarabun-latin-600-normal-9FonlkKx.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-thai-700-normal-CbuDipM3.woff2)format("woff2"),url(/assets/sarabun-thai-700-normal-CP2-p8e-.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-vietnamese-700-normal-DrMy3BMX.woff2)format("woff2"),url(/assets/sarabun-vietnamese-700-normal-lN6N8XBT.woff)format("woff");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:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-ext-700-normal-CnQtP196.woff2)format("woff2"),url(/assets/sarabun-latin-ext-700-normal-ykw7DJpk.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sarabun-latin-700-normal-DQKyWxHq.woff2)format("woff2"),url(/assets/sarabun-latin-700-normal-DUuqj4Ju.woff)format("woff");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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(data:font/woff2;base64,d09GMgABAAAAAAWUABAAAAAACqAAAAU7AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQISgmCcxEQCoNMg1ELDgABNgIkAxgEIAWDRgdGDIQ+G3kJCJ4FjltedRKVXkquKLdOwcN/bn73JSF4oaJpT0PF0arR9qtRc76oMKa76WI3jKeM+MrcyMVALwLb/YR3kQZpIBOIKPDEggSr7/+/7k3dtzvv5rABlU54SLW1lKoZ/2IBrA3kj6dYJuMBjlEAMFq6/bfFNASVkWOY4YkAbOTLJ8L9KzZgQQFIJgGDFDVqyPM5a2L/TjJ+i3oqGYBJjyvSdukhTCDFpC3AcvyzxSjT0QqS3SKbJBlJBmRAAgBYOlbqLIB+leH/vgZlWMrShRAAklNKADoJkAAZyCAjgAwKXcCBBQkFcKJb0O9NBv2RSP72kzPWICi9dbZBYbOWmHTABtut0MTvapa4xLBpN7MAOJJNOMRSVNGFTexBlZw4pEQEn5KqL2lAzTSwrtlylxDXRgyRvGAQbotYkcdGvQaiRtf7ouG4GPcaSDUGosrjNZBr9P64XNq/bktxRI/psaXTMb1fn5+YjiulaOpxxkws4tfjrK9ourihPPGuiNa0NhOJtHgNlOWYEoxFNKZvXYhtNbnX/Oc1MNUs1+Ny2Zota7fET4c16wx7Sx6P3hd/bM2WajKseQqTC6gHNmHuRDTn6GAOqVXOa1nMud53drkqkR2jxWJP/LRf12LFEc5l8JhnUIBdEYOFJ+XSPkOcXtPHeVrdmjXWjUEwopX/n2GvgbVm+fotfWHN44l4EchYsOFmSia5AFABcAAy0AFWAgAFhAsJABCgKA12s1OdtJtsE7HXX35dfFu2Tdg324TzNnHmEVvs1YpNd75h99pLr3H69gw7tg12HDdz+jm7Zzo3PvSq7rjdUTv1YvjFllX25g2eK/nLqy1OdWBw++ne7wbnVqVWP11Z0pUfXTr863ZvZ+3qgqn83lJ7dvWywUPHen8ZjFY7g6t9xcmG5cOVO+pfA0igYMGamtZsoLgNeBED+soAfy4C6T1iIN41wP1QEETR/G4guIBM06DRPpFqIk3hwXNNJnCiYb2znP5umRdwIvY0oF9KEo+pY6STE2mkk7mSi9hy9iuxkZGLrIhfDU73IikENGdG0Po1IRtathtJcRsU/8EmA2Vgg3KwQpWLqcwvC7Hi/9RAEAEIuo8i9Y+52n6zWOUvAd566KNmgHd/HnD/H/rvGzVlGIEVCQAB70lQPT5ImLRzICjpqeJNdN5vo4p0njJ2tQBUrsfBLNN0fjaQkDqQEYCFWTJCsQKDoapKUOJjlYSFt1UyLRZUCj57VSayDKtUKtS5UvwWzNtfke3Wwj+6z5S9oly23z6+7xe1nc8ue83xW63fCkv1WGmN7WYctt6EnfbZYN6EKK8eu2w3bZMZe+0TtctOuiCf4CIBPQjoQUAPBLptaqA1OJnWQ9jw+Nu6ev3MbkeewDP3NDfpQgKCmukLmQe79gY3+ui6bbedbmLEPuqaQZj5lQfNmOYjAUDyEaaVXqECQkjIQhaK+cDOaEDcYa2GAj11/NbugAHVEghcSNUikbjJ8CifRl7FcrkAS/WjpCpTKEcqe3ZRmmIFsrjZxIl3laBDSJVi6b2vklirV51SuYZLpmGNqxRW6hRULFN2m2jmUyZv6G6VoHKFss1uMz1qVSnc0mPhPY8cKXqVlaXa+HlkSMvGlLVBzkvTq+wcNG65BkXScVBBPzParnKyXLuAEtnKlULlscDFGljmpSRIZ8VcbcBXtJSgUzaxH3E3duECdZMD2CUak0v24XX4KP5AC8l+7Mz8SeuWummZcRqnLnJAGqfA9yLijzRA9uMadGc6eab7dim7w3zscjGxDwAA)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAR8AA0AAAAABWAAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALQAAAC4tfxplT1MvMgAAAYAAAABUAAAAYGrXodhjbWFwAAAB1AAAADwAAABUAMohV2dhc3AAAAIQAAAAEAAAABAAGAAhZ2x5ZgAAAiAAAAC8AAAAvOFh37BoZWFkAAAC3AAAADYAAAA2Gl1rt2hoZWEAAAMUAAAAHwAAACQI7wN4aG10eAAAAzQAAAAXAAAAGAcgAEZsb2NhAAADTAAAAA4AAAAOAIQAhG1heHAAAANcAAAAHAAAACAAGwD4bmFtZQAAA3gAAADSAAABxiLhP1Fwb3N0AAAETAAAADAAAABG/7GrWAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBi0AFCZhc3nxAGiZzEkjwGkZKMxEwGEQYQYAER//+DSACUkQcoAAAAeNothbcBgWEYBu9Nslb97aFTibWsUprEFIbQCBOZAX9+wh2uF30ToFfdAIvacuIsY9B+x0KNYlBeaTKbrBI3SHc//D7gBx0lEQHQoT6BhOYC/gqzeNpjYGBgAmJmIBYBkoxgmoXBAUjzMHAA5ViALF4GBYYFClv+/weykXmM/7/+f/w/9X4ASB8CAACScQ45AAEAAwAIAAoAEAAF//8ADwACACAAAAG4AwwAAwAHAAAzESERJTMRIyABmP7M0NADDPz0ZAJEAAEAJv/0Al4CxgA1AAAFIi4CNTQ2NyM1MzcjNSE2NTQmIyIGByc+ATMyHgIVFAYHMxUjBzMVIQYVFBYzMjY3Fw4BAU85VTkdAQFHbIHtAWcFLSkkQRdKIG0/M1A3HQIDSnd88/6XAzUuI0AkTCNuDCI6TCsIDgdaRFoPESsmHRpdJS4eNEQlCxgMWkRaDA0xMCAnXSo2AAEAAAABAEGWNa8eXw889QAJA+gAAAAA2bzhOQAAAADc8kcQ/jL96wZeBFwAAQAJAAIAAAAAAAB42mNgZGBgifn7ioGBreaf0X9utjigCCpgAwCLcwVwAHjaY7zBoMAAAm8gmKmFQQ1EAwA1XgRqAAAAABMAEwATABMAXgBeAAB42mNgZGBgYGOYwMDDkMbACuYhADMDIwAY3QEUeNqNjTVyA0AQBNvMDh2bmRkSMzOzLWbm3+hdCvUSTbB1sQ52ehnoJkgbLe09wGdLp3EL49SNW1VTM25jl6pxO4tkjTsY4tu4k2nWjQdFECavm1bvkm4OH1ki8vPiRXLiuDRFlpDyd5xyzQWH3HCvTIAyT3hIkuOZsCjCgrIp5fy8Kp9FM+QnGWaFRVase9j1D7sJw27GMDbDevZcl6i57U6b2XdEijQVsuIQYfIMs8oyK+ww7CaoiixpFsUHxHWHcR3kkEdAGpAWZf0sNgCOlkFUAAB42mNgYgCD//sYUhiwATYgZmRkYmBmZGZkYS/NyzQwMHAB0UYGTiYQvqMBANd1CLA=)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-thai-700-normal-0moayseG.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-thai-700-normal-Bo0ALcDh.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-latin-ext-700-normal-BKYUUsrV.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-latin-ext-700-normal-CIKhqm8k.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-thai-latin-700-normal-Ct-BCS9V.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-latin-700-normal-SmVfMUPf.woff)format("woff");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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAWEABAAAAAACnwAAAUtAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQIUAmCcxEQCoNgg18LDgABNgIkAxgEIAWDXgdGDINsG1MJQB6FTZl7lLXccknfu1wyTATU3L97eflQ5pSZFDAaQ2lZGABwoEh28vM61/uRmqMp3E9NUQkmEvCWM7XNclvAh+1kutF0mLT/I/pDTx2q/sjCXMDGBokHg7TG5j00ngglgHOe50pjWa/ntXqNCoB94CaYSdTl3t0pAEWZmaF+A6qbQYYCZEDP9PEhi6OXDSzMgOl/ok4FE8D+eBw1haNoEO2PJgFDqT87zJAT2oOoGE3SBAlEDkAOiAAwuE8Nhg2Sq/G0/z+Ip0UVExQQAFFMLAEJAoiAHFAeCQHlUTigOBkCBZSA3UuuZuC/FbJ/vpv/eRTkev1KivTjpCmTY0qVAJtTklQqVq/VMFA860QVKkhCG3k2jCrMk0QUqKKlGX6CFvDmU6ag2VCRfNSkFyGcmZyGbFequMYiOXLmDL8INUtwCV8shFnNRUSzFGpS2y8imyWlQq7+gMZ2awc+kewfPO9EMgCPDwwLcf1WqpoxcmJySyxomsRvpc2TWKHXZIapmt/RkeUXUZFwrDnRB0vxRAw8Ie2u+dc8RTcbioVcg1HtDe3C1n7VWk2/toxlcYnwYNSkp6dfNfaUdmZJrVIquJuPrhpKrZImnUEWRzN20PTqEjr27+cjVlbYOqSq7a87WTJOtNGLDYi97KKYubn6/cWwdZRSsxV1TCshJKOlg3n8Q4v9InmzoU3tJcUMy3b4ASHJKOjQWaYUQD5AcSAH9ABGABCDUB0BQABxnFasQC0ZLJGnGtj/6tmrsO1KpaJB2VY8qG+Gba+K7n/RbMz662IHXj58aWvlYhTjSlCdPGvfy2IHXvccvfIiKX62+NSu+FLSJVvZahhTH1fsiQzVVhbtfjyzbtHWwzU6cClZzpK4N/0uzW+Y7iuPqjZzLsvREX33PJ5Zr2jb7r2mnNLsHE+l5USDLdMJH+AWioy8TNlMEVU6BU+koP8kEbSstgiU7dEhQh9SUDpFURBFpB9atfalM9Kkq3wQQ2Xg7kFyl6gxINHN6pa9SaAENL037ZUS3imBWM3CBMxJjZAgI0k6dC4y/SbFBv/6tRSCMjn0N6UuTWMNZBaZqP/eEsVEk7ZSUzpleZJSU9AOFdAB5dCtBS8cpCeRC35oQiIgIChYtyfH16ft9q+wCPkN3t752g3w4ffA/g//z/zpcTugCAIggK+LJX+DnqLCGMglkB/eShh+zfFonQCnC+2jOkdlAA0BFAURohsSAgqNIqFYDmBKqIlsxOY3m6Dxi03iPGFTUmxj0yINsiUCUrSaIQsWWbjpc7IEy8KGhPAk9AVhga/KmxIwK2RMUJ1S1SoUqlFvyohtmgyYEdZs3ACeX6MRYzabMiCk1YiQMN6sGViigMQoZjya8WjGoyis8DVnj8PMrqWTH7yGhxWZNWe7EN6YcQuwJAkSZcIxpHY/FjInACswZQr20Yd57QgFR37lFiOGBRAAsslxXZEPhEAAGUhESTev4BNAV4yJpITCFMnWggQRNLUEUSOahpWmQcH79zQoksIuCihsep9WiUw+mHFfpcNJ5RbPAIv00vlZxdCCRt+KNCmWyhlKmJAlgUt8K6lVmXQuq1WUUc0KBJlhMq1WvqRlskS3KtmyVVLJPFjRNJCVqZSzBS1MuEpum0E10rGQVbhu9xgs5cGskgtug3oKXKUS0qlUkngYVauqaKklBkrSpin4ZSpbwomE1lHEOWI+8R7SgfVEjnpPNFhLfIUArCNy/n5mTVDHHFFn9nSabYl3/ZvYLI0vEfXp1gE=)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAASEAA0AAAAABXwAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALQAAAC4tfxplT1MvMgAAAYAAAABTAAAAYGmlnq5jbWFwAAAB1AAAADwAAABUAMohV2dhc3AAAAIQAAAAEAAAABAAGAAhZ2x5ZgAAAiAAAADAAAAAwELfCadoZWFkAAAC4AAAADYAAAA2GnZrk2hoZWEAAAMYAAAAHwAAACQJCQOBaG10eAAAAzgAAAAXAAAAGAcQAE5sb2NhAAADUAAAAA4AAAAOAIgAiG1heHAAAANgAAAAHAAAACAAGwDzbmFtZQAAA3wAAADYAAAB3iYtQbtwb3N0AAAEVAAAADAAAABG/5SrMAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBi0AFCZhc3nxAGiZzEkjwGkZKMxEwGEQYQYAER//+DSACUkQcoAAAAeNothTEOQFAQBWef/ZVevZfQqXQiKo3ix4FUDqNSOY87SBAmMxlco60k0KIJ6L/bTGM1qExFUsEjvImfrh2CA2LzfJ3gWVWYGYBcOxDoBuCVClMAeNpjYGBgAmJmIBYBkoxgmoXBAUjzMHAA5ViALF4GBYYFClv+/weykXmM/7/+f/w/9X4ASB8CAACScQ45AAEAAwAIAAoAEAAF//8ADwACACAAAAG4AwwAAwAHAAAzESERJSERISABmP6kASD+4AMM/PQ8ApQAAQAu//QCRgLGADUAAAUiLgI1NDY3IzUzNyE1ITY1NCYjIgYHJz4BMzIeAhUUBzMVIwchFSEOARUUFjMyNjcXDgEBPDBNNh4IBUp9pv7dAXcJQTonRh41KmY3LEk1HQlOfqYBJP6ICAhHPCpLKTMobgwcMUUqFiMPQ2BDFh02NR4jNS4oGC1BKCIYQ2BDDiAUPDwjKzcwMQABAAAAAQBBzvNdCF8PPPUACQPoAAAAANm84TwAAAAA3PJHEf5N/esGXQQ0AAAACQACAAAAAAAAeNpjYGRgYIn5+4qBga36n+9/UbZYoAgqYAMAjoYFkwB42mO8waDAAAJvIJiphEEPRAMANRYEYgAAAAAUABQAFAAUAGAAYAAAeNpjYGRgYGBjmMDAw5DIwArmIQAzAyMAGHQBD3jalc4BR0NRGIDhZ7VSMECAHATQXcugBlVElFIJAatu25jtOndl/ad+Wr8g0MFxGVA+eA7ne33Y8mZdq72Np9Zudsuen+w1Hd/Z6058Zbf1LbM37HjO3lToZ3eSGFukqRzrpqm9iCYqi+RCnTxVmItGum5cuHLpzLVbU6Wle0MztQfjpIl9d0oj76aGokelKJXMzQQ9hV5uhKYSmk5oSmG1lDcHze7gn5esvv5ywbm5yqeYPDK2EBw60HMkNIX0S1QpBKemaYJmQ+qJSrVS9KH0qvgFlnxHCnjaY2BiAIP/CxlsGLABNiBmZGRiYGZkZmRhL83LNDAwcAHRRgZOJhC+owEAx1QIaw==)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-thai-400-normal-DKc8V4lk.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-ext-400-normal-DBkYO1u-.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-latin-ext-400-normal-n-X-g5Z4.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-latin-400-normal-YXrLwNa7.woff)format("woff");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:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(data:font/woff2;base64,d09GMgABAAAAAAV4ABAAAAAAChgAAAUeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cLgZgAFQISAmCcxEQCoMsgzILDgABNgIkAxgEIAWDQAdGDINkG/gICB4HzvksHpSclNDkippHLXj4bGp/ZleEBnzJyIBCI8oOkMxSgBVgUI464KLU8UbB+pBL5NIngtxdgHFLKA/SQF4gooyDBAOt/2vHv09dmm5Jwz5eumAwSLdppWDtFODK0QC2Lxj9hqVZgN7e3+hB5LVU90rtdlc6G8ew80QEYKdSJREfXz6NFR0gD+AkDgrSWkvXpiP7KPxb1J0UAoL26XKrTGICmVnzYdmfLdaTTN0gHRbNJDWkBmiABABYMlYoHoI6+tr5n0FfK4uVEAJA2mUOUCQgAQ0opCGAQjpDwIkViQ64UF5Sr+VB+S2R/8+ll0Awed8SU5ZbZ1TSdqvssVybkEdY7KhdLvAY4Mx3cYolOPIDdHEQs7TjlLkafgsaLtKA4DSwJZIvC/FYyhD5qwbxehsb2ob1IQMRVGpsZzwrNoYMZNBANAVCBlpQjWe12vHJZHVKZVRmydaMGlc7Nm3N6rUpsdiTzqQiKstU7OzapyOQHUpVbPWkU6mekIHOw7o7k0JA7SLhXSQ7Zz5kYAouU1mtLpGcSGYvxCtSczzvCATUWPZhIjkPxysCI8lc5guTdeLsztKrQ4vH3JTZrTTzVGEeyvKkdkaZrg5kLxTFikx1ql9k8DDXKKAP+QzI9VrtmCEuJGzMF2CtSKklVbpTFdN/cDxkYAsum0qOxSsCgVQIgYYVO16mfJ4HADMATkAD+sAyAKAD/5IAgABdb3NYXObNDpN9U+azjz4TF58tsQvHnF24nhQX37NnErMPPnfc+vTDT7lQ6sA+7cL5FBc+dNz6fHDm7ifK+ZRzcO7HtT/2LHZ0TC48Vrm0yVVdunjq4K1l89N71hdHGsPLu0cT9bua+2MrKhOVI3Xlc8umT95YJqf2JQrbLrfWjqi5+MTSvW05gBw6Vmw+f7eB7jXgAwwYCwMi5Tbg7ykD8Y0B70X/xiC8BpZvorEc5dq0Z393ICpnl1swO1Z9Dhfl2O+OrsiwiQgXg1zIdcMaf3Ih1t3Gjvx3m+fB3mFD/GtweRXYDctrC7n/zSkudFG73V6DwDO4AGugHdZCG2ywEIpDwigboS+NxhCAYLg1HXthg6fvP6tN+xHgy7u/H+Cbvxf5/h+Z/8W8Xk8ANiQAAr4XbvMZJ1a+ZAGCiYpZfIFi/7XOyfM0qKwifVaewMl2JgQAdpCIb9EQgJVtNIRuA1YnIBV0eEsqcXNXqjHi1LzuKjVRbKvUTFRbt5s2sMORmfCAHpHqw7Y4ZKdaeMRh4cvZaY+w/Q7ZLmKVccstMWKFhD3STpiyyT6HTdthk51CpqTttdOI/fbYalbaISaFE/soMWExK0cvdbNKLx9Ojm931B6bHOIZOS5VulSpXtWP2u+Ak4+3bf8oVyotomK6KWwr558eckCYMmyPPVSg7bDSkl7D9K88Jm2rMAkA+UianGEGhJBoQhO65ei+nVGxxpFviY60qW8djhrQLIfAjWwWLdeDBh88pU2zKqU8gLX5AV7NalQq5OyP+dRTyvg5xEx+lWBUp2bViqyrJUv0iST0MotWNMfUqeBDtc6UuPbSUYKKiUFtqavSddxMh6CAsqTawrhuodJRgIqVVk2poJTbbrsEAb3wKju7zImLqZSrHJy21UpdauQqJw2UUj52GXexwqComsdsu4mqv9ZJcvjZsDQb8FPpyDGomDiypg/RD9BfQl77UTeCHF7lsG4EOAw8BjOutA6CqB37QX8R/QkOoyhxdyRQk7SAOAIAAAA=)format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAASAAA0AAAAABVQAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHUE9TAAABMAAAAB4AAAAeRHRMdUdTVUIAAAFQAAAALQAAAC4tfxplT1MvMgAAAYAAAABSAAAAYGpxoOFjbWFwAAAB1AAAADwAAABUAMohV2dhc3AAAAIQAAAAEAAAABAAGAAhZ2x5ZgAAAiAAAAC4AAAAuIJK/GhoZWFkAAAC2AAAADYAAAA2GmxrsGhoZWEAAAMQAAAAHwAAACQI/wOEaG10eAAAAzAAAAAXAAAAGAcbAEhsb2NhAAADSAAAAA4AAAAOAIIAgm1heHAAAANYAAAAHAAAACAAGwD5bmFtZQAAA3QAAADZAAABwCLFP6pwb3N0AAAEUAAAADAAAABG/6irTAABAAAACgAcABwAAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGRgYOBi0AFCZhc3nxAGiZzEkjwGkZKMxEwGEQYQYAER//+DSACUkQcoAAAAeNothTEOQEAUBec/u5HQq/81tDoR/RYbldM4j0rlPO4gscJkJkPQqkQEbeUwfbeFZD2orauoiiK8iZ9xmJ0TfA/5viBkdW5mAGp0AI4e3IAKVQAAeNpjYGBgAmJmIBYBkoxgmoXBAUjzMHAA5ViALF4GBYYFClv+/weykXmM/7/+f/w/9X4ASB8CAACScQ45AAEAAwAIAAoAEAAF//8ADwACACAAAAG4AwwAAwAHAAAzESERJTMRIyABmP7A6OgDDPz0WAJcAAEAKP/0AlcCxgAzAAAFIi4CNTQ2NyM1MzcjNSE2NTQmIyIHJz4BMzIeAhUUBzMVIwchFSEGFRQWMzI2NxcOAQFJNlM4HQMCSHGM/QFsBjMuTDREI2s9MU42HQZLeYkBAv6SBjkzJUMmRSVuDCA3SyoNFAlTTFQPFi8qOlEoLB0xQyYaGFRMUxEUNDQhKFIrNQAAAQAAAAEAQVVJdwRfDzz1AAkD6AAAAADZvOE9AAAAANzyRxH+Qv3rBl4EUAAAAAkAAgAAAAAAAHjaY2BkYGCJ+fuKgYGt5p/Tf3G2OKAIKmADAI3fBYwAeNpjvMGgwAACbyCYqZ5BA0QDADVFBGcAAAAAEwATABMAEwBcAFwAAHjaY2BkYGBgY5jAwMOQzsAK5iEAMwMjABjyARV42pWMtWFDQRBEn5kdOv4FmBkSk5gZIjEzS7WpAlWlCcSZjvbN7ewAx+TYY2f/BIjvMOMdXpnMeJdLxjPe45fRjPdXPAdckZnxIfc8z/hSBAU62g0+udNuk6ZFUbojvqUtrqjWaZFX34MZJzZ+ceFVJ8uAAElqcgYpiIrc6CdLVfRLXZ4MYekWyqIup8EDtzzM3q9ZmiHaNtcvnacrTtJa5MzmRbME0SxDtJnxp9pgSIsiebk6GDxyzwMfolkmctGS71b8Q0XbWJloI0VWNava05vhdgr05EGRAAAAeNpjYGIAg/9bGSIYsAE2IGZkZGJgZmRmZGEvzcs0MDBwAdFGBk4mEL6jAQDSjAib)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-thai-600-normal-BOwfviun.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-ext-600-normal-BXI6PlF4.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-latin-ext-600-normal-iH120vlL.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2)format("woff2"),url(/assets/ibm-plex-sans-thai-latin-600-normal-P_JjY83V.woff)format("woff");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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#f4f6fb;--card:#fff;--text:#1d2433;--muted:#6b7587;--primary:#3b5bdb;--ok:#2f9e44;--err:#e03131;--line:#e3e7ef}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:IBM Plex Sans Thai,system-ui,sans-serif}.page{padding:16px}.wide{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:16px;flex-direction:column;gap:12px;max-width:480px;margin:0 auto 14px;padding:18px;display:flex;box-shadow:0 2px 10px #141e3c12}.wide .card{max-width:none}h1{margin:0;font-size:1.4rem}h2{margin:0;font-size:1.1rem}.field{flex-direction:column;gap:6px;font-size:.95rem;display:flex}input,select,button{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}button{cursor:pointer}button.primary{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}button.big{padding:14px;font-size:1.1rem}button.danger{color:var(--err);padding:4px 10px}button.link{color:var(--primary);background:0 0;border:0;padding:0;text-decoration:underline}button:disabled{opacity:.5}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:99px;padding:8px 16px}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.muted{color:var(--muted);margin:0;font-size:.9rem}.error{color:var(--err);margin:0}.progress{background:var(--line);border-radius:99px;height:12px;overflow:hidden}.progress div{background:var(--ok);height:100%;transition:width .4s}.quest-head{align-items:center;gap:12px;display:flex}.quest-no{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.quest.stamped{background:#ebfbee}.quest.stamped .quest-no{background:0 0;font-size:1.6rem}.otp-box{background:#edf2ff;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.otp{letter-spacing:.3em;color:var(--primary);padding-left:.3em;font:800 3rem monospace}.otp-input{text-align:center;letter-spacing:.4em;font:700 2.4rem monospace}.result{border-radius:12px;flex-direction:column;gap:2px;padding:14px;font-size:1.05rem;display:flex}.result.ok{background:#d3f9d8}.result.error{background:#ffe3e3}.badge{background:var(--line);border-radius:99px;padding:2px 10px;font-size:.85rem;display:inline-block}.badge.ok{color:#1b6e2d;background:#d3f9d8}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px;display:grid}.stats div{background:var(--card);border-radius:14px;flex-direction:column;padding:16px;display:flex;box-shadow:0 2px 10px #141e3c12}.stats b{color:var(--primary);font-size:2rem}.grid3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.grid3 .card{margin:0}.bar-row{grid-template-columns:70px 1fr 32px;align-items:center;gap:8px;font-size:.9rem;display:grid}.bar{background:var(--line);border-radius:99px;height:14px;overflow:hidden}.bar div{background:var(--primary);height:100%}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px 8px}.cell{width:34px;padding:4px 0}.cell.on{color:#1b6e2d;background:#d3f9d8;border-color:#b2f2bb}.modal-bg{z-index:500;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:22px;display:flex}.modal .otp{letter-spacing:0;padding:0;font-size:2rem}.prize-card{background:#fff9db}.tv-spins{background:#ffffff26;border-radius:20px;padding:14px 24px}.tv-spins h2{margin-bottom:8px;font-size:1.6rem}.tv-spin-list{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.tv-spin{color:#ffd43b;background:#2c2c34;border-radius:16px;flex-direction:column;align-items:center;padding:10px 22px;display:flex}.tv-spin span{color:#fff;font-size:1.2rem}.tv-spin b{letter-spacing:.25em;padding-left:.25em;font:800 3.4rem monospace}.tv-spin small{color:#ffffffb3}.tv-winners{margin:0;font-size:1.2rem}.gametv{color:#fff;background:#0b1030;position:fixed;inset:0;overflow:hidden}.game-stage{position:absolute;inset:0}.game-stage canvas{display:block}.hud-top{pointer-events:none;justify-content:center;display:flex;position:absolute;top:2vh;left:0;right:0}.hud-damage{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08081fb3;border:2px solid #ffffff40;border-radius:18px;padding:.6vh 3vw}.hud-damage span{opacity:.85;font-size:clamp(.9rem,1.6vw,1.6rem);display:block}.hud-damage b{color:#ffd43b;text-shadow:0 0 24px #ffa00099;font:800 clamp(2.2rem,5.5vw,5.5rem) monospace}.hud-stats{text-align:center;flex-direction:column;gap:1vh;width:100%;display:flex}.hud-stats div,.hud-spins,.hud-winners,.hud-join{z-index:0;color:#fff;--px:3px;background:0 0;border:0;border-radius:0;font-weight:700;position:relative}.hud-stats div:before,.hud-spins:before,.hud-winners:before,.hud-join:before,.hud-stats div:after,.hud-spins:after,.hud-winners:after,.hud-join:after{content:"";image-rendering:pixelated;border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.hud-stats div:before,.hud-spins:before,.hud-winners:before,.hud-join:before{z-index:-1;background:#1e1e24}.hud-stats div:after,.hud-spins:after,.hud-winners:after,.hud-join:after{display:none}.hud-stats div{flex-direction:column;padding:1.8vh .6vw .2vh;display:flex}.hud-stats b{font-size:clamp(1.6rem,3.4vw,3.4rem);line-height:1.1}.hud-stats b .pn{--u:.4em}.hud-stats span{opacity:.85;font-size:clamp(.8rem,1.2vw,1.2rem)}.tv-stage{width:82.5vw;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.tv-side{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:2vh;width:17.5vw;padding:4vh 2vw;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.tv-logo{width:50%;position:absolute;top:4vh;left:50%;transform:translate(-50%)}.hud-join{text-align:center;flex-direction:column;align-items:center;gap:1.5vh;width:100%;padding:1.8vh .6vw .6vh;display:flex}.hud-join img{aspect-ratio:1;border-radius:14px;width:min(11vw,34vh)}.hud-join strong{font-size:clamp(1rem,1.8vw,1.8rem);display:block}.hud-join small{white-space:nowrap;opacity:.85;font-size:clamp(.65rem,1vw,1rem);display:block}.hud-spins{width:100%;max-width:none;padding:1.8vh .5vw .5vh}.hud-spins h2{font-size:clamp(1rem,1.6vw,1.6rem)}.hud-spins .tv-spin b{font-size:clamp(2rem,3.4vw,3.4rem)}.hud-winners{text-align:center;width:100%;padding:1.8vh .6vw .4vh;font-size:clamp(.9rem,1.4vw,1.4rem)}.pn{--u:.3em;align-items:center;gap:var(--u);height:calc(var(--u) * 5);vertical-align:middle;line-height:1;display:inline-flex}.pn i{height:calc(var(--u) * 5);width:calc(var(--u) * var(--w));image-rendering:pixelated;-webkit-mask:url(/digits.png) calc(var(--u) * var(--x) * -1) 0 / calc(var(--u) * 57) calc(var(--u) * 5) no-repeat;-webkit-mask:url(/digits.png) calc(var(--u) * var(--x) * -1) 0 / calc(var(--u) * 57) calc(var(--u) * 5) no-repeat;mask:url(/digits.png) calc(var(--u) * var(--x) * -1) 0 / calc(var(--u) * 57) calc(var(--u) * 5) no-repeat;background:currentColor;display:block}.pn-bounce{transform-origin:50% 100%;animation:.55s cubic-bezier(.2,.8,.3,1) both pn-pop}@keyframes pn-pop{0%{opacity:0;background:#ffd43b;transform:translateY(-70%)scale(1.9)}30%{opacity:1;background:#ffd43b;transform:translateY(0)scale(1.3,.7)}55%{background:#ffe98a;transform:translateY(-18%)scale(.9,1.2)}78%{transform:translateY(0)scale(1.08,.94)}to{background:currentColor;transform:none}}.tv-modal-wrap{z-index:50;background:#0000008c;justify-content:center;align-items:center;animation:.25s ease-out both modal-fade;display:flex;position:absolute;inset:-6vh -6vw}.tv-modal{text-align:center;color:#fff;min-width:28vw;max-width:70vw;height:auto;min-height:80vh;image-rendering:pixelated;background:0 0;border:30px solid #0000;border-image:url(/modal.png) 5 fill/30px round;grid-template-rows:1fr auto 1fr;justify-items:center;gap:.6vh;padding:6vh 2vw;animation:.95s linear both modal-pop;display:grid;position:relative}.tv-modal-bottom{flex-direction:column;grid-row:3;align-self:center;align-items:center;gap:1.6vh;display:flex}.tv-modal-bottom>small{font-size:clamp(.9rem,1.5vw,1.5rem)}.tv-modal-bottom>strong{color:#ffd43b;font-size:clamp(1.8rem,3.6vw,3.6rem);line-height:1.1}.tv-modal-bottom>span{font-size:clamp(1.2rem,2.2vw,2.2rem)}@keyframes modal-fade{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes modal-pop{0%{opacity:0;animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translateY(-80vh)scale(.5)rotate(-14deg)}34%{opacity:1;transform:translateY(0)scale(1)rotate(3deg)}40%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:scale(1.25,.7)rotate(0)}50%{animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-4vh)scale(.88,1.18)rotate(-2deg)}60%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translateY(0)scale(1.1,.9)}70%{animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-1.2vh)scale(.97,1.05)}80%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:translateY(0)scale(1.03,.97)}90%{transform:scale(.99,1.01)}to{opacity:1;transform:none}}.tv-modal-wrap.closing{animation:.55s ease-in forwards modal-fade-out}.tv-modal-wrap.closing .tv-modal{animation:.55s linear forwards modal-out}@keyframes modal-fade-out{to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}@keyframes modal-out{0%{animation-timing-function:ease-out;transform:none}20%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:scale(1.14,.86)rotate(-3deg)}38%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-7vh)scale(.88,1.22)rotate(3deg)}to{transform:translateY(90vh)scale(.3,.5)rotate(30deg)}}.tv-modal-icon{height:20vh;image-rendering:pixelated;transform-origin:50% 100%;animation:4s both chest-open}@keyframes chest-open{0%{transform:scale(0)}5%{transform:scale(1.15,.85)}9%{transform:scale(1)}18%{transform:rotate(0)}20%{transform:rotate(-3deg)}22%{transform:rotate(3deg)}24%{transform:rotate(-3deg)}26%{transform:rotate(3deg)}28%{transform:rotate(0)}34%{transform:rotate(0)}36%{transform:rotate(-5deg)}38%{transform:rotate(5deg)}40%{transform:rotate(-5deg)}42%{transform:rotate(5deg)}44%{transform:rotate(0)}50%{transform:rotate(0)}52%{transform:rotate(-7deg)}54%{transform:rotate(7deg)}56%{transform:rotate(-7deg)}58%{transform:rotate(7deg)}60%{transform:rotate(0)}64%{transform:scale(1)}70%{animation-timing-function:cubic-bezier(.1,.9,.2,1);transform:scale(1.3,.65)}75%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:scale(.68,1.6)}80%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:scale(1.2,.82)}85%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:scale(.9,1.12)}90%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:scale(1.04,.97)}95%{animation-timing-function:cubic-bezier(.3,0,.4,1);transform:scale(.99,1.01)}to{transform:none}}.tv-modal-bottom>small,.tv-rarity,.tv-modal-bottom>strong,.tv-modal-bottom>span,.tv-modal-count{opacity:0}.tv-modal.opened .tv-modal-bottom>small,.tv-modal.opened .tv-rarity,.tv-modal.opened .tv-modal-bottom>strong,.tv-modal.opened .tv-modal-bottom>span,.tv-modal.opened .tv-modal-count{opacity:1;animation:.45s cubic-bezier(.2,.9,.3,1.3) both modal-reveal}.tv-modal.opened .tv-modal-bottom>strong{animation-delay:.15s}.tv-modal.opened .tv-modal-bottom>span{animation-delay:.3s}.tv-modal.opened .tv-modal-count{animation-delay:.45s}@keyframes modal-reveal{0%{opacity:0;transform:translateY(40%)scale(.6)}}.tv-chest{grid-row:2;position:relative}.sparks{pointer-events:none;width:calc(100% + 60px);height:calc(100% + 60px);position:absolute;inset:-30px}.tv-modal-count{text-align:center;color:#ffffff80;font-size:clamp(.9rem,1.4vw,1.4rem);position:absolute;bottom:1.8vh;left:0;right:0}.tv-modal-count b{color:#ffd43b;font-size:1.25em;font-weight:700}.tv-item{width:13.75vh;image-rendering:pixelated;transform-origin:50% 100%;visibility:hidden;filter:drop-shadow(0 0 1.4vh #4deae9);pointer-events:none;position:absolute;top:6.95652vh;left:50%}.tv-modal.opened .tv-item{visibility:visible;animation:1s both item-pop,1.6s ease-in-out 1s infinite item-bob}@keyframes item-pop{0%{opacity:0;animation-timing-function:cubic-bezier(.1,.8,.3,1);transform:translate(-50%)scale(.2)}30%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translate(-50%,-22vh)scale(.8,1.5)}50%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translate(-50%,-18vh)scale(1.25,.8)}68%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translate(-50%,-20.5vh)scale(.94,1.1)}85%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translate(-50%,-19.5vh)scale(1.03,.98)}to{opacity:1;transform:translate(-50%,-20vh)scale(1)}}@keyframes item-bob{50%{translate:0 -1.2vh}}.tv-rays-clip{pointer-events:none;position:absolute;inset:0}.tv-rays{left:50%;top:var(--cy,calc(50% - 17.5vh));width:calc(46vh * var(--k,1));height:calc(46vh * var(--k,1));margin:calc(-23vh * var(--k,1)) 0 0 calc(-23vh * var(--k,1));visibility:hidden;position:absolute;overflow:visible}.tv-rays-clip.on .tv-rays{visibility:visible;animation:.8s cubic-bezier(.2,.9,.3,1.2) .15s both rays-in,24s linear infinite rays-spin}.tv-rays-clip.on .tv-rays.b{animation:.8s cubic-bezier(.2,.9,.3,1.2) .15s both rays-in,36s linear infinite reverse rays-spin}@keyframes rays-in{0%{opacity:0;scale:.2}}@keyframes rays-spin{to{transform:rotate(360deg)}}.tv-rays-blob{left:50%;top:var(--cy,calc(50% - 17.5vh));width:calc(26vh * var(--k,1));height:calc(26vh * var(--k,1));margin:calc(-13vh * var(--k,1)) 0 0 calc(-13vh * var(--k,1));visibility:hidden;position:absolute}.tv-rays-blob canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.tv-rays-clip.on .tv-rays-blob{visibility:visible;animation:.7s cubic-bezier(.2,.9,.3,1.3) .1s both blob-in}@keyframes blob-in{0%{opacity:0;scale:0}}.tv-rarity{padding:6px 12px;position:relative}.tv-rarity:before{content:"";background:rgb(var(--lc));image-rendering:pixelated;border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.tv-rarity-label{--ps:3px;width:calc(var(--lw) * var(--ps));height:calc(5 * var(--ps));-webkit-mask:var(--limg) center / 100% 100% no-repeat;-webkit-mask:var(--limg) center / 100% 100% no-repeat;mask:var(--limg) center / 100% 100% no-repeat;image-rendering:pixelated;background:#f5feff;display:block;position:relative}.tv-modal.opened .tv-rarity{animation-delay:.1s}.tv-chest.aura .tv-modal-icon{animation:4s both chest-open,.4s ease-in-out infinite alternate aura-glow}@keyframes aura-glow{0%{filter:drop-shadow(0 0 calc(.4vh * var(--lvl)) rgba(var(--aura), .33)) drop-shadow(0 0 calc(1.2vh * var(--lvl)) rgba(var(--aura), .33)) drop-shadow(0 0 calc(2.4vh * var(--lvl)) rgba(var(--aura), .33))}to{filter:drop-shadow(0 0 calc(.8vh * var(--lvl)) rgba(var(--aura), .33)) drop-shadow(0 0 calc(2.6vh * var(--lvl)) rgba(var(--aura), .33)) drop-shadow(0 0 calc(5vh * var(--lvl)) rgba(var(--aura), .33))}}.tv-modal-tint{pointer-events:none;opacity:0;image-rendering:pixelated;border:30px solid #0000;transition:opacity .6s ease-out;position:absolute;inset:-30px;-webkit-mask-box-image:url(/modal.png) 5 fill/30px round}.tv-modal-tint b{position:absolute;inset:-30px}.tv-modal-tint .tint-pattern{width:220%;height:220%;inset:-60% auto auto -60%;overflow:hidden;transform:rotate(-15deg)}.pattern-rows{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.tint-fade{background:linear-gradient(#0000 0%,#000 100%)}.tint-color{background:linear-gradient(to bottom, rgba(var(--tint), .55) 0%, rgba(var(--tint), .25) 45%, rgba(var(--tint), 0) 100%)}.tv-modal.opened .tv-modal-tint{opacity:1}.tv-modal-title{z-index:2;text-align:center;pointer-events:none;padding:0 1vw;font-size:clamp(1rem,1.9vw,1.9rem);font-weight:600;line-height:1.2;animation:.5s cubic-bezier(.2,.9,.3,1.3) .4s both modal-reveal;position:absolute;top:1.6vh;left:0;right:0}.tv-modal-title b{color:#ffd43b}.cine-layer{pointer-events:none;z-index:40;position:absolute;inset:0}.cine-bar{background:#000;height:12vh;transition:transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}.cine-bar.top{top:0;transform:translateY(-100%)}.cine-bar.bottom{bottom:0;transform:translateY(100%)}.cine-layer.on .cine-bar{transform:none}.cine-vignette{opacity:0;background:radial-gradient(#0000 48%,#000000b8 100%);transition:opacity 1s;position:absolute;inset:0}.cine-layer.on .cine-vignette,.cine-layer.on .cine-grain{opacity:1}.cine-grain{opacity:0;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n' color-interpolation-filters='sRGB'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 .3 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:240px 240px;transition:opacity 1s;animation:.5s steps(5,end) infinite cine-grain;position:absolute;inset:-10%}@keyframes cine-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}body:has(.student){background:#000}.student{--px:3px;--ink:#f5feff;--dim:#9aa3b8;--gold:#ffd43b;--cyan:#4deae9;--pink:#ff99c5;--green:#69db7c;--panel:#100f24;--panel2:#2c2a46;min-height:100dvh;color:var(--ink);background:#000;padding:16px 16px 72px}.st-logo{width:132px;margin:4px auto 16px;display:block}.student .card{box-shadow:none;image-rendering:pixelated;background:0 0;border:15px solid #0000;border-bottom-width:18px;border-image:url(/frame.png) 5 5 6/15px 15px 18px round;border-radius:0;padding:6px 6px 4px}.student h1,.student h2{font-weight:700;line-height:1.25}.student h1{color:var(--gold);font-size:1.6rem}.student h2{font-size:1.2rem}.student .muted{color:var(--dim)}.student .error{color:var(--pink)}.student .field>span{font-weight:600}.student input{--in:#5f7f91;--in-sh:#536882;color:var(--ink);padding:calc(var(--px) * 5) 14px calc(var(--px) * 4);background:linear-gradient(var(--in), var(--in)) var(--px) var(--px) / calc(100% - var(--px) * 2) var(--px) no-repeat, linear-gradient(var(--in-sh), var(--in-sh)) 0 0 / 100% calc(var(--px) * 2) no-repeat, var(--in);clip-path:polygon(var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px), var(--px) var(--px));border:0;border-radius:0}.student input:focus{--in:#6b8c9e;outline:none}.student button{z-index:0;color:var(--ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;padding:12px 16px;font-weight:700;position:relative}.student button:before,.student button:after{content:"";image-rendering:pixelated;border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.student button:before{z-index:-1;background:var(--btn,var(--panel2))}.student button:after{z-index:-2;top:var(--px);bottom:calc(var(--px) * -1);background:var(--btn-sh,#15142a)}.student button:active:not(:disabled){transform:translateY(var(--px))}.student button:active:not(:disabled):after{top:0;bottom:0}.student button{transition:transform .38s cubic-bezier(.3,2.4,.45,1)}.student button:after{transition:top .38s cubic-bezier(.3,2.4,.45,1),bottom .38s cubic-bezier(.3,2.4,.45,1)}.student button:active:not(:disabled){transform:translateY(var(--px)) scale(1.04,.88);transition-duration:70ms;transition-timing-function:ease-out}.student button:active:not(:disabled):after{transition-duration:70ms;transition-timing-function:ease-out}.student .chip.on{animation:.45s cubic-bezier(.2,.8,.3,1) btn-pick}@keyframes btn-pick{0%{transform:translateY(var(--px)) scale(1.12,.8)}35%{transform:translateY(calc(var(--px) * -2)) scale(.92,1.14)}60%{transform:scale(1.04,.95)}80%{transform:scale(.99,1.02)}to{transform:none}}.student button.primary{--btn:var(--gold);--btn-sh:#a87b00;color:#1a1430}.student .chip{padding:9px 16px}.student .chip.skip{--btn:#1c1b30;--btn-sh:#0d0c1c;color:var(--dim)}.student .chip.on{--btn:var(--cyan);--btn-sh:#1b8a89;color:#06121a;background:0 0;border-color:#0000}.student .chip.skip.on{--btn:#b9c0d4;--btn-sh:#6b7290;color:#14132a}.student button.link{color:var(--cyan)}.student button.link:before,.student button.link:after{display:none}.student .progress{height:21px;padding:var(--px);background:var(--panel);box-shadow:inset 0 0 0 var(--px) var(--panel2);border-radius:0}.student .progress div{background:repeating-linear-gradient(90deg, var(--gold) 0 12px, transparent 12px 15px)}.student .otp .pn{--u:8px}.student .modal .otp .pn{--u:6px}.student .quest-no{z-index:0;color:#06121a;background:0 0;border-radius:0;width:42px;height:42px;font:700 1.3rem IBM Plex Sans Thai,sans-serif;position:relative}.student .quest-no .pn{--u:4px}.student .quest-no:before{content:"";z-index:-1;background:var(--cyan);border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.student .quest.stamped{background:0 0}.student .quest.stamped .quest-no{font-size:1.4rem}.student .quest.stamped .quest-no:before{background:var(--green)}.student .quest.stamped h2{color:var(--green)}.student .otp-box{background:var(--panel);box-shadow:inset 0 0 0 var(--px) var(--panel2);border-radius:0;gap:10px;padding:14px 10px}.student .otp{color:var(--gold);letter-spacing:0;padding:0;font-size:2rem;line-height:1}.student .result{background:var(--panel);box-shadow:inset 0 0 0 var(--px) var(--panel2);border-radius:0}.student .result.ok strong{color:var(--gold)}.student .prize-card{background:0 0}.student .modal{color:var(--ink);image-rendering:pixelated;background:#000;border:20px solid #0000;border-bottom-width:24px;border-image:url(/frame.png) 5 5 6/20px 20px 24px round;border-radius:0;padding:10px 6px 6px}.student .modal .otp{font-size:2.2rem}.student .otp-input{letter-spacing:.4em;width:100%;min-width:0;padding-left:.4em;font:700 2.4rem monospace}.student .center{text-align:center}.join{flex-direction:column;max-width:480px;margin:0 auto;padding-top:24px;padding-bottom:24px;display:flex}.join:before,.join:after{content:"";flex:1 0 0}.join-form{flex-direction:column;gap:22px;display:flex}.join-head{text-align:center;flex-direction:column;gap:6px;display:flex}.join-head h1{font-size:1.5rem}.student .step{align-items:center;gap:10px;font-size:1.05rem;display:flex}.student .chips.grid{grid-template-columns:repeat(3,1fr);gap:10px 8px;display:grid}.student input::placeholder{color:#a9bcc8}.join-form button.big{margin-top:6px}.reveal{text-align:center;align-items:center;gap:10px}.reveal-kicker{color:var(--cyan);margin:0;font-weight:600;animation:.5s cubic-bezier(.2,.9,.3,1.3) .1s both modal-reveal}.reveal-stage{justify-content:center;align-items:flex-end;width:100%;min-height:120px;padding-top:10px;padding-bottom:20px;display:flex;position:relative}.reveal-floor{background:radial-gradient(#4deae959,#0000 70%);width:180px;height:18px;margin-left:-90px;position:absolute;bottom:11px;left:50%}.reveal-char{transform-origin:50% 100%;visibility:hidden;position:relative}.reveal-char.ready{visibility:visible;animation:.9s cubic-bezier(.2,.9,.3,1.2) both char-pop}.reveal-floor:not(.ready){opacity:0}.reveal-floor{transition:opacity .3s}.reveal-char .char-portrait{image-rendering:pixelated;transform-origin:50% 100%;animation:1.6s steps(2,end) .9s infinite char-breathe;display:block}.char-portrait:not(.ready){visibility:hidden}@keyframes char-pop{0%{opacity:0;transform:translateY(-60px)scale(0)}45%{opacity:1;transform:translateY(0)scale(1.2,.75)}65%{transform:translateY(-18px)scale(.9,1.12)}82%{transform:translateY(0)scale(1.05,.95)}to{transform:none}}@keyframes char-breathe{50%{transform:scale(1.02,.97)}}.reveal-name{word-break:break-word;font-size:1.6rem;animation:.5s cubic-bezier(.2,.9,.3,1.3) .5s both modal-reveal}.reveal .send{width:100%;margin-top:14px;animation:.5s cubic-bezier(.2,.9,.3,1.3) .8s both modal-reveal}.reveal.sending .reveal-char{animation:.9s cubic-bezier(.5,0,.8,.4) forwards char-send}@keyframes char-send{0%{transform:none}25%{animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:scale(1.25,.7)}45%{opacity:1;animation-timing-function:ease-in;transform:translateY(-40px)scale(.8,1.3)}to{opacity:0;transform:translateY(-110vh)scale(.6,1.4)}}body:has(.join){background:#eef3f7}.student.join{--ink:#1d1a33;--dim:#5d6680;--pink:#d6336c;--panel2:#dde4ee;color:var(--ink);background:#eef3f7}.student.join h1{color:var(--ink)}.student.join .chip:not(.on){--btn:#fff;--btn-sh:#b4bfd0;color:var(--ink)}.student.join .chip.skip:not(.on){--btn:#e1e7ef;--btn-sh:#b4bfd0;color:var(--dim)}.student.join .chip.on:not(.skip){--btn:#f03e3e;--btn-sh:#a51d1d;color:#fff}.student.join .chip.skip.on{--btn:#5d6680;--btn-sh:#353b52;color:#fff}.student.join input{--in:#dde4ee;--in-sh:#b4bfd0;color:var(--ink)}.student.join input:focus{--in:#e9eef5}.student.join input::placeholder{color:#8a93a8}.join .reveal-kicker{color:#0c8599}.join .reveal-floor{background:radial-gradient(#1d1a332e,#0000 70%)}.student.join .join-form button.primary{--btn:#339af0;--btn-sh:#1864ab;color:#fff}.error-badge{color:var(--pink);align-self:center;margin:0;font-size:.95rem;font-weight:600;animation:.4s cubic-bezier(.3,.7,.4,1) badge-shake}@keyframes badge-shake{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.08)translate(-6px)}50%{transform:translate(6px)}70%{transform:translate(-4px)}85%{transform:translate(2px)}to{transform:none}}.student.join .back{--btn:#fff;--btn-sh:#b4bfd0;color:var(--ink);align-self:center;margin-top:4px;padding:10px 18px;font-size:.95rem}.student .sep{width:70%;height:var(--px);background:repeating-linear-gradient(90deg, #b4bfd0 0 calc(var(--px) * 2), transparent calc(var(--px) * 2) calc(var(--px) * 4));border:0;margin:10px auto 6px}.reveal-name{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.rar-tag{background:url(/rarity-tags.png) var(--bp) / var(--bs) no-repeat;image-rendering:pixelated;flex:none;animation:.6s cubic-bezier(.2,.9,.3,1.3) .35s both rar-pop;display:inline-block;position:relative}.rar-tag .shine{pointer-events:none;-webkit-mask:url(/rarity-tags.png) var(--bp) / var(--bs) no-repeat;-webkit-mask:url(/rarity-tags.png) var(--bp) / var(--bs) no-repeat;mask:url(/rarity-tags.png) var(--bp) / var(--bs) no-repeat;position:absolute;inset:0;overflow:hidden}.rar-tag .shine:before{content:"";top:0;bottom:0;left:calc(var(--rar-px) * -10);width:calc(var(--rar-px) * 6);background:linear-gradient(90deg,#fffc 0 50%,#0000 50% 67%,#fffc 67% 84%,#0000 84%);animation:2.2s ease-in-out 1s infinite rar-shine;position:absolute;transform:skew(-20deg)}@keyframes rar-shine{0%,40%{left:calc(var(--rar-px) * -10)}to{left:calc(100% + var(--rar-px) * 4)}}.xform{z-index:1000;contain:strict;color:#fff;background:radial-gradient(circle at 50% 55%,#6b6b78 0%,#3a3a45 38%,#18181f 75%,#050507 100%);flex-direction:column;justify-content:center;align-items:center;animation:.45s ease-out both xf-in;display:flex;position:fixed;inset:0;overflow:hidden}.xform:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%, var(--sky0) 0%, var(--sky1) 38%, var(--sky2) 75%, var(--sky3) 100%);transition:opacity .35s ease-out;position:absolute;inset:0}.xform.flash:before,.xform.reveal:before,.xform.out:before{opacity:1}.xform.out{animation:.5s ease-in forwards xf-out}@keyframes xf-in{0%{opacity:0}}@keyframes xf-out{to{opacity:0;transform:scale(1.08)}}.xform-rays{z-index:0;left:var(--ax);top:calc(var(--ay) + 40px);pointer-events:none;will-change:transform;background:repeating-conic-gradient(#ffffff21 0 8deg, transparent 8deg 22deg);width:150vmax;height:150vmax;margin:-75vmax 0 0 -75vmax;animation:14s linear infinite rays-spin;position:absolute}.xform-stars i,.xform-burst i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);display:block;position:absolute}.xform-stars i{will-change:transform, opacity;animation:linear infinite xf-fall;top:-20px}@keyframes xf-fall{0%{opacity:0;transform:translateY(0)rotate(0)scale(.6)}15%{opacity:1}50%{transform:translateY(55vh)rotate(180deg)scale(1.1)}to{opacity:.2;transform:translateY(110vh)rotate(360deg)scale(.6)}}.xform-stage{perspective:600px;justify-content:center;align-items:flex-end;width:260px;height:250px;margin-top:-8vh;display:flex;position:relative}.xform-focus{position:relative}.xform.wait .xform-char{opacity:0;animation:none}.xform.wait .xform-cam{transform:rotate(-9deg)scale(1.8)translateY(-17%)}.xform-char{z-index:2;transform-origin:var(--ax) var(--ay);will-change:transform;backface-visibility:visible;position:relative}.xform-char .col{position:absolute;top:0;left:0}.xform-char.silhouette .col,.xform-char.colored .sil{visibility:hidden}.xform-char canvas{image-rendering:pixelated;display:block}.xform-char.silhouette{animation:1.3s linear both xf-charge}@keyframes xf-charge{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.3,1);transform:translateY(160px)scale(.4)}22%{opacity:1;animation-timing-function:ease-in-out;transform:translateY(-14px)scale(.92,1.1)}32%{transform:translateY(0)scale(1.06,.94)}40%{transform:scale(1)}50%{animation-timing-function:ease-in;transform:scale(1.12)}58%{transform:scale(1)}68%{animation-timing-function:ease-in;transform:scale(1.16)}74%{transform:scale(1)}82%{transform:scale(1.22)}86%{transform:scale(1.04)translate(-4px)}89%{transform:scale(1.06)translate(4px)}92%{transform:scale(1.08)translate(-4px)}95%{transform:scale(1.1)translate(4px)}to{transform:scale(1.12)}}.xform-char.colored{animation:.9s cubic-bezier(.2,.9,.3,1.2) both xf-pose}@keyframes xf-pose{0%{transform:translateY(-10px)scale(1.35,.7)}35%{transform:translateY(-40px)scale(.85,1.2)rotate(-4deg)}60%{transform:translateY(0)scale(1.08,.94)rotate(2deg)}80%{transform:scale(.98,1.03)}to{transform:none}}.xform-burst{left:var(--ax);top:var(--ay);z-index:1;width:0;height:0;position:absolute}.xform-burst i{animation:.9s cubic-bezier(.1,.8,.3,1) both xf-burst;top:0;left:0}@keyframes xf-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(0)}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(270deg);opacity:0}}.xform-title{z-index:4;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:calc(50% - 8vh + 185px);left:0;right:0}.xform-name{align-items:center;gap:10px;font-size:1.4rem;font-weight:800;animation:.5s cubic-bezier(.2,.9,.3,1.3) .45s both modal-reveal;display:flex}.xform-flash{z-index:10;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.xform.flash .xform-flash,.xform.reveal .xform-flash{animation:.55s ease-out both xf-flash}@keyframes xf-flash{0%{opacity:0}35%{opacity:1}to{opacity:0}}.xform-cam,.xform-shake{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.xform-cam{transform-origin:50% 58%;will-change:transform}.xform-shake{will-change:transform}.xform.rise .xform-cam{animation:1.3s cubic-bezier(.4,0,.3,1) both cam-rise}.xform.flash .xform-cam{animation:.25s cubic-bezier(.6,0,1,.6) both cam-punch}.xform.reveal .xform-cam,.xform.out .xform-cam{animation:1.7s cubic-bezier(.15,.9,.3,1) both cam-reveal}@keyframes cam-rise{0%{transform:rotate(-9deg)scale(1.8)translateY(-17%)}45%{transform:rotate(4deg)scale(1.45)translateY(-5%)}to{transform:rotate(-3deg)scale(1.22)translateY(0)}}@keyframes cam-punch{0%{transform:rotate(-3deg)scale(1.22)translateY(0)}to{transform:rotate(0)scale(1.6)translateY(-4%)}}@keyframes cam-reveal{0%{transform:rotate(0)scale(1.6)translateY(-4%)}14%{transform:rotate(2.5deg)scale(.9)translateY(2%)}28%{transform:rotate(-1.2deg)scale(1.04)translateY(0)}40%{transform:rotate(0)scale(1)}to{transform:rotate(0)scale(1.07)}}.xform.reveal .xform-shake{animation:.5s linear both cam-shake}@keyframes cam-shake{0%{transform:translate(0)}10%{transform:translate(-9px,6px)}20%{transform:translate(8px,-7px)}30%{transform:translate(-7px,-4px)}40%{transform:translate(6px,5px)}55%{transform:translate(-4px,2px)}70%{transform:translate(3px,-2px)}85%{transform:translate(-1px,1px)}to{transform:none}}.xform-ring{border:8px solid #fff;border-radius:50%;width:80px;height:80px;margin:-40px 0 0 -40px;animation:.7s cubic-bezier(.1,.8,.3,1) both xf-ring;position:absolute;top:0;left:0}.xform-ring.late{border-width:5px;border-color:#ff99c5;animation-delay:.12s}@keyframes xf-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;border-width:1px;transform:scale(6)}}.join .rar-tag{filter:drop-shadow(0 var(--rar-px) 0 color-mix(in srgb, var(--rar) 55%, #000))}.ask-wrap{z-index:600;background:#1d1a3373;padding:16px;position:fixed;inset:0}.tv-modal.ask{border-width:20px;width:100%;min-width:0;max-width:360px;min-height:0;color:var(--ink);clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px);background:#fff;border-image-source:none;flex-direction:column;align-items:stretch;gap:12px;padding:14px 8px 10px;display:flex}.tv-modal.ask h2{color:var(--ink);font-size:1.35rem}.tv-modal.ask .muted{color:var(--dim)}.tv-modal.ask button.primary{--btn:#339af0;--btn-sh:#1864ab;color:#fff}.tv-modal.ask button.primary.go{--btn:var(--gold);--btn-sh:#a87b00;color:#1a1430}.tv-modal.ask .back{--btn:#e1e7ef;--btn-sh:#b4bfd0;color:var(--ink);align-self:stretch;margin-top:0}.stats-sheet{z-index:0;text-align:left;flex-direction:column;gap:8px;width:100%;padding:12px 14px 14px;animation:.5s cubic-bezier(.2,.9,.3,1.3) .5s both modal-reveal;display:flex;position:relative}.stats-sheet:before,.stats-sheet:after{content:"";image-rendering:pixelated;border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.stats-sheet:before{z-index:-1;background:#fff}.stats-sheet:after{z-index:-2;top:var(--px);bottom:calc(var(--px) * -1);background:#b4bfd0}.ss-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.student .ss-name{align-items:center;gap:8px;min-width:0;font-size:1.3rem;line-height:1.2;display:flex}.ss-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-lv{text-align:right;flex:none;line-height:1.1}.ss-lv small{color:var(--dim);font-size:.65rem;font-weight:700;display:block}.ss-lv b{color:#7048e8;font-size:1rem}.ss-sub{border-bottom:var(--px) dashed #dde4ee;flex-wrap:wrap;gap:6px;margin:0;padding-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.ss-sub span{color:#1c7ed6}.ss-rows{flex-direction:column;gap:5px;display:flex}.ss-row{grid-template-columns:56px 1fr 32px;align-items:center;gap:8px;font-size:.82rem;display:grid}.ss-k{align-items:center;gap:5px;font-weight:800;display:flex}.ss-k .pixel-icon{color:var(--bar);flex:none}.ss-bar{grid-template-columns:repeat(10,1fr);gap:2px;height:10px;display:grid}.ss-bar i{background:#e7ecf3}.ss-bar i.on{background:var(--bar,#339af0);transform-origin:0;animation:.22s cubic-bezier(.2,.9,.3,1.3) both ss-fill;animation-delay:calc(.8s + var(--i) * .1s + var(--n) * 30ms);box-shadow:inset 0 -2px #0000002e}@keyframes ss-fill{0%{transform:scaleX(0)}}.ss-row:first-child{--bar:#f03e3e}.ss-row:nth-child(2){--bar:#339af0}.ss-row:nth-child(3){--bar:#20c997}.ss-row:nth-child(4){--bar:#fab005}.ss-row:nth-child(5){--bar:#be4bdb}.ss-v{text-align:right;font-variant-numeric:tabular-nums;font-weight:800}.ss-info{border-top:var(--px) dashed #dde4ee;flex-direction:column;gap:6px;padding-top:8px;display:flex}.ss-info p{color:var(--dim);margin:0;font-size:.82rem;line-height:1.35}.ss-info .ss-label{color:var(--ink);align-items:center;gap:5px;font-size:.82rem;font-weight:800;display:flex}.ss-label .pixel-icon{color:#7048e8;flex:none}.ss-skill-one{background:#f3f6fa;padding:7px 10px 8px}.ss-skill-one strong{color:var(--ink);font-size:.88rem;line-height:1.3;display:block}.ss-skill-one p{text-wrap:pretty;margin-top:1px}.ss-info .ss-note{text-align:center;opacity:.75;margin-top:2px;font-size:.72rem;font-style:italic}.reveal-actions{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.student.join .reveal-actions .back{align-self:stretch;margin-top:0;padding:10px 6px}.student.join.reveal{background:0 0}body:has(.join.reveal){background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--rar) 30%, #fff) 0, color-mix(in srgb, var(--rar) 10%, #eef3f7) 240px, #eef3f7 560px) #eef3f7}.join.reveal .reveal-kicker{color:color-mix(in srgb, var(--rar) 70%, #000)}.join.reveal .reveal-floor{background:radial-gradient(ellipse, color-mix(in srgb, var(--rar) 45%, transparent), transparent 70%)}.join.reveal .stats-sheet:after{background:color-mix(in srgb, var(--rar) 45%, #b4bfd0)}.join.reveal .ss-sub span{color:color-mix(in srgb, var(--rar) 80%, #000)}.page-in{animation:.45s cubic-bezier(.2,.9,.3,1) backwards page-in}.leave{pointer-events:none;animation:.32s cubic-bezier(.5,0,.9,.5) forwards page-out}@keyframes page-in{0%{opacity:0;transform:translateY(28px)}}@keyframes page-out{to{opacity:0;transform:translateY(-22px)scale(.97)}}.reveal.sending{animation:.32s cubic-bezier(.5,0,.9,.5) .58s forwards page-out}.quests-in .st-logo,.quests-in .card{animation:.5s cubic-bezier(.2,.9,.3,1.25) both quest-in}.quests-in .card:first-of-type{animation-delay:50ms}.quests-in .card:nth-of-type(2){animation-delay:.1s}.quests-in .card:nth-of-type(3){animation-delay:.15s}.quests-in .card:nth-of-type(4){animation-delay:.2s}.quests-in .card:nth-of-type(5){animation-delay:.25s}.quests-in .card:nth-of-type(6){animation-delay:.3s}.quests-in .card:nth-of-type(7){animation-delay:.35s}.quests-in .card:nth-of-type(8){animation-delay:.4s}.quests-in .card:nth-of-type(9){animation-delay:.45s}@keyframes quest-in{0%{opacity:0;transform:translateY(40px)scale(.94)}}.form-stack{z-index:0;position:relative}.form-card{flex-direction:column;gap:16px;padding:16px 16px 18px;display:flex;position:relative}.form-card:before,.form-card:after{content:"";image-rendering:pixelated;border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.form-card:before{z-index:-1;background:#fff}.form-card:after{z-index:-2;top:var(--px);bottom:calc(var(--px) * -1);background:#b4bfd0}.form-card .sep{margin:0 auto}.student.join .form-card .chip:not(.on){--btn:#eef3f7}.student.join .form-card .chip.skip:not(.on){--btn:#e1e7ef}.xform-glow{z-index:1;left:var(--ax);top:var(--ay);pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#ffffffd9 0,#ff99c573 30%,#ff99c500 65%);border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:.5s ease-in-out infinite alternate glow-pulse;position:absolute}.xform.wait .xform-glow{opacity:0;animation:none}.xform.reveal .xform-glow,.xform.out .xform-glow{background:radial-gradient(circle, #ffffffb3 0, color-mix(in srgb, var(--rar) 45%, transparent) 30%, transparent 65%)}@keyframes glow-pulse{0%{opacity:.75;transform:scale(.85)}to{opacity:1;transform:scale(1.05)}}body:has(.quests){background:radial-gradient(circle at 50% 0, color-mix(in srgb, var(--rar,#339af0) 26%, #fff) 0, color-mix(in srgb, var(--rar,#339af0) 8%, #eef3f7) 220px, #eef3f7 520px) #eef3f7}.student.join.quests{background:0 0;gap:12px}.quests:before,.quests:after{display:none}.pcard{z-index:0;text-align:left;flex-direction:column;gap:10px;padding:14px 14px 16px;display:flex;position:relative}.pcard:before,.pcard:after{content:"";image-rendering:pixelated;border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.pcard:before{z-index:-1;background:#fff}.pcard:after{z-index:-2;top:var(--px);bottom:calc(var(--px) * -1);background:#b4bfd0}.q-hero{flex-direction:row;align-items:center;gap:12px}.q-hero:after{background:color-mix(in srgb, var(--rar,#339af0) 45%, #b4bfd0)}.q-avatar{flex:none;justify-content:center;align-items:flex-end;width:140px;display:flex}.q-avatar canvas{image-rendering:pixelated;max-width:150px;display:block}.q-who{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.q-who .ss-name{font-size:1.15rem}.q-who .ss-sub{border:0;padding:0;font-size:.8rem}.q-who .ss-sub span{color:color-mix(in srgb, var(--rar,#339af0) 80%, #000)}.q-progress{align-items:center;gap:8px;margin-top:2px;display:flex}.q-blocks{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;height:12px;display:grid}.q-blocks i{background:#e7ecf3}.q-blocks i.on{background:#40c057;box-shadow:inset 0 -3px #0000002e}.q-progress b{font-variant-numeric:tabular-nums;font-size:.9rem}.q-clear{text-align:center;align-items:center;gap:2px}.q-clear:before{background:#d3f9d8}.q-clear:after{background:#40c057}.q-clear strong{color:#2b8a3e;font-size:1.05rem}.q-clear span{color:#2b8a3e;font-size:.85rem}.q-prize h2,.q-title{color:var(--ink);font-size:1.05rem}.q-title{margin:6px 2px -2px}.q-prize button.go{--btn:var(--gold);--btn-sh:#a87b00;color:#1a1430}.q-won{text-align:center;flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.q-won span,.q-won small{color:var(--dim);font-size:.85rem}.q-won b{color:#e8590c;font-size:1.3rem}.quests .quest-head{align-items:center;gap:12px;display:flex}.quests .quest-head>div{flex:1;min-width:0}.quests .quest h2{color:var(--ink);font-size:1rem}.quests .quest-no{color:#fff;width:40px;height:40px}.quests .quest-no:before{background:#339af0}.quests .quest.stamped h2{color:var(--ink)}.q-badge{color:#fff;letter-spacing:.08em;background:#40c057;flex:none;padding:3px 8px;font-size:.7rem;font-weight:800;transform:rotate(6deg)}.quests .otp-box{box-shadow:none;color:var(--ink);background:#f3f6fa}.quests .otp{color:var(--ink)}.quests .quest button.primary{--btn:#339af0;--btn-sh:#1864ab;color:#fff}.tv-modal.spin .otp-input{letter-spacing:.4em;text-align:center;padding-left:.4em;font:700 2.2rem monospace}.spin-prize{color:#e8590c;font-size:1.6rem;font-weight:800}.quests-in .pcard,.quests-in .q-title{animation:.5s cubic-bezier(.2,.9,.3,1.25) both quest-in}.quests-in>:nth-child(2){animation-delay:60ms}.quests-in>:nth-child(3){animation-delay:.12s}.quests-in>:nth-child(4){animation-delay:.18s}.quests-in>:nth-child(5){animation-delay:.24s}.quests-in>:nth-child(6){animation-delay:.3s}.quests-in>:nth-child(7){animation-delay:.36s}.quests-in>:nth-child(8){animation-delay:.42s}.quests-in>:nth-child(9){animation-delay:.48s}.quests-in>:nth-child(10){animation-delay:.54s}.q-grid{grid-template-columns:1fr 1fr;gap:12px 10px;display:grid}.student.join .qcard{--btn:#fff;--btn-sh:#b4bfd0;color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;min-height:112px;padding:12px 12px 13px;font-weight:400;display:flex}.student.join .qcard.live{--btn:#fff9db;--btn-sh:#fcc419}.qcard .quest-no{width:34px;height:34px;margin-bottom:4px;font-size:1.1rem}.qcard .q-name{font-size:.95rem;font-weight:800;line-height:1.25}.qcard .q-state{color:var(--dim);margin-top:auto;font-size:.75rem}.qcard.stamped .q-state{color:#2b8a3e;font-weight:700}.qcard.live .q-state{color:#e8590c;font-weight:700}.qcard .q-badge{position:absolute;top:12px;right:8px}.quests-in .q-grid .qcard{animation:.5s cubic-bezier(.2,.9,.3,1.25) both quest-in}.quests-in .q-grid .qcard:nth-child(2n){animation-delay:80ms}.qmodal{text-align:center;align-items:center!important}.qmodal>button{align-self:stretch}.qmodal .quest-no.big{width:48px;height:48px;font-size:1.5rem}.quests .qmodal .quest-no:before{background:#339af0}.quests .qmodal .quest-no.done:before{background:#40c057}.qmodal h2{margin-top:2px}.qmodal .otp-box{box-shadow:none;background:#f3f6fa;align-self:stretch}.qmodal .otp{color:var(--ink)}.q-done{color:#2b8a3e;flex-direction:column;align-items:center;margin:0;font-size:1.05rem;font-weight:800;display:flex}.q-done small{color:var(--dim);font-size:.8rem;font-weight:400}.tv-modal.ask.qmodal button.primary{--btn:#339af0;--btn-sh:#1864ab;color:#fff}.quests .quest-no{--q:#339af0;--q-sh:#1864ab;color:#fff;background:linear-gradient(var(--q), var(--q)) 0 3px / 100% calc(100% - 9px) no-repeat, linear-gradient(var(--q), var(--q)) 3px 0 / calc(100% - 6px) calc(100% - 3px) no-repeat, var(--q-sh);clip-path:polygon(3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px),0 3px,3px 3px);padding-bottom:3px;font:800 1.15rem/1 IBM Plex Sans Thai,sans-serif}.quests .quest-no:before{display:none}.quests .quest.stamped .quest-no,.quests .qmodal .quest-no.done{--q:#40c057;--q-sh:#2b8a3e}.quests .qmodal .quest-no.big{font-size:1.5rem}.q-meta{justify-content:center;align-self:stretch;display:flex}.q-meta span{color:var(--ink);background:#f3f6fa;padding:6px 8px;font-size:.88rem;font-weight:700}.q-meta small{color:var(--dim);font-size:.68rem;font-weight:600;display:block}.q-steps{text-align:left;background:#f3f6fa;align-self:stretch;padding:8px 10px 6px}.q-steps b{color:var(--ink);font-size:.8rem}.q-steps-lines{color:var(--ink);margin-top:4px;font-size:.85rem;line-height:1.45}.q-steps-lines p{min-height:1.45em;margin:0}.q-steps-lines p+p{margin-top:2px}.q-tip{text-align:left;color:#8a5a00;background:#fff9db;align-self:stretch;margin:0;padding:6px 10px;font-size:.82rem}.q-tip b{color:#8a5a00}.qmodal{max-height:calc(100dvh - 32px);overflow-y:auto}.q-cancel{color:var(--dim);opacity:.8;font-size:.68rem}.qmodal .otp-box{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.q-pending{animation:1s steps(2,end) infinite pending-blink;color:var(--ink)!important}@keyframes pending-blink{50%{opacity:.4}}.student.join.thanks{text-align:center;align-items:center;gap:12px;padding-top:28px}.thanks-char{justify-content:center;animation:.9s cubic-bezier(.2,.9,.3,1.2) .1s both char-pop;display:flex}.thanks-char canvas{image-rendering:pixelated;display:block}.student .thanks-name{justify-content:center;font-size:1.4rem}.thanks-prize{text-align:center;align-self:stretch;align-items:center;gap:2px;animation:.6s cubic-bezier(.2,.9,.3,1.3) .4s both rar-pop}.thanks-prize:before{background:#fff9db}.thanks-prize:after{background:#fcc419}.thanks-prize small{color:#8a5a00;font-size:.78rem;font-weight:700}.thanks-prize b{color:#e8590c;font-size:1.6rem;line-height:1.3}.thanks-prize span{color:#8a5a00;font-size:.8rem}.thanks-msg{flex-direction:column;gap:8px;margin-top:6px;animation:.5s cubic-bezier(.2,.9,.3,1.3) .6s both modal-reveal;display:flex}.thanks-msg h2{color:var(--ink);font-size:1.25rem}.thanks-msg p{color:var(--dim);text-wrap:pretty;margin:0;font-size:.9rem;line-height:1.55}.thanks-msg b{color:var(--ink)}.thanks-end{font-weight:800;color:var(--ink)!important}.survey{flex-direction:column;gap:16px;display:flex}.sv-q{gap:8px}.student .sv-scale{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.student .sv-scale .chip{padding:10px 0;font-size:1.05rem}.student .sv-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.student .sv-list .chip{padding:9px 6px;font-size:.88rem}.sv-ends{justify-content:space-between;margin-top:-2px;display:flex}.sv-ends small{color:var(--dim);font-size:.72rem}.student.join .sv-cancel{align-self:center}.student.join .thanks .sv-open,.student.join .sv-open{--btn:#339af0;--btn-sh:#1864ab;color:#fff;align-self:stretch;margin-top:10px}.sv-done{color:#2b8a3e;margin:4px 0 0;font-weight:700}.sv-block{flex-direction:column;gap:16px;display:flex}.sv-note{color:var(--dim);font-size:.72rem}.student textarea.sv-text{font:inherit;resize:vertical;padding:calc(var(--px) * 5) 14px calc(var(--px) * 4);color:var(--ink);background:linear-gradient(#dde4ee, #dde4ee) var(--px) var(--px) / calc(100% - var(--px) * 2) var(--px) no-repeat, linear-gradient(#b4bfd0, #b4bfd0) 0 0 / 100% calc(var(--px) * 2) no-repeat, #dde4ee;clip-path:polygon(var(--px) 0, calc(100% - var(--px)) 0, calc(100% - var(--px)) var(--px), 100% var(--px), 100% calc(100% - var(--px)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--px)) 100%, var(--px) 100%, var(--px) calc(100% - var(--px)), 0 calc(100% - var(--px)), 0 var(--px), var(--px) var(--px));border:0;border-radius:0}.student textarea.sv-text:focus{background-color:#e9eef5;outline:none}.student textarea.sv-text::placeholder{color:#8a93a8}.hud-stats div,.hud-spins,.hud-winners,.hud-join{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1.2vh .6vw;display:flex}.hud-spins .tv-spin-list{justify-content:center}.spin-slot{opacity:0;grid-template-rows:0fr;width:100%;margin-top:-2vh;transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1),margin-top .6s cubic-bezier(.22,1,.36,1),opacity .45s,transform .6s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(16px)scale(.94)}.spin-slot.open{opacity:1;grid-template-rows:1fr;margin-top:0;transform:none}.spin-slot-in{min-height:0;overflow:hidden}.hud-spins .tv-spin{animation:.55s cubic-bezier(.22,1,.36,1) .12s both spin-card-in}@keyframes spin-card-in{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:none}}.hud-stats div *,.hud-spins *,.hud-join *{font-weight:700}.hud-spins .tv-spin{align-self:stretch}.hud-spins .tv-spin b{letter-spacing:0;justify-content:center;padding-left:0;display:flex}.hud-spins .tv-spin small em{color:#ffd43b;font-style:normal;font-weight:700}.hud-spins .tv-spin{background:0 0;border-radius:0;padding:0}.hud-spins h2{margin-bottom:1.6vh}.hud-spins .tv-spin{gap:1.4vh}.hud-spins .tv-spin span{color:#ffd43b}.hud-spins .tv-spin b{color:#fff}.hud-sep{background:repeating-linear-gradient(90deg,#4a4a55 0 6px,#0000 6px 12px);border:0;width:70%;height:3px;margin:0 auto 2vh}.hud-spins .tv-spin small{font-size:clamp(.75rem,1vw,1rem)}.hud-spins .tv-spin small em{font-size:1.25em}.hud-spins .tv-spin span{font-size:clamp(1.2rem,1.7vw,1.7rem)}.hud-spins .tv-spin b .pn{--u:.36em}.stamp-fx{z-index:200;-webkit-backdrop-filter:blur(3px);background:#0d1228d1;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px;animation:.25s ease-out both stamp-bg-in;display:flex;position:fixed;inset:0;overflow:hidden}.stamp-fx.out{animation:.4s ease-in forwards stamp-bg-out}@keyframes stamp-bg-in{0%{opacity:0}}@keyframes stamp-bg-out{to{opacity:0}}.stamp-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.stamp-fx.hit .stamp-flash{animation:.35s ease-out stamp-flash}@keyframes stamp-flash{0%{opacity:.85}to{opacity:0}}.stamp-stage{place-items:center;width:220px;height:220px;display:grid;position:relative}.stamp-fx.hit .stamp-stage{animation:.45s cubic-bezier(.36,.07,.19,.97) stamp-shake}@keyframes stamp-shake{0%,to{transform:none}10%{transform:translate(-9px,6px)rotate(-1.5deg)}25%{transform:translate(8px,-7px)rotate(1.2deg)}40%{transform:translate(-6px,4px)}55%{transform:translate(5px,-3px)}70%{transform:translate(-3px,2px)}85%{transform:translate(2px,-1px)}}.stamp-rays{opacity:0;background:repeating-conic-gradient(from 0deg, #ffd43b47 0 10deg, transparent 10deg 24deg);position:absolute;inset:-120px;-webkit-mask:radial-gradient(circle,#000 20%,#0000 62%);mask:radial-gradient(circle,#000 20%,#0000 62%)}.stamp-fx.hit .stamp-rays,.stamp-fx.out .stamp-rays{opacity:1;transition:opacity .3s;animation:9s linear infinite stamp-spin}@keyframes stamp-spin{to{transform:rotate(360deg)}}.stamp-mark{color:#2fb344;background:#ebfbeef5;border:7px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:184px;height:184px;animation:.38s cubic-bezier(.55,0,.9,.4) both stamp-drop;display:flex;position:relative;box-shadow:inset 0 0 0 5px #ebfbeef5,inset 0 0 0 8px,0 0 0 4px #2fb34440}.stamp-fx.hit .stamp-mark,.stamp-fx.out .stamp-mark{animation:.7s cubic-bezier(.2,.9,.3,1.2) both stamp-hit}.stamp-mark b{letter-spacing:.04em;font:900 2.3rem/1 IBM Plex Sans Thai,sans-serif}.stamp-no{font:800 3.4rem/1 IBM Plex Sans Thai,sans-serif}@keyframes stamp-drop{0%{opacity:0;transform:translateY(-38vh)scale(2.6)rotate(-28deg)}60%{opacity:1}to{opacity:1;transform:scale(1.15)rotate(-10deg)}}@keyframes stamp-hit{0%{transform:scale(1.32,.72)rotate(-10deg)}30%{transform:scale(.9,1.12)rotate(-7deg)}55%{transform:scale(1.06,.95)rotate(-9deg)}to{transform:scale(1)rotate(-8deg)}}.stamp-ink{pointer-events:none;position:absolute;inset:0}.stamp-ink i{width:var(--s);height:var(--s);margin:calc(var(--s) / -2);opacity:0;background:#2fb344;position:absolute;top:50%;left:50%}.stamp-fx.hit .stamp-ink i{animation:.6s cubic-bezier(.15,.8,.3,1) both stamp-ink}@keyframes stamp-ink{0%{opacity:1;transform:rotate(var(--a)) translateX(60px) scale(1.4)}to{opacity:0;transform:rotate(var(--a)) translateX(calc(60px + var(--d))) scale(.3)}}.stamp-text{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.stamp-text>*{opacity:0}.stamp-fx.hit .stamp-text>*,.stamp-fx.out .stamp-text>*{animation:.5s cubic-bezier(.2,.9,.3,1.35) both stamp-txt}.stamp-fx .stamp-text>:first-child{animation-delay:.12s}.stamp-fx .stamp-text>:nth-child(2){animation-delay:.22s}.stamp-fx .stamp-text>:nth-child(3){animation-delay:.3s}.stamp-fx .stamp-text>:nth-child(4){animation-delay:.38s}@keyframes stamp-txt{0%{opacity:0;transform:translateY(18px)scale(.8)}to{opacity:1;transform:none}}.stamp-text h2{color:#ffd43b;font-size:1.9rem;font-weight:900}.stamp-text p{font-size:1.15rem;font-weight:700}.stamp-text small{color:#ffffffb3;font-size:.9rem}.stamp-progress{align-items:center;gap:5px;margin-top:10px;display:flex}.stamp-progress i{background:#ffffff2e;width:22px;height:14px}.stamp-progress i.on{background:#40c057}.stamp-progress i.new{animation:.5s cubic-bezier(.2,.9,.3,1.6) .75s both stamp-block}@keyframes stamp-block{0%{background:#ffffff2e;transform:scale(1)}40%{background:#ffd43b;transform:scale(1.7,1.3)}to{background:#40c057;transform:none}}.stamp-progress b{margin-left:6px;font-weight:800}.qcard.just{animation:.55s cubic-bezier(.2,.9,.3,1.3) both qcard-just!important}.qcard.just .q-badge{animation:.5s cubic-bezier(.55,0,.6,1.4) .1s both qbadge-just}@keyframes qcard-just{0%{transform:scale(1.12,.86)}40%{transform:scale(.95,1.07)}70%{transform:scale(1.03,.98)}to{transform:none}}@keyframes qbadge-just{0%{opacity:0;transform:scale(3)rotate(-20deg)}70%{opacity:1;transform:scale(.85)rotate(8deg)}to{transform:rotate(6deg)}}.stamp-mark{box-shadow:none;background:0 0;border:0;border-radius:0}.stamp-mark>:not(.stamp-px){position:relative}.stamp-px{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.stamp-px .ring{fill:currentColor}.stamp-px .fill{fill:#ebfbeef5}.stamp-mark{color:#91ce22}.stamp-px .tick{fill:#f5feff}.stamp-ink i{background:#91ce22}.qcard .q-stamp-clip{z-index:-1;pointer-events:none;border:9px solid #0000;position:absolute;inset:0;-webkit-mask-box-image:url(/badge.png) 3 fill/9px}.qcard .q-stamp{width:104px;height:104px;inset:auto -24px -24px auto;transform:rotate(-12deg)}.qcard.just .q-stamp{animation:.5s cubic-bezier(.55,0,.6,1.4) .1s both qstamp-just}@keyframes qstamp-just{0%{opacity:0;transform:scale(2.4)rotate(-35deg)}70%{opacity:1;transform:scale(.9)rotate(-6deg)}to{transform:rotate(-12deg)}}.student.join .qcard.stamped{--btn:#f1fadf;--btn-sh:#91ce22}.quests .quest.stamped .quest-no:before{background:#91ce22}.qcard.stamped .q-state{color:#5c8f0e}.qcard .q-stamp{color:#91ce22}.qmodal .q-stamp-top{color:#91ce22;flex:none;width:56px;height:56px;position:static}.tv-modal.ask.qmodal.stamped{background:#f1fadf}.qmodal.stamped .q-done{color:#5c8f0e}.qmodal.stamped .q-steps,.qmodal.stamped .q-meta span{background:#e3f3c4}.tv-modal.ask.qmodal.stamped .back{--btn:#e3f3c4;--btn-sh:#91ce22}body:has(.staff-plain){background:#121212}.staff-plain{color:#eee;flex-direction:column;gap:14px;max-width:420px;margin:0 auto;padding:24px 16px 32px;font-family:IBM Plex Sans Thai,system-ui,sans-serif;display:flex}.staff-plain label{color:#aaa;flex-direction:column;gap:6px;font-size:.9rem;display:flex}.staff-plain input,.staff-plain select,.staff-plain button{font:inherit;color:#fff;background:#1c1c1c;border:1px solid #333;border-radius:6px;outline:none;padding:12px;font-size:1.05rem}.staff-plain input:focus,.staff-plain select:focus{border-color:#888}.staff-plain .staff-otp{letter-spacing:.5em;text-align:center;padding-left:.5em;font-size:2rem}.staff-plain .staff-pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.staff-plain .staff-pad button{padding:14px 0;font-size:1.5rem}.staff-plain .staff-pad button.fn{color:#888}.staff-plain button{cursor:pointer}.staff-plain button:active:not(:disabled){background:#2a2a2a}.staff-plain>button{color:#111;background:#fff;border-color:#fff;padding:14px;font-weight:700}.staff-plain>button:active:not(:disabled){background:#ddd}.staff-plain>button:disabled{color:#555;background:#1c1c1c;border-color:#333}.staff-plain .ok,.staff-plain .err{text-align:center;margin:0}.staff-plain .ok{color:#5fd38d}.staff-plain .err{color:#ff6b6b}.spin-pad{grid-template-columns:repeat(3,1fr);gap:10px 8px;display:grid}.student.join .spin-pad button{--btn:#eef3f7;--btn-sh:#b4bfd0;color:var(--ink);padding:12px 0;font-size:1.5rem}.student.join .spin-pad button.fn{--btn:#e1e7ef;color:var(--dim);font-size:1.2rem}.tv-modal.ask.spin{gap:10px;max-height:calc(100dvh - 32px);overflow-y:auto}.tv-modal.ask.spin .otp-input{padding-top:8px;padding-bottom:6px}.student.join .spin-pad{gap:8px 6px}.student.join .spin-pad button{padding:8px 0;font-size:1.35rem}.sv-face{aspect-ratio:1;width:100%;max-width:36px;margin:0 auto;display:block}.sv-face .fa{fill:#f5feff}.sv-face .fb{fill:#100f24}.sv-faces .chip:not(.on) .sv-face .fa{fill:#dde4ee}.sv-faces .chip:not(.on) .sv-face .fb{fill:#5d6680}.student.join .sv-faces .chip.on.face-1{--btn:#f03e3e;--btn-sh:#a51d1d}.student.join .sv-faces .chip.on.face-2{--btn:#fd7e14;--btn-sh:#b35309}.student.join .sv-faces .chip.on.face-3{--btn:#fcc419;--btn-sh:#b08800}.student.join .sv-faces .chip.on.face-4{--btn:#94d82d;--btn-sh:#5c940d}.student.join .sv-faces .chip.on.face-5{--btn:#40c057;--btn-sh:#2b8a3e}.student.join .sv-faces .chip{padding:10px 0}.sv-faces .chip.on .sv-face .fb{fill:var(--btn)}.student.join .survey .chips:not(.sv-faces) .chip.on:not(.skip){--btn:#339af0;--btn-sh:#1864ab;color:#fff}.student.join.thanks{position:relative}.student.join .thanks .save-char,.student.join.thanks .save-char{z-index:2;--btn:#fff;--btn-sh:#b4bfd0;padding:12px 14px;animation:.5s cubic-bezier(.2,.9,.3,1.3) .3s both modal-reveal;position:absolute;top:16px;right:16px}.student.join.thanks .save-char svg{width:27px;height:21px;display:block}.staff-plain .staff-logout{color:#666;background:0 0;border:0;align-self:center;padding:6px;font-size:.85rem;text-decoration:underline}.staff-plain.staff-login{justify-content:center;min-height:100dvh;padding-top:0;padding-bottom:0}:is(html:has(.staff-plain),body:has(.staff-plain)){overscroll-behavior:none;touch-action:manipulation;height:100%;overflow:hidden}.staff-plain{box-sizing:border-box;gap:10px;height:100dvh;padding-top:16px;padding-bottom:16px;overflow:hidden}.staff-plain .staff-pad{flex:auto;grid-auto-rows:1fr;min-height:0;max-height:340px}.staff-plain .staff-pad button{min-height:0;padding:0}.staff-plain .staff-field{flex-direction:column;gap:6px;display:flex}.staff-plain .staff-field-head{justify-content:space-between;align-items:center;display:flex}.staff-plain .staff-field-head label{color:#aaa;font-size:.9rem}.staff-plain .staff-field-head .staff-logout{padding:0;font-size:.85rem}:is(body:has(.ad),body:has(.ad-login)){background:#0f0f10}.ad,.ad-login{--bg:#0f0f10;--panel:#17171a;--panel2:#1e1e22;--line:#2a2a30;--ink:#ececf1;--dim:#8b8b96;--mute:#5c5c66;--accent:#4c8dff;--ok:#3fb950;--bad:#f85149;color:var(--ink);font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-size:14px}.ad{grid-template-columns:220px 1fr;min-height:100dvh;display:grid}.ad button{font:inherit;cursor:pointer}.ad .dim{color:var(--dim)}.ad-empty{color:var(--mute);text-align:center;margin:0;padding:18px 0;list-style:none}.ad-btn{font:inherit;border:1px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer;border-radius:6px;padding:8px 12px}.ad-btn:hover{border-color:#3a3a42}.ad-btn.primary{background:var(--ink);color:#111;border-color:var(--ink);font-weight:600}.ad-btn.primary:disabled{background:var(--panel2);color:var(--mute);border-color:var(--line)}.ad-btn.ghost{color:var(--dim);background:0 0}.ad-btn.danger{color:var(--bad);background:0 0;border-color:#f8514966}.ad-btn.danger:hover{background:#f851491a}.ad-btn.sm{padding:5px 10px;font-size:.85rem}.ad-side{background:var(--panel);border-right:1px solid var(--line);box-sizing:border-box;flex-direction:column;gap:20px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.ad-brand{padding:0 8px;font-size:1.05rem;font-weight:700}.ad-brand span,.ad-login h1 span{color:var(--dim);font-weight:400}.ad-side nav{flex-direction:column;gap:2px;display:flex}.ad-side nav button{text-align:left;color:var(--dim);background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.ad-side nav button:hover{background:var(--panel2);color:var(--ink)}.ad-side nav button.on{background:var(--panel2);color:var(--ink);font-weight:600}.ad-side nav em{color:var(--mute);font-size:.75rem;font-style:normal}.ad-side-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.ad-live{color:var(--dim);align-items:center;gap:8px;padding:0 4px 4px;font-size:.8rem;display:flex}.ad-live i{background:var(--ok);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3fb9502e}.ad-main{flex-direction:column;gap:18px;min-width:0;padding:24px 28px 40px;display:flex}.ad-top{align-items:center;gap:12px;display:flex}.ad-top h1{margin:0;font-size:1.4rem;font-weight:600}.ad-menu{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:6px;padding:4px 10px;font-size:1.1rem;display:none}.ad-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.ad-kpis>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.ad-kpis span{color:var(--dim);font-size:.82rem}.ad-kpis b{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1.1}.ad-kpis small{color:var(--mute);font-size:.78rem}.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ad-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0;padding:16px}.ad-panel.span2{grid-column:span 2}.ad-panel.span3{grid-column:1/-1}.ad-panel>header{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.ad-panel h3{margin:0;font-size:.92rem;font-weight:600}.ad-panel>header span{color:var(--mute);white-space:nowrap;font-size:.78rem}.ad-hbars{flex-direction:column;gap:8px;display:flex}.ad-hbar{grid-template-columns:minmax(0,38%) 1fr 36px;align-items:center;gap:10px;display:grid}.ad-hbar-label{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.ad-hbar-track{background:var(--panel2);border-radius:4px;height:8px;overflow:hidden}.ad-hbar-track i{background:var(--accent);border-radius:0 4px 4px 0;height:100%;transition:width .4s;display:block}.ad-hbar:hover .ad-hbar-track i{filter:brightness(1.2)}.ad-hbar b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.ad-cols-plot{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 44px,#ffffff0a 44px 45px);align-items:flex-end;gap:6px;height:180px;display:flex}.ad-col{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.ad-col i{background:var(--accent);opacity:.85;border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .4s;display:block}.ad-col i.on{opacity:1;filter:brightness(1.2)}.ad-tip{white-space:nowrap;border:1px solid var(--line);z-index:2;pointer-events:none;background:#000;border-radius:6px;padding:4px 8px;font-size:.78rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.ad-cols-axis{gap:6px;margin-top:6px;display:flex}.ad-cols-axis span{text-align:center;color:var(--mute);font-variant-numeric:tabular-nums;flex:1;font-size:.72rem}.ad-feed{flex-direction:column;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.ad-feed li{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:9px 0;display:flex}.ad-feed li:last-child{border-bottom:0}.ad-feed small{color:var(--mute);font-size:.78rem}.ad-feed p{white-space:pre-wrap;margin:0}.ad-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.ad-search{max-width:320px;font:inherit;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:6px;outline:none;flex:220px;padding:8px 12px}.ad-search:focus{border-color:var(--accent)}.ad-seg{border:1px solid var(--line);border-radius:6px;display:flex;overflow:hidden}.ad-seg button{color:var(--dim);background:0 0;border:0;padding:7px 12px}.ad-seg button+button{border-left:1px solid var(--line)}.ad-seg button.on{background:var(--panel2);color:var(--ink);font-weight:600}.ad-count{color:var(--mute);margin-left:auto;font-size:.8rem}.ad-table-wrap{max-height:calc(100dvh - 220px);overflow:auto}.ad-table{border-collapse:collapse;width:100%;font-size:.88rem}.ad-table th{background:var(--panel);text-align:left;color:var(--mute);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:.78rem;font-weight:500;position:sticky;top:0}.ad-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px}.ad-table .c{text-align:center;padding-left:4px;padding-right:4px}.ad-table tbody tr{cursor:pointer}.ad-table tbody tr:hover td{background:#ffffff06}.ad-table tbody tr.sel td{background:#4c8dff14}.ad-prog{background:var(--panel2);vertical-align:middle;border-radius:3px;width:70px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.ad-prog i{background:var(--ok);height:100%;display:block}.ad-cell{border:1px solid var(--line);color:#fff;background:0 0;border-radius:5px;width:24px;height:24px;padding:0;font-size:.8rem;line-height:1}.ad-cell:hover{border-color:var(--dim)}.ad-cell.on{background:var(--ok);border-color:var(--ok)}.ad-tag{border:1px solid var(--line);border-radius:99px;padding:2px 8px;font-size:.78rem;display:inline-block}.ad-tag.ok{color:var(--ok);background:#3fb95014;border-color:#3fb95066}.ad-rar{border:1px solid var(--line);color:var(--dim);vertical-align:1px;border-radius:4px;margin-left:4px;padding:0 5px;font-size:.68rem;font-weight:700;display:inline-block}.ad-rar.r-SR{color:#c08bff;border-color:#c08bff66}.ad-rar.r-SSR{color:#f9c74f;border-color:#f9c74f66}.ad-rar.r-UR{color:#ff7b72;border-color:#ff7b7266}.ad-drawer-wrap{z-index:50;background:#00000080;animation:.15s ease-out ad-fade;position:fixed;inset:0}.ad-drawer{background:var(--panel);border-left:1px solid var(--line);box-sizing:border-box;flex-direction:column;gap:16px;width:min(400px,100%);padding:20px;animation:.2s cubic-bezier(.2,.8,.3,1) ad-slide;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:auto}@keyframes ad-fade{0%{opacity:0}}@keyframes ad-slide{0%{opacity:0;transform:translate(30px)}}.ad-drawer>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ad-drawer h2{margin:0;font-size:1.2rem}.ad-drawer header small{color:var(--dim)}.ad-drawer h4{color:var(--mute);margin:0;font-size:.8rem;font-weight:500}.ad-x{color:var(--dim);background:0 0;border:0;padding:4px;font-size:1rem}.ad-dl{grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:.88rem;display:grid}.ad-dl dt{color:var(--mute)}.ad-dl dd{margin:0}.ad-stamps{border:1px solid var(--line);border-radius:8px;margin:0;padding:0;list-style:none}.ad-stamps li{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.ad-stamps li+li{border-top:1px solid var(--line)}.ad-stamps li div{flex-direction:column;gap:2px;min-width:0;display:flex}.ad-stamps small{color:var(--mute);font-size:.78rem}.ad-drawer-actions{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.ad-login{box-sizing:border-box;place-items:center;min-height:100dvh;padding:16px;display:grid}.ad-login form{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;width:min(340px,100%);padding:24px;display:flex}.ad-login h1{margin:0 0 4px;font-size:1.2rem}.ad-login label{color:var(--dim);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.ad-login input{font:inherit;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:6px;outline:none;padding:10px 12px;font-size:1rem}.ad-login input:focus{border-color:var(--accent)}.ad-login .ad-btn{padding:10px}.ad-err{color:var(--bad);margin:0;font-size:.85rem}@media (width<=1000px){.ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-panel.span2{grid-column:1/-1}}@media (width<=760px){.ad{grid-template-columns:1fr}.ad-side{z-index:40;width:240px;transition:transform .2s;position:fixed;left:0;transform:translate(-100%)}.ad-side.open{transform:none;box-shadow:0 0 0 100vmax #00000080}.ad-menu{display:block}.ad-main{padding:16px}.ad-grid{grid-template-columns:1fr}.ad-count{margin-left:0}}.staff-plain,.staff-plain input,.staff-plain select,.staff-plain button,.ad,.ad-login,.ad input,.ad button,.ad-login input,.ad-login button{font-family:Sarabun,system-ui,sans-serif}.ad-donut{grid-template-columns:132px 1fr;align-items:center;gap:16px;display:grid}.ad-donut svg{width:132px;height:132px;display:block;overflow:visible}.ad-donut circle{cursor:pointer;transition:stroke-width .15s,opacity .15s}.ad-donut circle.fade{opacity:.35}.ad-donut-num{fill:var(--ink);font:600 22px Sarabun,sans-serif}.ad-donut-sub{fill:var(--mute);font:400 11px Sarabun,sans-serif}.ad-legend{flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ad-legend li{cursor:default;border-radius:5px;grid-template-columns:10px minmax(0,1fr) auto 38px;align-items:center;gap:8px;padding:3px 6px;font-size:.84rem;display:grid}.ad-legend li.on{background:var(--panel2)}.ad-legend i{border-radius:3px;width:10px;height:10px}.ad-legend span{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ad-legend b{font-variant-numeric:tabular-nums;font-weight:600}.ad-legend small{color:var(--mute);text-align:right;font-variant-numeric:tabular-nums}.ad-note{color:var(--dim);margin:0;font-size:.85rem}.ad-quests{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;display:grid}.ad-quest{flex-direction:column;gap:12px;display:flex}.ad-quest>header{margin-bottom:0}.ad-quest h3{align-items:center;gap:8px;display:flex}.ad-qno{background:var(--panel2);border:1px solid var(--line);width:22px;height:22px;color:var(--dim);border-radius:5px;place-items:center;font-size:.78rem;display:inline-grid}.ad-prog.ad-prog-full{width:100%;margin:0;display:block}.ad-form{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ad-form label{color:var(--mute);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.ad-form label.full{grid-column:1/-1}.ad-form label small{color:var(--mute);font-size:.72rem}.ad-form input,.ad-form textarea{font:inherit;color:var(--ink);background:var(--panel2);border:1px solid var(--line);resize:vertical;border-radius:6px;outline:none;padding:8px 10px;font-family:Sarabun,system-ui,sans-serif;font-size:.9rem}.ad-form input:focus,.ad-form textarea:focus{border-color:var(--accent)}.ad-quest>footer{align-items:center;gap:8px;display:flex}.ad-quest>footer small{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ad-save-state{color:var(--ok);font-size:.8rem}.ad-save-state.err{color:var(--bad)}@media (width<=760px){.ad-quests,.ad-form{grid-template-columns:1fr}}.ad-nav-sec{letter-spacing:.06em;color:var(--mute);margin:14px 10px 4px;font-size:.7rem}.ad .grow{flex:1}.ad-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.ad-foot .ad-note{margin:0}.ad-panel>.ad-note{margin-top:10px}.ad-edit tbody tr{cursor:default}.ad-edit tbody tr:hover td{background:0 0}.ad-edit tr.off td{opacity:.5}.ad-edit input{font:inherit;color:var(--ink);background:var(--panel2);border:1px solid var(--line);box-sizing:border-box;border-radius:6px;outline:none;width:100%;min-width:120px;padding:6px 8px;font-family:Sarabun,system-ui,sans-serif;font-size:.88rem}.ad-edit input.num{font-variant-numeric:tabular-nums;width:90px;min-width:0}.ad-edit input:focus{border-color:var(--accent)}.ad-actions{justify-content:flex-end;gap:6px;display:flex}.ad-form input.num{font-variant-numeric:tabular-nums;max-width:160px}.ad-rules{grid-template-columns:repeat(3,minmax(0,1fr))}.ad-rules small{color:var(--mute);font-size:.74rem}.ad-staff-add{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.ad-staff-add-btn{align-items:center;gap:8px;display:flex}.ad-staff-add-btn .ad-btn{padding:8px 14px}.ad-add-quest{align-items:center;gap:10px;padding:12px;display:flex}.ad-add-quest input{max-width:360px;font:inherit;color:var(--ink);background:var(--panel2);border:1px solid var(--line);border-radius:6px;outline:none;flex:1;padding:8px 10px;font-family:Sarabun,system-ui,sans-serif}.ad-add-quest input:focus{border-color:var(--accent)}@media (width<=760px){.ad-rules,.ad-staff-add{grid-template-columns:1fr}.ad-actions{flex-wrap:wrap}}.ad-staff-pw{grid-template-columns:minmax(0,320px) 1fr auto;align-items:end}.ad-check{align-items:center;padding-bottom:8px;color:var(--dim)!important;flex-direction:row!important;gap:8px!important;font-size:.84rem!important}.ad-check input{width:16px;height:16px;accent-color:var(--accent)}@media (width<=760px){.ad-staff-pw{grid-template-columns:1fr}}.ad-icon-cell{align-items:center;gap:4px;display:flex}.ad-icon{border:1px dashed var(--line);background:var(--panel2);cursor:pointer;border-radius:6px;place-items:center;width:40px;height:40px;display:grid;position:relative;overflow:hidden}.ad-icon:hover{border-color:var(--accent)}.ad-icon img{max-width:32px;max-height:32px;image-rendering:pixelated}.ad-icon input{opacity:0;cursor:pointer;position:absolute;inset:0}.thanks-prize-icon{object-fit:contain;width:72px;height:72px;image-rendering:pixelated;margin:4px auto}.ad-icon{width:64px;height:64px}.ad-icon img{object-fit:contain;width:56px;max-width:56px;height:56px;max-height:56px}.ad-icon img.default{opacity:1}.ad-dialog-wrap{z-index:80;background:#0009;place-items:center;padding:16px;animation:.12s ease-out ad-fade;display:grid;position:fixed;inset:0}.ad-dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(400px,100%);padding:20px;animation:.16s cubic-bezier(.2,.8,.3,1) ad-pop;box-shadow:0 20px 60px #00000080}@keyframes ad-pop{0%{opacity:0;transform:scale(.96)}}.ad-dialog h3{margin:0 0 8px;font-size:1.05rem;font-weight:600}.ad-dialog p{color:var(--dim);margin:0;font-size:.9rem;line-height:1.55}.ad-dialog footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.ad-btn.danger.solid{background:var(--bad);color:#fff;border-color:var(--bad);font-weight:600}.ad-btn.danger.solid:hover{background:#e5443c}.ad-brooch{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.ad-brooch .ad-toolbar+.ad-toolbar{margin-top:-4px}.ad-cb{width:16px;height:16px;accent-color:var(--accent);pointer-events:none}.ad-sheets{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:calc(100dvh - 220px);display:grid;overflow:auto}.ad-sheets figure{flex-direction:column;gap:4px;margin:0;display:flex}.ad-sheets img{aspect-ratio:210/297;width:100%;box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:4px}.ad-sheets figcaption{color:var(--mute);text-align:center;font-size:.75rem}@media (width<=1000px){.ad-brooch{grid-template-columns:1fr}}.spin-wait{justify-content:center;gap:10px;padding:10px 0 4px;display:flex}.spin-wait i{background:#339af0;width:12px;height:12px;animation:1.1s ease-in-out infinite spin-wait}.spin-wait i:nth-child(2){animation-delay:.15s}.spin-wait i:nth-child(3){animation-delay:.3s}@keyframes spin-wait{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-8px)}}.watch-tv{z-index:700;text-align:center;color:#fff;touch-action:none;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.3s ease-out both stamp-bg-in;display:flex;position:fixed;inset:0}.watch-tv h2{color:#ffd43b;margin:0;font-size:1.8rem;font-weight:800}.watch-tv p{color:#ffffffd9;margin:0;font-size:1rem;line-height:1.6}.watch-tv .spin-wait i{background:#ffd43b}body:has(.watch-tv){overflow:hidden}.ad-quest .ad-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-form input,.ad-form textarea{box-sizing:border-box;width:100%;min-width:0}.tv-sound{z-index:2;cursor:pointer;isolation:isolate;background:0 0;border:0;place-items:center;width:3.4vw;min-width:48px;height:3vw;min-height:42px;padding:0;transition:transform .12s;display:grid;position:absolute;bottom:2vh;right:1vw}.tv-sound:hover svg{opacity:.8}.tv-sound:active{transform:scale(.94)}.tv-sound svg{fill:#fff;width:42%;height:auto}.tv-sound:not(.on) svg{fill:#6b6b78}.tv-sound{opacity:0;transition:opacity .4s,transform .12s}.tv-sound.show,.tv-sound:hover,.tv-sound:focus-visible{opacity:1}.ad-phone-box{flex-direction:column;gap:10px;max-height:calc(100dvh - 32px);animation:.16s cubic-bezier(.2,.8,.3,1) ad-pop;display:flex}.ad-phone-box>header{color:var(--ink);align-items:center;gap:10px;display:flex}.ad-phone-box>header small{color:#f0b429;font-size:.8rem}.ad-phone-box>header .ad-x{margin-left:auto}.ad-phone{box-sizing:border-box;background:#000;border-radius:28px;padding:12px;overflow:hidden;box-shadow:0 0 0 2px #2a2a30,0 20px 60px #0009}.ad-tv-preview-box{width:min(1100px,100%);max-height:calc(100dvh - 32px);color:var(--ink);flex-direction:column;gap:10px;display:flex}.ad-tv-preview-box>header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ad-tv-preview-box>header .ad-x{margin-left:auto}.ad-tv-stage{background:#000;border-radius:12px;place-items:center;height:min(86vh,100dvh - 90px);display:grid;position:relative;overflow:hidden}