@font-face{font-family:Kanit;font-style:italic;font-weight:500;font-display:swap;src:url(../media/15025feced90a975-s.p.0uwr6mr861d60.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:italic;font-weight:500;font-display:swap;src:url(../media/95e814f6ca5f8a5b-s.0j0pxyxmxn0ce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:italic;font-weight:500;font-display:swap;src:url(../media/2b67eefa65f21c87-s.27-8j1g3jhsct.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:italic;font-weight:500;font-display:swap;src:url(../media/cd3c2dc8e5fd5bd3-s.p.2b3qb4jwuz-u3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:italic;font-weight:600;font-display:swap;src:url(../media/9f7fcfc0a57bd17b-s.p.18ztyb-k2_as8.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:italic;font-weight:600;font-display:swap;src:url(../media/d697957318a3041d-s.17mx_3os8ty6e.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:italic;font-weight:600;font-display:swap;src:url(../media/0acc6e15a755f122-s.2f9bql591l7ke.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:italic;font-weight:600;font-display:swap;src:url(../media/f3d2baa76da470af-s.p.3erim00_ggwj7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:italic;font-weight:700;font-display:swap;src:url(../media/8ac2c8eb05e190b3-s.p.3_0rc9oy9-3on.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:italic;font-weight:700;font-display:swap;src:url(../media/b7c006f4a3539013-s.1ptzvjmdgkbht.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:italic;font-weight:700;font-display:swap;src:url(../media/59bbbe803addea2c-s.3j0t_xsfsfmeq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:italic;font-weight:700;font-display:swap;src:url(../media/3ca0541a8565f576-s.p.0nrqt6g_fiouz.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:italic;font-weight:800;font-display:swap;src:url(../media/516e885870fbc345-s.p.31_6ixr_w7ch7.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:italic;font-weight:800;font-display:swap;src:url(../media/67431934d3bdd7d9-s.0el17-0az6znt.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:italic;font-weight:800;font-display:swap;src:url(../media/ab7b208edc6c77b7-s.0ek3jtw1sl6xq.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:italic;font-weight:800;font-display:swap;src:url(../media/8d05c397641e85ef-s.p.3md56pgsl4_cx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:italic;font-weight:900;font-display:swap;src:url(../media/e7876b1b26aede50-s.p.25lb0af5hz6yl.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:italic;font-weight:900;font-display:swap;src:url(../media/c37759883a481e9c-s.2xm63i06z8baf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:italic;font-weight:900;font-display:swap;src:url(../media/5d53fdc2c9522e86-s.1mrjorki2hiff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:italic;font-weight:900;font-display:swap;src:url(../media/269b42b30992c841-s.p.0abssb_1x05s3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ee260ded08fe844a-s.p.3j785ygmx2sxp.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/141f9b677969b252-s.2ziap8r8vixmb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/e6c535b27eb21c14-s.3zvdh294vpi9c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad80f934d0ba4cc5-s.p.3y48j16vw3ns0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e7ecce081583ba2c-s.p.3-cnw-vwwbh1_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/f06b86efc01d0bb1-s.1858_xfzcanvy.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e289b28b70341679-s.0h71b1gd0-8_7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e594111a537d683e-s.p.3btzg3pbxiu1o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7073fd279eded816-s.p.3zj8sbbtpwle6.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b86504e4d4e456c6-s.2oiv5hw7w39w8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5716ecb41c2d1f3f-s.24ikpou2wpz2l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8255a21fc7b55f7c-s.p.1j3epi4sx1jkp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7a660029f6be2aaa-s.p.3qn7s-j_rzsfw.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/3604c89466bed609-s.29fxwetao4wg9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/a2fca7b8d5131e89-s.1l6j2miq2xkli.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b27f4577309d3d0e-s.p.2mye7a10bd_rx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/3562b7b180c37f33-s.p.1jpt8e9q-b8sg.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/4facfbdcbf8d3240-s.2u-kfs_a2ay38.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/7230d36a63fff3a6-s.1yf-m_62gjsb8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(../media/4bef80830ed243d4-s.p.3octkzoya_hav.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit Fallback;src:local(Arial);ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.0%;size-adjust:101.39%}.AF-spq_className{font-family:Kanit,Kanit Fallback}.AF-spq_variable{--font-kanit:"Kanit", "Kanit Fallback"}
@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/394054bac8398f3a-s.1_o3_06unm_ig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dcec0ca6851bfaf8-s.1-9t2a8-y9qr7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0fc967cca4b01637-s.p.12zymgsojk14i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bangers Fallback;src:local(Arial);ascent-override:107.26%;descent-override:21.99%;line-gap-override:0.0%;size-adjust:82.32%}.ZeLr_W_className{font-family:Bangers,Bangers Fallback;font-style:normal;font-weight:400}.ZeLr_W_variable{--font-bangers:"Bangers", "Bangers Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/ce92d22f98cba196-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bc75617546bfc27e-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/293c566c2e1d69ac-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/ce92d22f98cba196-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bc75617546bfc27e-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/293c566c2e1d69ac-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/ce92d22f98cba196-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/bc75617546bfc27e-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/293c566c2e1d69ac-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.NSQbbG_className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.NSQbbG_variable{--font-sans:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root{--paper:#f4ead6;--paper-hi:#fffaf0;--paper-lo:#e6d7b8;--paper-dark:#cdb88f;--ink:#1a1410;--ink-dim:#5b4d3f;--ink-faint:#8d7d69;--red:#d7262e;--red-dk:#8e1219;--blue:#1f5fd1;--blue-dk:#0f3480;--yellow:#ffd43b;--yellow-dk:#c79a07;--wood:#6b4423;--wood-dk:#3d2410;--bg:var(--paper);--bg-2:var(--paper-hi);--bg-3:var(--paper-lo);--glass:var(--paper-hi);--glass-strong:var(--paper-hi);--line:var(--ink);--line-soft:#1a141038;--gold:var(--yellow);--gold-hi:var(--yellow);--gold-dim:var(--yellow-dk);--spirit:#1b9e77;--magic:#7046d8;--trap:var(--red);--atk:var(--blue);--hp:var(--red);--danger:var(--red);--ok:#178a4a;--gem:#2aa6d6;--r-common:#8d8d8d;--r-rare:var(--blue);--r-super_rare:#e3a400;--r-super_secret:#d0307a;--r-special_art:#7046d8;--r-sm:4px;--r-md:6px;--r-lg:10px;--bw:3px;--shadow:5px 5px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--halftone:radial-gradient(circle, #1a141038 1.1px, transparent 1.5px) 0 0 / 7px 7px;--halftone-light:radial-gradient(circle, #fff6 1.1px, transparent 1.5px) 0 0 / 7px 7px;--speed:repeating-conic-gradient(from 0deg at 50% 50%, #1a141024 0deg 2deg, transparent 2deg 7deg);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .26 0 0 0 0 .15 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--torn-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M0 0H200V6L193 8 186 5 178 9 171 6 163 8 156 4 149 9 141 6 134 8 126 5 119 9 112 6 104 8 97 4 90 9 82 6 75 8 67 5 60 9 53 6 45 8 38 4 31 9 23 6 16 8 8 5 0 8Z'/%3E%3C/svg%3E");--font-display:var(--font-kanit), "Noto Sans Thai", system-ui, sans-serif;--font-shout:var(--font-bangers), var(--font-kanit), system-ui, sans-serif;--font-body:var(--font-sans), "Noto Sans Thai", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background-color:var(--paper);background-image:var(--grain), radial-gradient(120% 90% at 50% 0%, var(--paper-hi) 0%, var(--paper) 55%, var(--paper-lo) 100%);background-repeat:repeat,no-repeat;background-size:auto,100% 100%}:root{--safe-top:env(safe-area-inset-top,0px)}body{min-height:100vh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:0 0;font-size:16px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:800;line-height:1.2}h1{font-size:clamp(1.7rem,4vw,2.5rem)}h2{font-size:1.25rem}p{margin:0}a{color:var(--blue)}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--ink-dim)}.hint{color:var(--ink-dim);font-size:.9rem}.page-bg{z-index:-1;pointer-events:none;background:var(--page-bg,none) center / cover no-repeat, linear-gradient(180deg, #8fd0ff, #d9f0ff 70%, #f7e9c4);position:fixed;inset:0}.page-bg:after{content:"";background:#f4ead673;position:absolute;inset:0}.page{max-width:1280px;padding:24px 20px calc(104px + env(safe-area-inset-bottom));margin:0 auto}.page-wide{max-width:1320px}.stack{flex-direction:column;gap:16px;display:flex}.panel{background:var(--paper-hi);border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow);padding:18px 20px;position:relative}.panel>h2{margin-bottom:12px}.center-panel{max-width:560px;margin:24px auto}.row-actions{flex-wrap:wrap;gap:10px;display:flex}.waiting{color:var(--red);font-family:var(--font-display);font-weight:700}.waiting:after{content:"";vertical-align:bottom;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-head h2{font-size:1.15rem}.section-head a{font-size:.9rem;font-weight:700;text-decoration:none}.btn{border-radius:var(--r-md);border:var(--bw) solid var(--ink);background:var(--yellow);min-height:44px;color:var(--ink);font:inherit;font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:8px 20px;font-weight:800;text-decoration:none;transition:transform .1s,box-shadow .1s,filter .1s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:grayscale(.6)}.btn-red{background:var(--red);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-quiet{background:var(--paper-hi);color:var(--ink);font-weight:700}.btn-danger{background:var(--paper-hi);color:var(--red);border-color:var(--red);box-shadow:3px 3px 0 var(--red);font-weight:700}.btn-danger:hover:not(:disabled){box-shadow:4px 4px 0 var(--red)}.btn-small{border-width:2px;min-height:36px;padding:3px 14px;font-size:.9rem}.btn-big{min-height:56px;padding:10px 30px;font-size:1.15rem}.btn-icon{min-width:44px;padding:0}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-dim);font-size:.9rem;font-weight:600}.input,.select{border-radius:var(--r-md);border:2px solid var(--ink);min-height:46px;color:var(--ink);font:inherit;background:#fff;width:100%;padding:8px 14px;box-shadow:inset 2px 2px #1a14101f}.input::placeholder{color:var(--ink-faint)}.input:focus-visible,.select:focus-visible{border-color:var(--blue);outline-offset:0;outline:3px solid #1f5fd159}.input-wrap{display:block;position:relative}.input-wrap .input{padding-left:42px}.input-wrap .input-icon{width:18px;height:18px;color:var(--ink-dim);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.input-wrap .input-end{box-shadow:none;background:0 0;border-width:0;position:absolute;top:50%;right:4px;translate:0 -50%}.form-error{color:var(--red);font-size:.95rem;font-weight:700}.lang{border:2px solid var(--ink);border-radius:var(--r-md);background:var(--paper-hi);display:inline-flex;overflow:hidden}.lang-btn{color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:0;min-height:32px;padding:4px 12px;font-size:.82rem;font-weight:700}.lang-btn[aria-pressed=true]{background:var(--ink);color:var(--paper-hi)}.lang-short{display:none}@media (max-width:420px){.lang-long{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.lang-short{display:inline}}.toasts{z-index:120;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--r-md);background:var(--paper-hi);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);padding:12px 16px;font-weight:600}.toast-error{border-color:var(--red);box-shadow:5px 5px 0 var(--red)}.rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.row{border-top:2px dashed var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.row:first-child{border-top:0;padding-top:0}.row:last-child{padding-bottom:0}.row-main{flex-direction:column;min-width:0;display:flex}.row-title{font-family:var(--font-display);color:var(--ink);overflow-wrap:anywhere;font-weight:700}a.row-title{color:var(--blue)}.empty{color:var(--ink-dim);padding:8px 0}.empty-sheet{text-align:center;color:var(--ink);padding:22px 20px;font-weight:700;line-height:1.6}.pill{border-radius:var(--r-sm);border:2px solid var(--ink);white-space:nowrap;background:var(--paper-hi);padding:0 10px;font-size:.82rem;font-weight:800}.pill-win{background:var(--yellow)}.pill-loss{background:var(--ink);color:var(--paper-hi)}.pill-bot{background:var(--blue);color:#fff}.pill-ranked{background:var(--red);color:#fff}.pill-draw{color:var(--ink-dim)}.backdrop{z-index:100;padding:calc(16px + var(--safe-top)) 16px 16px;background:#1a14109e;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--grain), var(--paper-hi);border:4px solid var(--ink);border-radius:var(--r-md);width:min(560px,100%);max-height:92vh;box-shadow:8px 8px 0 var(--ink);flex-direction:column;gap:12px;padding:26px;animation:.22s cubic-bezier(.2,.9,.3,1.3) modal-in;display:flex;position:relative;overflow:auto}@keyframes modal-in{0%{opacity:0;transform:scale(.92)rotate(-1.5deg)}}.modal h2{font-size:1.5rem}.modal-wide{width:min(720px,100%)}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.table-wrap{max-height:56vh;overflow:auto}.rw{gap:14px;width:min(520px,100%)}.rw-event{background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-sm,6px);align-items:center;gap:12px;padding:10px 14px;display:flex}.rw-event-text{min-width:0}.rw-event p{margin:0}.rw-line{font-size:1.05rem;font-weight:700;line-height:1.3}.rw-event .muted{margin-top:2px;font-size:.88rem}.rw-offers{flex-wrap:wrap;justify-content:center;gap:16px 12px;display:flex}.rw-offer{flex-direction:column;align-items:center;gap:6px;width:128px;display:flex}.rw-name{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.9rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.rw-offer .btn{white-space:normal;text-align:center;width:100%;line-height:1.2}.rw-pass{z-index:5;width:100%;position:sticky;bottom:0}@media (max-width:420px){.rw{padding:26px 16px 18px}.rw-offers{gap:14px 8px}.rw-offer{width:120px}.rw-offer .btn{padding-inline:6px}}.rw-offers:has(.rw-offer-detail){flex-direction:column;align-items:stretch}.rw-offer-detail{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:8px 14px;width:100%;display:grid}.rw-offer-detail>.btn{grid-column:1/-1}.rw-offer-info{text-align:left;flex-direction:column;gap:6px;min-width:0;display:flex}.rw-offer-info .rw-name{text-align:left;-webkit-line-clamp:unset;overflow-wrap:anywhere;font-size:1rem;display:block}.card-effects{overflow-wrap:anywhere;flex-direction:column;gap:6px;font-size:.88rem;line-height:1.35;display:flex}.card-effects p{margin:0}@media (max-width:420px){.rw-offer-detail{grid-template-columns:84px minmax(0,1fr);gap:6px 10px}.rw-offer-detail .card-field{transform-origin:0 0;margin-bottom:-40px;transform:scale(.75)}}.action-alert-zone{z-index:110;pointer-events:none;width:min(380px,100vw - 20px);position:fixed;top:50%;right:10px;translate:0 -50%}.action-alert{pointer-events:auto;text-align:left;cursor:pointer;width:100%;max-height:70vh;font:inherit;color:var(--ink);background:var(--grain), var(--paper-hi);border:3px solid var(--ink);border-radius:var(--r-md);box-shadow:5px 5px 0 var(--ink);grid-template-columns:64px minmax(0,1fr);align-items:start;gap:12px;padding:22px 12px 12px;display:grid;position:relative;overflow:auto}.action-alert-tag{background:var(--red);color:#fff;border:2px solid var(--ink);border-top:0;padding:1px 10px;font-size:.78rem;font-weight:900;position:absolute;top:-3px;left:10px}.action-alert-card{width:64px;height:92px;overflow:hidden}.action-alert-card .card-field{transform-origin:0 0;transform:scale(.571)}.action-alert-body{flex-direction:column;gap:6px;min-width:0;display:flex}.action-alert-name{overflow-wrap:anywhere;font-size:1.05rem;line-height:1.2}.action-alert-effects{font-size:.82rem}.action-alert-result{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.action-alert-result li{border-left:4px solid var(--red);overflow-wrap:anywhere;background:#d7262e1a;padding:3px 8px;font-size:.88rem;font-weight:700;line-height:1.3}@media (max-width:420px){.action-alert{grid-template-columns:48px minmax(0,1fr);gap:10px}.action-alert-card{width:48px;height:69px}.action-alert-card .card-field{transform:scale(.43)}}.stats{border-collapse:collapse;width:100%;font-size:.95rem}.stats th,.stats td{border-bottom:2px dashed var(--line-soft);text-align:right;padding:6px 8px}.stats th[scope=row]{text-align:left;color:var(--ink-dim);font-weight:600}.feed-list{flex-direction:column;gap:4px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.feed-list li{border-left:4px solid var(--line-soft);color:var(--ink-dim);padding:3px 8px}.feed-list li.mine{border-left-color:var(--blue);color:var(--ink)}.feed-list li.theirs{border-left-color:var(--red)}@media (prefers-reduced-motion:reduce){.waiting:after,.modal{animation:none}.btn{transition:none}}[id]{scroll-margin-top:92px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mpanel{--clip:polygon(0 2%, 100% 0, 98.5% 100%, 1.5% 97%);font:inherit;color:var(--ink);text-align:left;transform:rotate(var(--tilt,0deg));filter:drop-shadow(5px 5px 0 var(--ink));background:0 0;border:0;padding:0;text-decoration:none;transition:transform .16s,filter .16s;display:block;position:relative}.mp-b{--clip:polygon(2.5% 0, 100% 3%, 100% 100%, 0 96%)}.mp-c{--clip:polygon(0 0, 97% 2.5%, 100% 98%, 1% 100%)}.mp-d{--clip:polygon(1.5% 3%, 100% 0, 97.5% 97%, 0 100%)}a.mpanel:hover,button.mpanel:hover{filter:drop-shadow(8px 8px 0 var(--ink));transform:rotate(0)translate(-2px,-3px)}a.mpanel:active,button.mpanel:active{filter:drop-shadow(1px 1px 0 var(--ink));transform:translate(3px,3px)}a.mpanel,button.mpanel{cursor:pointer}a.mpanel:focus-visible,button.mpanel:focus-visible{outline:none}a.mpanel:focus-visible .mpanel-frame,button.mpanel:focus-visible .mpanel-frame{background:var(--blue)}.mpanel-frame{height:100%;padding:var(--bw);background:var(--ink);clip-path:var(--clip);display:block;position:relative}.mpanel-inner{height:100%;min-height:inherit;clip-path:var(--clip);background:var(--tone-bg,var(--paper-hi));display:block;position:relative;overflow:hidden}.tone-red{--tone-bg:linear-gradient(160deg, #ef4a4f, var(--red) 60%, var(--red-dk));--tone-fg:#fff}.tone-blue{--tone-bg:linear-gradient(160deg, #4f8bf0, var(--blue) 60%, var(--blue-dk));--tone-fg:#fff}.tone-yellow{--tone-bg:linear-gradient(160deg, #ffe680, var(--yellow));--tone-fg:var(--ink)}.tone-ink{--tone-bg:linear-gradient(160deg, #3a2f27, var(--ink));--tone-fg:var(--paper-hi)}.mpanel-art{background:var(--speed), var(--halftone);position:absolute;inset:0}.tone-red .mpanel-art,.tone-blue .mpanel-art,.tone-ink .mpanel-art{background:repeating-conic-gradient(from 0deg at 70% 40%, #ffffff24 0deg 2deg, transparent 2deg 7deg), var(--halftone-light)}.mpanel-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mpanel-label{z-index:2;flex-direction:column;align-items:flex-start;gap:0;padding:10px 16px 12px;display:flex;position:absolute;bottom:0;left:0}.mpanel-title{font-family:var(--font-display);color:var(--ink);background:var(--paper-hi);border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);padding:2px 12px 4px;font-size:clamp(1.15rem,2.2vw,1.7rem);font-weight:900;line-height:1.1;display:inline-block;transform:rotate(-3deg)skew(-6deg)}.mpanel-sub{font-style:normal;font-family:var(--font-shout);letter-spacing:.08em;color:var(--tone-fg,var(--ink));text-shadow:1px 1px 0 var(--paper-hi), -1px -1px 0 var(--paper-hi), 1px -1px 0 var(--paper-hi), -1px 1px 0 var(--paper-hi);margin:4px 0 0 10px;font-size:.95rem}.tone-red .mpanel-sub,.tone-blue .mpanel-sub,.tone-ink .mpanel-sub{text-shadow:2px 2px 0 var(--ink)}.mpanel-pop{z-index:2}.mpanel-pop .mpanel-label{z-index:3;padding:0;bottom:-24px;left:-18px}.mpanel-pop .mpanel-title{box-shadow:5px 5px 0 var(--ink);padding:4px 20px 8px;transform:rotate(-4deg)skew(-8deg)}.mpanel-pop .mpanel-sub{color:var(--ink);text-shadow:1px 1px 0 var(--paper-hi), -1px -1px 0 var(--paper-hi), 1px -1px 0 var(--paper-hi), -1px 1px 0 var(--paper-hi);margin:6px 0 0 22px}.mpanel.is-locked{cursor:not-allowed}.mpanel.is-locked .mpanel-inner{filter:grayscale(.85)contrast(.9)}.mpanel.is-locked .mpanel-art{opacity:.6}.stamp{z-index:3;white-space:nowrap;font-family:var(--font-display);letter-spacing:.04em;color:var(--red);border:3px double var(--red);background:var(--paper-hi);border-radius:6px;padding:2px 12px;font-size:.95rem;font-weight:900;position:absolute;top:14px;right:14px;rotate:8deg}.burst{isolation:isolate;place-items:center;padding:.9em 1.4em;display:inline-grid;position:relative}.burst>svg{z-index:-1;width:100%;height:100%;filter:drop-shadow(4px 4px 0 var(--ink));position:absolute;inset:0;overflow:visible}.burst polygon{fill:var(--yellow);stroke:var(--ink);stroke-width:2.4px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.burst-red polygon{fill:var(--red)}.burst-blue polygon{fill:var(--blue)}.burst-paper polygon{fill:var(--paper-hi)}.burst-text{font-family:var(--font-shout);letter-spacing:.04em;color:var(--ink);white-space:nowrap;line-height:1}.burst-red .burst-text,.burst-blue .burst-text{color:#fff;text-shadow:2px 2px 0 var(--ink)}.bubble{border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);background:#fff;border-radius:22px/18px;padding:10px 16px;font-weight:700;line-height:1.35;display:inline-block;position:relative}.bubble:after{content:"";border:var(--bw) solid var(--ink);background:#fff;border-top:0;border-left:0;width:20px;height:20px;position:absolute}.bubble-left:after{bottom:-11px;left:22px;transform:rotate(45deg)skew(12deg,12deg)}.bubble-right:after{bottom:-11px;right:22px;transform:rotate(45deg)skew(12deg,12deg)}.bubble-bottom:after{bottom:-11px;left:50%;transform:rotate(45deg)}.ttag{margin:0;display:inline-block;transform:rotate(-2deg)}.ttag>span{font-family:var(--font-display);color:var(--paper-hi);background:var(--ink);clip-path:polygon(0 0,100% 6%,96% 100%,2% 94%);box-shadow:none;padding:4px 22px 6px 16px;font-size:clamp(1.4rem,3vw,2rem);font-weight:900;line-height:1.15;display:inline-block}.ttag-red>span{background:var(--red)}.ttag-blue>span{background:var(--blue)}.ttag-yellow>span{background:var(--yellow);color:var(--ink)}h2.ttag>span{padding:3px 18px 5px 12px;font-size:1.2rem}.sheet{background:var(--grain), var(--paper-hi);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);border-radius:3px;position:relative}.sheet-torn{-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 10px) no-repeat, var(--torn-b) bottom / 100% 10px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 10px) no-repeat, var(--torn-b) bottom / 100% 10px no-repeat;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 10px) no-repeat, var(--torn-b) bottom / 100% 10px no-repeat;box-shadow:none;border-bottom:0}.sheet-wrap{filter:drop-shadow(5px 5px 0 var(--ink))}.tape:before{content:"";z-index:2;background:#ffe48cbf;border:1px solid #1a14102e;width:86px;height:24px;position:absolute;top:-12px;left:24px;rotate:-6deg}.page-turn{min-height:calc(100dvh - var(--top-h,0px))}::view-transition-group(site-header){z-index:3}::view-transition-group(.page-out){z-index:2}::view-transition-old(.page-out){transform-origin:0;background:var(--grain), var(--paper);box-shadow:inset -18px 0 24px -16px #1a141073, 6px 0 0 var(--ink), 14px 0 30px #1a141059;animation:.55s cubic-bezier(.45,0,.55,1) both page-out}::view-transition-new(.page-in){animation:.55s ease-out both page-in}@keyframes page-out{0%{filter:brightness();transform:perspective(2200px)rotateY(0)}60%{filter:brightness(.9)}to{filter:brightness(.6);transform:perspective(2200px)rotateY(-92deg)}}@keyframes page-in{0%{filter:brightness(.7)}}::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){.mpanel{transition:none}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}::view-transition-group(*){animation:none!important}}
.top-wrap{z-index:30;filter:drop-shadow(0 4px 0 var(--ink));margin-left:calc(-1 * env(safe-area-inset-left,0px));margin-right:calc(-1 * env(safe-area-inset-right,0px));position:sticky;top:0}.top{--top-px:24px;padding:calc(12px + var(--safe-top)) calc(var(--top-px) + env(safe-area-inset-right,0px)) 26px calc(var(--top-px) + env(safe-area-inset-left,0px));background:var(--top-bg,none) center / cover no-repeat, var(--halftone-light), linear-gradient(180deg, #4a423a, #211b16);-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 10px) no-repeat, var(--torn-b) bottom / 100% 10px no-repeat;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 10px) no-repeat, var(--torn-b) bottom / 100% 10px no-repeat;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 10px) no-repeat, var(--torn-b) bottom / 100% 10px no-repeat}::view-transition-group(site-header){z-index:10;animation:none}::view-transition-old(site-header){animation:none}::view-transition-new(site-header){animation:none}.top-bar{justify-content:space-between;align-items:center;gap:12px;min-width:0;max-width:1180px;margin:0 auto;padding:0 8px;display:flex}.brand{flex:none;align-items:center;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:46px;filter:drop-shadow(2px 2px 0 var(--ink));display:block}.brand-word{font-family:var(--font-shout);letter-spacing:.04em;color:var(--red);-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:1.7rem;display:inline-block;transform:rotate(-3deg)}.tbox{min-width:52px;min-height:48px;font:inherit;font-family:var(--font-display);color:var(--ink);cursor:pointer;background:var(--grain), var(--paper-hi);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:3px;flex:none;place-items:center;padding:0 14px;font-size:1.2rem;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-grid}.tbox:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.tbox:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.tbox:focus-visible,.wbox-plus:focus-visible,.nav-link:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.lang-toggle{transform:rotate(-1.5deg)}.logout{padding:0}.wallet{flex-wrap:nowrap;gap:22px;min-width:0;display:flex}.wbox{background:var(--grain), var(--paper-hi);border:3px solid var(--ink);min-height:44px;box-shadow:4px 4px 0 var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:3px;align-items:center;gap:10px;margin-left:18px;padding:3px 4px 3px 30px;font-size:1.15rem;font-weight:900;display:inline-flex;position:relative}.wbox-icon{background:var(--ink);width:44px;height:44px;filter:drop-shadow(2px 2px 0 var(--ink));border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:-20px;translate:0 -50%}.wbox-gem .wbox-icon,.wbox-dust .wbox-icon{background:0 0}.wbox-dust{padding-right:12px}.wbox-num{text-align:center;min-width:3ch}.wbox-plus{width:32px;height:32px;color:var(--ink);background:var(--paper-hi);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:3px;place-items:center;display:grid}.wbox-plus:hover{background:var(--yellow)}.wbox-plus svg{stroke-width:3px}.lv{background:var(--ink);min-height:44px;color:var(--yellow);font-family:var(--font-display);white-space:nowrap;box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 5px var(--yellow), 3px 3px 0 var(--ink);border-radius:99px;flex:none;place-items:center;padding:0 22px;font-size:1.2rem;font-weight:900;display:inline-grid}a.lv{text-decoration:none;transition:transform .12s}a.lv:hover{transform:translateY(-1px)}a.lv:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media (prefers-reduced-motion:reduce){a.lv{transition:none}}.lv-bar{border:2px solid var(--ink);background:var(--paper);border-radius:99px;width:74px;height:10px;position:relative;overflow:hidden}.lv-fill{background:var(--halftone-light), var(--yellow);transition:width .4s;position:absolute;inset:0 auto 0 0}.nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:16px auto 0;padding:0 22px;display:grid}.nav-link{isolation:isolate;min-height:84px;color:var(--ink);white-space:nowrap;font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:1.35rem;font-weight:900;line-height:1.15;text-decoration:none;display:flex;position:relative}.nav-link:before{content:"";z-index:-1;background:var(--grain), var(--halftone), var(--paper-hi);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:background .12s,transform .12s;position:absolute;inset:0;transform:skew(-14deg)}.nav-link svg{stroke-width:2.2px;flex:none;width:36px;height:36px}.nav-link:hover:before{background:var(--grain), var(--halftone), var(--yellow)}.nav-link[aria-current=page]{color:#fff;text-shadow:-1.5px -1.5px 0 var(--ink), 1.5px -1.5px 0 var(--ink), -1.5px 1.5px 0 var(--ink), 2.5px 2.5px 0 var(--ink)}.nav-link[aria-current=page] svg{filter:drop-shadow(2px 2px 0 var(--ink))}.nav-link[aria-current=page]:before{background:var(--halftone-light), linear-gradient(100deg, transparent 0 62%, #00000040 62% 64%, transparent 64%), linear-gradient(100deg, var(--red) 0 72%, var(--red-dk))}.price-icon{display:inline-flex}.avatar{background:var(--halftone), var(--yellow);border:var(--bw) solid var(--ink);color:var(--ink);font-family:var(--font-shout);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.avatar-initial{position:absolute}.avatar-img{object-fit:cover;width:100%;height:100%;position:relative}@media (max-width:960px){.top{--top-px:14px;padding-top:calc(10px + var(--safe-top));padding-bottom:24px}.wallet{gap:16px}.nav{gap:10px;padding:0 14px}.nav-link{min-height:66px;font-size:1.02rem}.nav-link svg{width:26px;height:26px}}@media (max-width:640px){.top{--top-px:8px;padding-top:calc(8px + var(--safe-top));padding-bottom:20px}.top-bar{gap:4px;padding:0 2px 0 6px}.brand-logo{height:30px}.wallet{gap:6px}.wbox-num{min-width:2ch}.wbox{min-height:36px;box-shadow:3px 3px 0 var(--ink);border-width:2.5px;gap:5px;margin-left:13px;padding:2px 3px 2px 20px;font-size:.92rem}.wbox-icon{width:30px;height:30px;left:-14px}.wbox-icon svg{width:24px;height:24px}.wbox-plus{border-width:2px;width:24px;height:24px}.wbox-plus svg{width:14px;height:14px}.tbox{min-width:34px;min-height:36px;box-shadow:3px 3px 0 var(--ink);border-width:2.5px;padding:0 6px;font-size:.95rem}.lv{min-height:36px;padding:0 8px;font-size:.95rem}.nav{gap:6px;margin-top:12px;padding:0 8px}.nav-link{gap:1px;min-height:54px;padding:4px 2px;font-size:.8rem}.nav-link svg{width:22px;height:22px}.nav-link:before{box-shadow:3px 3px 0 var(--ink);border-width:2.5px;transform:skew(-8deg)}}@media (max-width:480px){.wbox-dust{display:none}}@media (max-width:400px){.wallet{gap:4px}.wbox{gap:4px;margin-left:12px;padding-left:18px;font-size:.85rem}.wbox-plus{width:22px;height:22px}.tbox{min-width:30px;padding:0 5px;font-size:.85rem}.lv{padding:0 6px;font-size:.85rem}}@media (prefers-reduced-motion:reduce){.lv-fill,.tbox,.nav-link:before{transition:none}}
.auth{min-height:100dvh;padding:calc(28px + var(--safe-top)) 20px 28px;background:var(--grain), radial-gradient(90% 70% at 50% 40%, #8a5a33 0%, var(--wood) 55%, var(--wood-dk) 100%);place-items:center;display:grid;position:relative}.auth-lang{top:calc(14px + var(--safe-top));z-index:5;position:absolute;right:18px}.book{perspective:2200px;filter:drop-shadow(0 18px 24px #00000073);grid-template-columns:1fr 1fr;width:min(1180px,100%);min-height:min(720px,100dvh - 56px);display:grid;position:relative}.book-page{background:var(--grain), var(--paper-hi);border:4px solid var(--ink);min-width:0;position:relative;overflow:hidden}.book-cover{color:#fff;isolation:isolate;border-right-width:2px;border-radius:10px 2px 2px 10px;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.book-form{background:var(--grain), linear-gradient(90deg, #e9dcc0 0%, var(--paper-hi) 9%);border-left-width:2px;border-radius:2px 10px 10px 2px;place-items:center;padding:28px 24px;display:grid}.book-spine{z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#1a141047 46%,#1a141080 50%,#1a141033 54%,#0000);width:46px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.cover-art{z-index:-1;background:linear-gradient(180deg, #1a141000 55%, #1a1410a6 100%), var(--img-login,none), var(--speed), linear-gradient(160deg, #f05a4f, var(--red) 45%, var(--blue-dk));background-position:0;background-size:cover;position:absolute;inset:0}.cover-top{display:flex}.cover-bubble{max-width:24ch;color:var(--ink);font-size:clamp(.95rem,1.6vw,1.1rem)}.cover-bottom{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.cover-logo{width:min(380px,90%);height:auto;filter:drop-shadow(4px 4px 0 var(--ink));display:block}.cover-logo-word{font-family:var(--font-shout);color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);font-size:clamp(3rem,7vw,5rem);line-height:.95;display:inline-block;transform:rotate(-5deg)}.cover-start{min-width:220px;font-size:1.3rem;transform:rotate(-2deg)skew(-6deg)}.cover-caption{text-shadow:1px 1px 0 var(--ink), 0 0 6px #000000b3;font-size:.85rem;font-weight:700}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.auth-brand{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.auth-logo{width:min(220px,64%);height:auto;filter:drop-shadow(3px 3px 0 var(--ink));margin-bottom:4px;display:block}.auth-logo-word{font-family:var(--font-shout);color:var(--red);-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);font-size:2.6rem}.auth-welcome{font-family:var(--font-display);font-size:1.5rem;font-weight:900}.auth-sub{color:var(--ink-dim);font-weight:600}.seg{border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--paper-hi);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.seg-btn{min-height:42px;color:var(--ink-dim);font:inherit;font-family:var(--font-display);cursor:pointer;background:0 0;border:0;font-weight:800}.seg-btn+.seg-btn{border-left:var(--bw) solid var(--ink)}.seg-btn[aria-selected=true]{background:var(--ink);color:var(--paper-hi)}.auth-switch{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;min-height:36px;padding:6px;font-weight:700}.auth-switch:hover{text-decoration:underline}@media (max-width:900px){.auth{padding:calc(12px + var(--safe-top)) 12px 12px;place-items:stretch stretch}.book{min-height:calc(100dvh - 24px - var(--safe-top));grid-template-columns:1fr}.book-spine{display:none}.book-page{border-width:4px;border-radius:10px;grid-area:1/1}.book-form{background:var(--grain), var(--paper-hi);align-content:center}.book-cover{z-index:2;transform-origin:0;backface-visibility:hidden;transition:transform .7s cubic-bezier(.45,0,.3,1),visibility 0s linear .7s}.book.is-open .book-cover{visibility:hidden;transform:rotateY(-178deg)}.book:not(.is-open) .book-form{visibility:hidden}.cover-bottom{padding-bottom:6px}.auth-lang{top:calc(22px + var(--safe-top));right:22px}.cover-top{padding-right:116px}}@media (min-width:901px){.cover-start,.auth-logo{display:none}}@media (prefers-reduced-motion:reduce){.book-cover{transition:none}}.waitlist{flex-direction:column;gap:12px;display:flex}.waitlist-title{overflow-wrap:anywhere;margin:0;font-size:1.15rem}.waitlist-body,.waitlist-ok{overflow-wrap:anywhere;margin:0;line-height:1.5}.waitlist-ok{font-weight:700}.waitlist-title:focus,.waitlist-ok:focus{outline:none}.auth-or{color:var(--ink-dim);align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.auth-or:before,.auth-or:after{content:"";border-top:2px dashed var(--line-soft);flex:1}.google-btn{justify-content:center;width:100%;min-height:44px;display:flex}.google-btn.is-disabled{opacity:.55;pointer-events:none}
.home-hello{align-items:center;gap:14px;display:flex}.home-hello-copy{flex-wrap:wrap;align-items:center;gap:10px 16px;min-width:0;display:flex}.home-name{text-shadow:2px 2px 0 var(--paper-hi), -2px -2px 0 var(--paper-hi), 2px -2px 0 var(--paper-hi), -2px 2px 0 var(--paper-hi);overflow-wrap:anywhere;font-size:clamp(1.5rem,3.4vw,2.2rem)}.home-online{background:var(--paper-hi);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin:0;padding:2px 12px;font-size:.9rem;font-weight:800;display:inline-flex}.home-online-dot{background:var(--ok);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px}.home-bubble{max-width:46ch;font-size:.92rem}.resume{background:var(--halftone), var(--yellow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.row-grow{flex:1}.home-grid{grid-template-rows:minmax(260px,34vh) minmax(190px,24vh);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"battle battle deck coll""shop quest about event";gap:34px 20px;margin-bottom:22px;display:grid}.home-grid>.mpanel{min-height:100%}.hp-battle{grid-area:battle}.hp-deck{grid-area:deck}.hp-coll{grid-area:coll}.hp-shop{grid-area:shop}.hp-quest{grid-area:quest}.hp-about{grid-area:about}.hp-event{grid-area:event}.hp-battle .mpanel-title{padding:4px 18px 8px;font-size:clamp(1.8rem,4vw,3rem)}.hp-battle .mpanel-sub{font-size:1.4rem}.featured-sheet{padding:18px 20px 22px}.featured{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.feat{text-align:center;height:100%;color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--halftone), #fff;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:4px;padding:10px 10px 14px;text-decoration:none;transition:transform .14s;display:flex}.feat:hover{transform:translate(-2px,-3px)rotate(-.6deg)}.feat-art{place-items:center;width:100%;height:168px;display:grid}.feat-art .product-img{max-width:120px;max-height:160px}.feat-name{font-family:var(--font-display);font-weight:800;line-height:1.25}.feat-meta{color:var(--ink-dim);font-size:.8rem}.price-pill{font-family:var(--font-display);background:var(--ink);color:var(--paper-hi);border-radius:99px;align-items:center;gap:6px;margin-top:auto;padding:2px 16px;font-weight:800;display:inline-flex}.play-head{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.play-bubble{font-size:.92rem}.modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.modes>.mpanel{min-height:clamp(220px,30vh,300px)}.play-cols{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:22px;display:grid}.play-rooms{padding:18px 20px 20px}.play-rooms .row{border-radius:var(--r-md);border-top:0;margin:0 -12px;padding:10px 12px}.play-rooms .row:nth-child(odd){background:#1a14100d}.play-rooms .row .avatar{border-width:2px}.create-room,.bot-start{background:var(--grain), var(--paper-hi)}.bot-diffs{border:3px solid var(--ink);border-radius:var(--r-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.bot-diff{background:var(--paper-hi);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border:0;padding:8px 6px;font-weight:900}.bot-diff+.bot-diff{border-left:3px solid var(--ink)}.bot-diff[aria-checked=true]{color:var(--paper-hi)}.bot-diff-easy[aria-checked=true]{background:var(--blue)}.bot-diff-normal[aria-checked=true]{background:var(--ink)}.bot-diff-hard[aria-checked=true]{background:var(--red)}.bot-diff:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px}.bot-note{margin:0;font-size:.82rem}@media (max-width:1000px){.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.mpanel-pop .mpanel-label{bottom:-14px;left:-8px}.home-grid{grid-template-rows:240px repeat(3,170px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"battle battle""coll shop""deck quest""about event";gap:16px}.featured{grid-template-columns:repeat(2,minmax(0,1fr))}.play-cols{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.page.home,.page.play{padding:14px 14px calc(96px + env(safe-area-inset-bottom))}.home-grid{grid-template-rows:200px repeat(3,140px);gap:12px}.mpanel-pop .mpanel-label{bottom:-12px;left:-4px}.mpanel-title{padding:1px 8px 3px;font-size:1.05rem}.mpanel-sub{font-size:.8rem}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modes>.mpanel{min-height:170px}.modes .mpanel-label{padding:8px}.modes .mpanel-sub{display:none}.featured{gap:10px}.feat-art{height:120px}.feat-art .product-img{max-height:112px}.feat-art .pack3d.pack3d-sm{--w:70px;--h:100px}.home-bubble{font-size:.85rem}}@media (prefers-reduced-motion:reduce){.feat{transition:none}}
.card{--tint:var(--spirit);color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;flex:none;padding:0;display:block;position:relative}.card-spirit{--tint:var(--spirit)}.card-magic{--tint:var(--magic)}.card-trap{--tint:var(--trap)}.card-hand{width:142px;height:202px}.card-field{width:112px;height:160px}.card-mini{width:64px;height:90px}.card-frame{border:var(--bw) solid var(--ink);background:var(--paper-hi);box-shadow:3px 3px 0 var(--ink);border-radius:8px;display:block;position:absolute;inset:0;overflow:hidden}.card-art{color:var(--ink);border:2px solid var(--ink);background:var(--halftone), radial-gradient(circle at 50% 45%, #fff 0%, color-mix(in srgb, var(--tint) 45%, #fff) 70%);box-shadow:0 0 0 3px var(--tint);border-radius:4px;place-items:center;display:grid;position:absolute;inset:4px 4px 30%}.card-art-fallback{color:color-mix(in srgb, var(--tint) 75%, var(--ink));place-items:center;display:grid}.card-art-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-cost{z-index:2;width:30px;height:30px;font-family:var(--font-shout);color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink);border-radius:50%;place-items:center;font-size:1.15rem;display:grid;position:absolute;top:2px;left:2px}.card-type{z-index:2;border:1.5px solid var(--ink);background:var(--tint);color:#fff;border-radius:3px;align-items:center;gap:3px;padding:0 6px;font-size:.6rem;font-weight:800;display:inline-flex;position:absolute;top:5px;right:5px}.card-element{--el:var(--ink);z-index:2;border:1.5px solid var(--ink);background:var(--el);color:#fff;white-space:nowrap;box-shadow:1px 1px 0 var(--ink);border-radius:3px;padding:0 5px;font-size:.6rem;font-weight:800;line-height:1.35;position:absolute;top:25px;right:5px}.card-element[data-element=FIRE]{--el:#e2521f}.card-element[data-element=WATER]{--el:var(--blue)}.card-element[data-element=WIND]{--el:#1f9e8c}.card-element[data-element=EARTH]{--el:#8a5a2b}.card-element[data-element=DARK]{--el:#3d2a57}.card-element[data-element=LIGHT]{--el:var(--yellow);color:var(--ink)}.glyph{fill:currentColor}.card-plate{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 8px 6px;display:flex;position:absolute;inset:70% 0 0}.card-name{font-family:var(--font-display);color:var(--ink);font-size:.8rem;font-weight:800;line-height:1.15}.card-desc{color:var(--ink-dim);font-size:.58rem;line-height:1.25}.gem{z-index:3;width:28px;height:24px;font-family:var(--font-shout);color:#fff;border:2px solid var(--ink);text-shadow:1px 1px 0 var(--ink);border-radius:4px;place-items:center;font-size:1.05rem;display:grid;position:absolute;bottom:3px}.gem-atk{background:var(--blue);left:3px}.gem-hp{background:var(--red);right:3px}.gem-hp.is-hurt{background:var(--ink);color:#ff8a80}.card-hand.card-spirit .card-plate{padding:2px 30px 4px}.card-field .card-art{bottom:26%}.card-field .card-plate{padding:0 28px 2px;top:74%}.card-field .card-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;overflow:hidden}.card-field .card-desc,.card-mini .card-plate,.card-mini .card-type,.card-mini .card-element{display:none}.card-field .card-element{padding:0 4px;font-size:.55rem;top:24px;right:4px}.card-mini .card-art{box-shadow:none;inset:3px}.card-mini .card-cost{width:20px;height:20px;font-size:.75rem}.card-mini .card-frame{box-shadow:2px 2px 0 var(--ink);border-width:2px;border-radius:5px}.card-back .card-frame-back{color:var(--yellow);background:var(--halftone-light), repeating-conic-gradient(from 0deg at 50% 50%, var(--red) 0deg 10deg, var(--red-dk) 10deg 20deg);place-items:center;display:grid}.card-back-opp .card-frame-back{background:var(--halftone-light), repeating-conic-gradient(from 0deg at 50% 50%, var(--blue) 0deg 10deg, var(--blue-dk) 10deg 20deg)}.card-back-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-back .glyph{stroke:var(--ink);stroke-width:2px;filter:drop-shadow(2px 2px 0 var(--ink))}button.card{cursor:pointer;border-radius:8px;transition:transform .14s,filter .14s}button.card:hover:not(:disabled){transform:translateY(-10px)rotate(-1deg)}button.card:disabled,.card.is-disabled{filter:saturate(.5)brightness(.88);cursor:default}.card-frame-full{background:0 0;border:0;border-radius:8px;box-shadow:2px 2px #1a14108c}.card-full-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.card-mini .card-frame-full{border-radius:5px}.card-frame-full .gem-printed{background:#6b0f0f;border:0;border-radius:3px;width:14%;height:9%;font-size:1.1rem;line-height:1;inset:84% auto auto 76%}.card-frame-full .gem-printed.is-hurt{color:#ff8a80;background:#1a1410}.card-mini .card-frame-full .gem-printed{font-size:.6rem}.card.is-highlight .card-frame{box-shadow:0 0 0 3px var(--yellow), 0 0 0 5px var(--ink), 4px 4px 0 5px var(--ink)}.card.is-selected .card-frame{box-shadow:0 0 0 4px var(--red), 0 0 0 6px var(--ink);transform:translateY(-4px)}.card-badge{z-index:4;background:var(--ink);color:var(--paper-hi);white-space:nowrap;border-radius:3px;padding:0 8px;font-size:.6rem;font-weight:800;position:absolute;bottom:34%;left:50%;transform:translate(-50%)}.card-field .card-badge,.card-mini .card-badge{bottom:-11px}.card-hand .card-badge{background:var(--red);border:1.5px solid var(--ink);top:-10px;bottom:auto}@media (max-width:700px){.card-hand{width:112px;height:160px}.card-hand .card-desc{display:none}.card-field{width:84px;height:120px}.card-field .card-plate{display:none}.card-field .card-art{bottom:4px}.gem{width:22px;height:20px;font-size:.85rem}.card-cost{width:24px;height:24px;font-size:.9rem}}@media (prefers-reduced-motion:reduce){button.card{transition:none}}.inspect-backdrop{z-index:100;background-color:#1a1410bd;background-image:var(--speed);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.inspect{flex-direction:column;align-items:center;gap:22px;width:min(420px,100%);display:flex}.inspect-card{zoom:1.7}.inspect-card .card-hand{width:142px;height:202px}.inspect-card .card-desc{display:none}.inspect-card .tilt-inner{box-shadow:6px 6px 0 var(--ink);border-radius:8px}.foil{pointer-events:none;mix-blend-mode:color-dodge;opacity:.35;background:radial-gradient(circle at var(--gx,30%) var(--gy,20%), #ffffffb3, transparent 40%), linear-gradient(115deg, transparent 20%, #ff6fae calc(var(--gx,30%) - 10%), #ffe66d var(--gx,30%), #6ff5ff calc(var(--gx,30%) + 12%), transparent 80%);border-radius:8px;position:absolute;inset:0}.inspect-text-wrap{width:100%}.inspect-text{width:100%;padding:14px 18px;font-weight:600;display:block}.inspect-text.bubble-bottom:after{top:-11px;bottom:auto;transform:rotate(225deg)}.inspect-text>span{flex-direction:column;gap:6px;display:flex}.inspect-name{font-family:var(--font-display);font-size:1.15rem;font-weight:900}.inspect-desc{line-height:1.45}.inspect-sacrifice{background:var(--ink);color:var(--paper-hi);border-radius:3px;align-self:flex-start;padding:2px 10px;font-size:.85rem;font-weight:800;transform:skew(-8deg)}.inspect-effects{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.inspect-effects li{border-top:2px dashed #1a141040;flex-direction:column;gap:2px;padding-top:6px;display:flex}.inspect-trigger{background:var(--ink);color:var(--yellow);border-radius:3px;align-self:flex-start;padding:0 8px;font-size:.75rem;font-weight:800;transform:skew(-8deg)}.inspect-note{color:var(--ink-dim);font-size:.85rem}.inspect-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.inspect-play{min-width:160px}.inspect-meta{color:var(--ink-dim);font-size:.82rem;font-weight:700}@media (max-width:760px){.inspect-card{zoom:1.45}.inspect{gap:18px}}@media (max-height:700px){.inspect-card{zoom:1.15}}@media (prefers-reduced-motion:reduce){.foil{opacity:.2}}@media (max-width:760px) and (orientation:portrait),(orientation:landscape) and (max-height:500px){.inspect-backdrop{background-image:none;place-items:end stretch;padding:0}.inspect{overscroll-behavior:contain;width:100%;max-height:88dvh;padding:8px 14px max(14px, env(safe-area-inset-bottom));background:var(--grain), var(--paper-hi);border-top:2px solid var(--ink);border-radius:16px 16px 0 0;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"grab grab""card text""actions actions";align-items:start;gap:12px 14px;display:grid;overflow-y:auto;box-shadow:0 -4px #1a141040}.inspect:before{content:"";background:var(--ink-faint,#1a141040);border-radius:99px;grid-area:grab;justify-self:center;width:44px;height:5px}.inspect-card{zoom:.8;grid-area:card}.inspect-card .tilt-inner{box-shadow:3px 3px 0 var(--ink)}.inspect-text-wrap{grid-area:text}.inspect-text.bubble{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.inspect-text.bubble:after{display:none}.inspect-name{font-size:1.1rem;line-height:1.25}.inspect-actions{flex-wrap:nowrap;grid-area:actions;gap:10px;display:flex}.inspect-actions .btn{min-height:46px}.inspect-play{flex:1;min-width:0}.inspect-close{flex:none;min-width:88px}.inspect-actions:not(:has(.inspect-play)) .inspect-close{flex:1}}@media (max-width:760px) and (orientation:portrait) and (max-height:700px){.inspect-card{zoom:.68}}@media (orientation:landscape) and (max-height:500px){.inspect{justify-self:center;width:min(640px,100%);max-height:96dvh}.inspect-card{zoom:.62}}
.arena{z-index:40;color:var(--ink);background:var(--halftone), linear-gradient(180deg, #fffaf01a, #1a141040), var(--img-arena,none), var(--speed), linear-gradient(180deg, #9fc7ff, var(--paper));background-position:0 0,50%,50%,50%,50%;background-size:7px 7px,cover,cover,cover,cover;position:fixed;inset:0;overflow:hidden}.room-wrap{height:100%;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));grid-template:"top top""phases field"minmax(0,1fr)"dock dock"/130px minmax(0,1fr);gap:6px 12px;display:grid;position:relative}.room-wrap.has-log{grid-template-columns:130px minmax(0,1fr) 270px;grid-template-areas:"top top top""phases field feed""dock dock dock"}.conn-banner{z-index:60;border-radius:var(--r-md);background:var(--red);color:#fff;border:var(--bw) solid var(--ink);box-shadow:var(--shadow-sm);margin:0;padding:4px 16px;font-weight:800;position:absolute;top:6px;left:50%;translate:-50%}.arena-top{grid-area:top;grid-template-columns:minmax(240px,1fr) auto minmax(240px,1fr);align-items:start;gap:12px;display:grid}.opp-hand{justify-content:center;height:54px;margin-top:-8px;display:flex;overflow:hidden}.opp-hand-card{transform-origin:50% -30%;transform:translateY(-34px) rotate(calc(var(--i) * -5deg)) scale(1.1);margin:0 -9px;display:block}.arena-chips{justify-content:flex-end;align-items:center;gap:8px;display:flex}.mini-chip{background:var(--paper-hi);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-display);border-radius:99px;align-items:center;gap:6px;padding:2px 12px;font-weight:800;display:inline-flex}.plate{border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--grain), var(--paper-hi);box-shadow:var(--shadow);align-items:center;gap:12px;padding:14px 18px 8px 10px;display:inline-flex;position:relative;transform:skew(-4deg)}.plate>*{transform:skew(4deg)}.plate.is-active{box-shadow:5px 5px 0 var(--ink), 0 0 0 4px var(--yellow)}.plate-side{font-family:var(--font-shout);letter-spacing:.08em;color:#fff;border:2px solid var(--ink);padding:0 10px;font-size:.9rem;position:absolute;top:-12px;left:10px;transform:skew(-4deg)rotate(-2deg)}.plate-opp .plate-side{background:var(--red)}.plate-self .plate-side{background:var(--blue)}.plate-portrait{position:relative}.soul{color:#fff;min-width:40px;height:40px;font:inherit;background:var(--red);border:var(--bw) solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:50%;place-items:center;padding:0 6px;display:grid;position:absolute;bottom:-8px;right:-16px}.plate-self .soul{background:var(--blue)}.soul-num{font-family:var(--font-shout);letter-spacing:.02em;font-size:1.3rem;line-height:1}.soul-label{display:none}button.soul-target{cursor:pointer;background:var(--yellow);color:var(--ink);width:50px;height:50px;animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 5px var(--red), 2px 2px 0 var(--ink)}}.plate-info{flex-direction:column;gap:2px;min-width:0;margin-left:18px;display:flex}.plate-name{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:8px;min-width:0;max-width:22ch;font-weight:800;display:inline-flex}.plate-name-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.plate-level{background:var(--ink);color:var(--yellow);border-radius:4px;flex:none;padding:0 7px;font-size:.72rem;font-weight:900;line-height:1.5}.plate-level.plate-bot{background:var(--red);color:#fff;white-space:nowrap}.turn-dot{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;flex:none;width:10px;height:10px}.core{color:var(--ink-dim);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.core-label{letter-spacing:.08em;text-transform:uppercase}.core-gems{gap:2px;display:inline-flex}.core-gem{background:var(--yellow);border:1.5px solid var(--ink);clip-path:polygon(50% 0,100% 30%,100% 70%,50% 100%,0 70%,0 30%);width:10px;height:12px}.core-num{color:var(--ink);font-weight:800;font-family:var(--font-display)}.countdown{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:.8rem;font-weight:700}.countdown.is-low{color:var(--red)}.phases{border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--paper-hi);box-shadow:var(--shadow);flex-direction:column;grid-area:phases;align-self:start;gap:3px;margin:8px 0 0;padding:6px;font-size:.82rem;list-style:none;display:flex}.phase{color:var(--ink-dim);border-radius:3px;align-items:center;gap:8px;padding:4px 8px;font-weight:700;display:flex}.phase-dot{border:2px solid;border-radius:50%;flex:none;width:12px;height:12px}.phase.is-auto{opacity:.65}.phase.is-current{color:var(--paper-hi);background:var(--ink);opacity:1;transform:skew(-6deg)}.phase.is-current .phase-dot{background:var(--yellow);border-color:var(--yellow)}.board-area{--gap:12px;--sh:clamp(48px, calc((100cqh - 68px) / 4), 190px);--col-gap:10px;--sw:min(calc(var(--sh) * .73), calc((100cqw - 4 * var(--gap) - 2 * var(--col-gap) - 56px) / 7));--tw:var(--sw);border:var(--bw) solid var(--ink);background:linear-gradient(180deg, #8a5a33, var(--wood));min-height:0;box-shadow:var(--shadow), inset 0 0 0 3px #a8774a;border-radius:10px;flex-direction:column;grid-area:field;justify-content:space-between;gap:0;padding:8px;display:flex;position:relative;container-type:size}.field-side{grid-template-columns:calc(var(--sw) + 8px) minmax(0, 1fr) calc(var(--sw) + 8px);align-items:center;gap:var(--col-gap);border:2px solid var(--ink);flex:1;padding:8px 10px;display:grid;position:relative}.field-opp{background:var(--halftone), linear-gradient(180deg, #f4b9a8, #f7d6c4);border-radius:6px 6px 0 0}.field-self{background:var(--halftone), linear-gradient(0deg, #a9c3f3, #cddbf6);border-radius:0 0 6px 6px}.field-center{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.board-field{justify-content:center;gap:var(--gap);display:flex}.slab{width:var(--sw);height:calc(var(--sw) / .73);border-radius:6px;place-items:center;display:grid;position:relative}.slab-empty{background:#fffaf080;border:2px dashed #1a141073}.field-opp .slab-empty{border-color:#8e12198c}.field-self .slab-empty{border-color:#0f34808c}.slab-empty:after{content:"";aspect-ratio:1;border:2px solid #1a14102e;width:30%;transform:rotate(45deg)}.spirit-slot{position:relative}.traps{gap:var(--gap);justify-content:center;align-items:center;display:flex}.traps .card-mini{width:var(--tw);height:calc(var(--tw) / .73)}.board-field .card-field{width:100%;height:100%}.traps .card-mini .card-cost{display:none}.traps .card-badge{padding:0 5px;font-size:.56rem;bottom:-10px}.trap-slot{width:var(--tw);height:calc(var(--tw) / .73);background:#fffaf059;border:2px dashed #1a141066;border-radius:5px}.pile{width:var(--sw);height:calc(var(--sw) / .73);justify-self:center;place-items:center;display:grid;position:relative}.pile .card{width:100%;height:100%}.pile-empty{width:var(--sw);height:calc(var(--sw) / .73);background:#fffaf066;border:2px dashed #1a141073;border-radius:6px}.pile-deck:before,.pile-deck:after{content:"";background:var(--paper-hi);border:2px solid var(--ink);z-index:0;border-radius:6px;position:absolute;inset:0}.pile-deck:before{translate:3px 3px}.pile-deck:after{translate:6px 6px}.pile .card{z-index:1}.pile-count{white-space:nowrap;z-index:3;background:var(--ink);min-width:34px;color:var(--paper-hi);font-family:var(--font-display);border-radius:99px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.9rem;font-weight:800;display:inline-flex;position:absolute;bottom:-19px}.pile-name{letter-spacing:.04em;opacity:.8;font-size:.62rem;font-weight:600}.board-mascot{z-index:4;left:calc(var(--sw) + 44px);pointer-events:none;width:clamp(70px,9vw,130px);height:auto;filter:drop-shadow(3px 3px 0 var(--ink));position:absolute;bottom:-6px}.mid{z-index:2;background:var(--ink);color:var(--paper-hi);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:-2px 0;padding:2px 8px;display:flex;position:relative}.turn-burst{margin:-16px 0;padding:.85em 1.5em}.turn-label{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-style:italic;font-weight:900}.turn-owner{background:var(--paper-hi);color:var(--ink);border-radius:3px;padding:0 12px;font-size:.85rem;font-weight:800;transform:skew(-8deg)}.turn-owner:empty{display:none}.turn-owner.is-mine{background:var(--yellow)}.mid .hint{min-height:1.5em;color:var(--paper-hi);font-size:.88rem;font-weight:600}.hint:empty{visibility:hidden}.phase-now,.hand-count,.rail-wait{display:none}.dock{grid-area:dock;grid-template-columns:minmax(240px,300px) minmax(0,1fr) 190px;grid-template-areas:"plate hand rail""plate hand orb";align-items:end;gap:4px 12px;display:grid;position:relative}.dock>.side-self{grid-area:plate;align-self:end;padding-bottom:6px}.dock>.hand{grid-area:hand}.dock>.rail{grid-area:rail}.dock>.orb{grid-area:orb}.hand{scrollbar-width:none;justify-content:safe center;align-items:flex-end;min-height:226px;padding:26px 8px 16px;display:flex;overflow:auto visible}.hand::-webkit-scrollbar{display:none}.hand-slot{transform-origin:50% 140%;transform:translateY(calc(var(--i) * var(--i) * 2px)) rotate(calc(var(--i) * 3deg));flex:none;margin:0 -8px;transition:transform .16s;display:block}.hand-slot:hover,.hand-slot:focus-within{z-index:6;transform:translateY(-6px)rotate(0)}.rail{flex-wrap:wrap;justify-content:flex-end;align-self:end;align-items:center;gap:6px;display:flex}.confirm{background:var(--paper-hi);border:2px solid var(--ink);border-radius:var(--r-md);flex-wrap:wrap;align-items:center;gap:6px;padding:2px 8px;font-size:.85rem;font-weight:700;display:inline-flex}.orb{cursor:pointer;background:0 0;border:0;justify-self:end;place-items:center;width:150px;height:140px;padding:0;transition:transform .12s;display:grid}.orb-burst{width:100%;height:100%;padding:0}.orb-burst .burst-text{font-family:var(--font-display);letter-spacing:0;-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--ink), -1px -1px 0 var(--ink), 1px -1px 0 var(--ink), -1px 1px 0 var(--ink);justify-items:center;gap:0;font-size:1.05rem;font-weight:900;line-height:1.1;display:grid}.orb-burst .burst-text svg{width:24px;height:24px;filter:drop-shadow(1px 1px 0 var(--ink))}.orb:hover:not(:disabled){transform:scale(1.06)rotate(-3deg)}.orb:active:not(:disabled){transform:scale(.96)}.orb:disabled{filter:grayscale(.8);opacity:.7;cursor:default}.orb-idle{cursor:default;opacity:.55}.fx{font-family:var(--font-shout);pointer-events:none;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 var(--ink);z-index:8;font-size:2rem;animation:1.3s ease-out forwards floatUp;position:absolute;top:20%;left:50%;transform:translate(-50%)}.fx-damage{color:var(--red)}.fx-heal{color:#4fd18a}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,8px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.25)rotate(-6deg)}to{opacity:0;transform:translate(-50%,-46px)scale(1)}}.feed{border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--grain), var(--paper-hi);min-height:0;box-shadow:var(--shadow);grid-area:feed;align-self:start;max-height:100%;margin-top:8px;padding:12px 14px;display:none;overflow:auto}.has-log .feed{display:block}.feed h2{margin-bottom:8px;font-size:.95rem}@media (max-height:860px){.card-hand{width:118px;height:168px}.card-hand .card-desc{display:none}.hand{min-height:190px;padding-top:20px}.orb{width:128px;height:120px}.orb-burst .burst-text{font-size:.95rem}.dock{grid-template-columns:minmax(220px,280px) minmax(0,1fr) 150px}}@media (max-height:700px){.card-hand{width:96px;height:138px}.hand{min-height:150px}}@media (max-width:1100px){.room-wrap.has-log{grid-template-columns:112px minmax(0,1fr);grid-template-areas:"top top""phases field""dock dock"}.room-wrap{grid-template-columns:112px minmax(0,1fr)}.has-log .feed{z-index:30;width:min(320px,100% - 24px);max-height:55%;position:absolute;top:74px;right:12px}.arena-top{grid-template-columns:minmax(0,1fr) auto auto}.opp-hand{display:none}}@media (max-width:760px){.room-wrap,.room-wrap.has-log{padding:max(14px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);grid-template-areas:"top""field""dock";gap:4px}.phases{z-index:5;width:28px;box-shadow:var(--shadow-sm);grid-area:field;align-items:center;gap:8px;margin:0;padding:4px 2px;font-size:0;position:absolute;top:50%;left:2px;translate:0 -50%}.phase{padding:2px;font-size:0}.phase-dot{width:14px;height:14px}.board-area{--gap:5px;--col-gap:4px;--sw:min(calc(var(--sh) * .73), calc((100cqw - 4 * var(--gap) - 2 * 44px - 2 * var(--col-gap) - 24px) / 5));padding:5px}.field-side{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;padding:6px 4px}.pile,.pile-empty,.pile .card{width:40px;height:56px}.pile-name,.arena-chips .lang{display:none}.plate{gap:8px;padding:10px 12px 5px 6px}.plate-portrait .avatar{width:44px!important;height:44px!important}.dock{grid-template-columns:auto minmax(0,1fr) 84px;grid-template-areas:"plate rail rail""hand hand orb";align-items:center;gap:0 6px}.dock>.side-self{align-self:center;padding:0}.dock>.orb{align-self:center}.orb{width:84px;height:84px}.orb-burst .burst-text{font-size:.78rem}.orb .burst-text svg{width:22px;height:22px}.hand{justify-content:flex-start;min-height:172px;padding:16px 8px 18px}.hand-slot{margin:0 -16px}.card-hand{width:104px;height:148px}.rail{justify-content:flex-end}.plate-info .core-gems{display:none}.turn-burst{margin-bottom:-4px}.mid .hint{text-align:center;flex-basis:100%;padding-bottom:2px;font-size:.78rem;line-height:1.3}.mid{gap:6px}.turn-label{font-size:1rem}.board-mascot{display:none}}@media (prefers-reduced-motion:reduce){.fx,button.soul-target{animation:none}.hand-slot,.orb{transition:none}}.hand-slot .card{touch-action:pan-x;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hand-slot.is-lifted .card{opacity:.35}.field-self .board-field .card{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button.card.is-disabled:not(:disabled){cursor:zoom-in}.drag-ghost{z-index:120;pointer-events:none;filter:drop-shadow(6px 8px #1a14108c);position:fixed;translate:-50% -60%}.is-drop-target{outline:4px dashed var(--yellow);outline-offset:-6px;animation:.8s ease-in-out infinite dropPulse;box-shadow:inset 0 0 0 999px #ffd60a29}@keyframes dropPulse{50%{outline-color:var(--ink)}}@media (prefers-reduced-motion:reduce){.is-drop-target{animation:none}}.aim-arrow{z-index:120;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}.aim-ink{fill:none;stroke:var(--ink);stroke-width:11px;stroke-linecap:round}.aim-core{fill:none;stroke:var(--yellow);stroke-width:5px;stroke-linecap:round;stroke-dasharray:14 8;animation:.5s linear infinite aimFlow}.aim-origin{fill:var(--red);stroke:var(--ink);stroke-width:3px}@keyframes aimFlow{to{stroke-dashoffset:-22px}}@media (prefers-reduced-motion:reduce){.aim-core{animation:none}}.hand-card-move{display:block}.arena-chips{position:relative}.surrender-wrap{display:inline-flex;position:relative}.surrender-pop{z-index:70;width:max-content;max-width:min(300px,100vw - 24px);box-shadow:var(--shadow);position:absolute;top:calc(100% + 8px);right:0}.slab,.pile{container-type:size}.board-field .card-field,.pile .card-field{border-radius:6px}.board-field .card-field .card-art,.pile .card-field .card-art{inset:4%}.board-field .card-field :is(.card-plate,.card-type,.card-element),.pile .card-field :is(.card-plate,.card-type,.card-element){display:none}.board-field .card-field .card-cost,.pile .card-field .card-cost{border-width:1.5px;width:clamp(14px,30cqw,30px);height:clamp(14px,30cqw,30px);font-size:clamp(.6rem,19cqw,1.15rem);top:3%;left:3%}.board-field .card-field .gem,.pile .card-field .gem{border-width:1.5px;width:clamp(15px,34cqw,30px);height:clamp(13px,27cqw,24px);font-size:clamp(.6rem,19cqw,1.05rem);bottom:3%}.board-field .card-field .gem-atk,.pile .card-field .gem-atk{left:3%}.board-field .card-field .gem-hp,.pile .card-field .gem-hp{right:3%}@container (min-width:104px){.board-field .card-field .card-art,.pile .card-field .card-art{inset:4% 4% 24%}.board-field .card-field .card-plate,.pile .card-field .card-plate{padding:0 34cqw 2px;display:flex;top:76%}}.board-field .card-field .card-badge:has(.spirit-status){background:0 0;border:0;padding:0;inset:4% 4% auto auto;transform:none}.spirit-status{border:1.5px solid var(--ink);background:var(--paper-hi);color:var(--ink);box-shadow:1px 1px 0 var(--ink);border-radius:99px;padding:0 6px;font-size:.6rem;font-weight:800;line-height:1.5;display:block}.spirit-status.is-ready{background:var(--yellow)}.spirit-status.is-done{background:var(--ink);color:var(--paper-hi)}@container (max-width:90px){.spirit-status{width:13px;height:13px;padding:0;font-size:0}}@media (max-width:760px){.mid{padding-left:34px}.arena-top{gap:6px}.arena-chips{gap:4px}}@media (max-width:1100px){.phase{white-space:nowrap}.phases{font-size:.74rem}}@media (max-width:400px){.plate-name{max-width:10ch}.plate-bot{font-size:.66rem}.plate-portrait .avatar{width:40px!important;height:40px!important}.arena-chips .mini-chip{gap:4px;padding:2px 8px}.plate{gap:6px;padding-right:10px}.plate-info{margin-left:12px}}@media (min-width:761px) and (max-width:1100px) and (orientation:portrait){.dock{grid-template-columns:auto minmax(0,1fr) 140px;grid-template-areas:"plate rail rail""hand hand orb";align-items:center;row-gap:0}.dock>.side-self{align-self:center;padding-bottom:0}.dock>.orb{align-self:center}.orb{width:132px;height:124px}.hand{justify-content:safe center;padding-bottom:20px}}.field-zone{border:1px solid var(--paper-hi);max-width:100%;color:var(--paper-hi);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.field-zone.is-mine{border-color:var(--gold,var(--paper-hi))}.field-zone-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field-zone-owner{opacity:.7;font-weight:400}.spirit-equip{z-index:3;background:var(--ink);color:var(--paper-hi);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:4px;justify-content:center;align-items:center;gap:3px;padding:1px 4px;font-size:.65rem;line-height:1.3;display:flex;position:absolute;bottom:-2px;left:4px;right:4px;overflow:hidden}.battle-layer{z-index:60;pointer-events:none;position:absolute;inset:0}.battle-ghost{pointer-events:none;position:fixed}.battle-ghost-card{place-items:center;width:100%;height:100%;display:grid}.battle-ghost .shard{background:var(--yellow);border:var(--bw) solid var(--ink);opacity:0;width:14px;height:14px;margin:-7px;position:absolute;top:50%;left:50%}.battle-ghost .shard:nth-of-type(2n){background:var(--red);width:10px;height:10px}.is-hit{animation:.3s steps(2,jump-none) both hitFlash}@keyframes hitFlash{0%,to{filter:none}50%{filter:brightness(1.6) saturate(.4) drop-shadow(0 0 0 var(--red))}}.battle-skip{z-index:70;position:fixed;bottom:96px;right:12px}@media (prefers-reduced-motion:reduce){.is-hit{animation:none}}.battle-canvas{pointer-events:none;position:absolute;inset:0}.battle-canvas canvas{pointer-events:none;display:block}.coach-ring{z-index:80;pointer-events:none;border:3px solid var(--yellow,#f6b93b);border-radius:14px;transition:left .25s,top .25s,width .25s,height .25s;animation:1.4s ease-in-out infinite coach-pulse;position:fixed;box-shadow:0 0 0 4px #00000040,0 0 18px 4px #f6b93b99}.coach{z-index:90;background:var(--paper-hi);width:min(380px,100vw - 24px);color:var(--ink);border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow);padding:12px 16px;position:fixed;top:84px;left:50%;transform:translate(-50%)}.coach-count{opacity:.6;margin:0;font-size:.72rem;font-weight:800}.coach-title{font-family:var(--font-display);margin:2px 0 4px;font-size:1.05rem}.coach-body{margin:0 0 10px;font-size:.88rem;line-height:1.4}.coach-actions{justify-content:flex-end;gap:8px;display:flex}@keyframes coach-pulse{50%{box-shadow:0 0 0 4px #00000040,0 0 28px 8px #f6b93bcc}}@media (prefers-reduced-motion:reduce){.coach-ring{transition:none;animation:none}}@media (max-width:760px) and (orientation:portrait),(orientation:landscape) and (max-height:500px){.arena-top{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.side-opp{min-width:0}.arena-chips{gap:3px}.arena-chips .btn-icon{width:34px;height:34px;padding:0}.arena-chips .mini-chip{box-shadow:none;gap:3px;padding:1px 6px;font-size:.82rem}.plate{box-shadow:var(--shadow-sm);background:var(--paper-hi);border-width:2px;gap:8px;padding:4px 10px 4px 4px;display:flex;transform:none}.plate>*{transform:none}.plate.is-active{box-shadow:2px 2px 0 var(--ink), 0 0 0 3px var(--yellow)}.plate-side{display:none}.plate-portrait{align-items:center;gap:4px;display:inline-flex}.plate-portrait .avatar{width:28px!important;height:28px!important;font-size:.8rem!important}.soul{min-width:30px;height:30px;box-shadow:none;border-width:2px;padding:0 5px;position:static}.soul-num{font-size:1.05rem}button.soul-target{width:38px;height:38px}.plate-info{gap:0;margin-left:0}.plate-name{gap:4px;max-width:14ch;font-size:.86rem;line-height:1.3}.plate-level{font-size:.62rem}.plate-info .core,.plate-info .countdown{font-size:.7rem;line-height:1.3}.plate-info{grid-template-columns:auto auto;justify-content:start;column-gap:8px;display:grid}.plate-info .plate-name{grid-column:1/-1}.phases{display:none}.mid{flex-wrap:wrap;justify-content:flex-start;gap:4px 8px;min-height:30px;margin:0;padding:3px 8px}.turn-burst{margin:0;padding:0}.turn-burst>svg{display:none}.turn-label{color:var(--yellow);font-size:.85rem;font-style:normal}.turn-owner{font-size:.78rem}.phase-now{color:var(--paper-hi);opacity:.85;font-size:.78rem;font-weight:700;display:inline}.field-zone{order:3;max-width:45%;margin-left:auto;padding:1px 8px;font-size:.72rem}.mid .hint{text-align:left;flex-basis:100%;order:4;min-height:0;margin:0;padding:0 0 2px;font-size:.76rem;line-height:1.3}.mid .hint.hint-tip{display:none}.side-opp .plate{width:100%}.plate-name{max-width:none}.plate-info .core-gems,.pile-name,.board-mascot,.arena-chips .lang{display:none}.board-area{--gap:5px;--col-gap:6px;--sw:min(calc(var(--sh) * .73), calc((100cqw - 4 * var(--gap) - 40px - var(--col-gap) - 16px) / 5));padding:5px}.field-side{column-gap:var(--col-gap);grid-template:"center deck"1fr"center discard"1fr/minmax(0,1fr) 40px;row-gap:22px;padding:6px 4px}.field-side>.field-center{grid-area:center}.field-side>.pile-deck{grid-area:deck;align-self:end}.field-side>.pile-discard{grid-area:discard;align-self:start}.pile-count{min-width:26px;padding:0 6px;font-size:.72rem;bottom:-17px}.dock{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"plate plate""hand hand""rail orb";align-items:center;gap:2px 8px}.dock>.side-self{padding:0}.side-self .plate{width:100%}.hand{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;justify-content:flex-start;gap:8px;min-height:0;padding:10px 10px 6px;scroll-padding-inline:10px;overflow-y:hidden}.hand-slot{scroll-snap-align:start;margin:0;transform:none}.hand-slot:hover,.hand-slot:focus-within{transform:translateY(-4px)}.card-hand{width:100px;height:142px}.hand .card-hand.is-selected{transform:translateY(-6px)}.hand-count{color:var(--ink-dim);white-space:nowrap;font-size:.72rem;font-weight:700;display:inline}.rail{flex-wrap:nowrap;justify-content:flex-start;gap:6px;min-height:48px}.rail .btn{min-height:44px}.rail-wait{color:var(--ink-dim);font-size:.8rem;font-weight:700;display:inline}.orb{justify-self:end;width:auto;height:48px}.orb-burst{border:2px solid var(--ink);background:var(--red);height:48px;box-shadow:var(--shadow-sm);border-radius:99px;padding:0 18px}.orb-burst>svg:first-child{display:none}.orb-burst .burst-text{align-items:center;gap:6px;font-size:.95rem;display:inline-flex}.orb-burst .burst-text svg{width:20px;height:20px}.orb:hover:not(:disabled){transform:none}.orb-idle{display:none}}@media (orientation:landscape) and (max-height:500px){.room-wrap,.room-wrap.has-log{padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template:"field opp""field chips""field."minmax(0,1fr)"field plate""hand rail""hand orb"/minmax(0,1fr) 196px;gap:4px 8px}.arena-top,.dock{display:contents}.side-opp{grid-area:opp}.opp-hand{display:none}.arena-chips{grid-area:chips;justify-content:flex-end}.dock>.side-self{grid-area:plate}.dock>.rail{flex-wrap:wrap;justify-content:flex-end;min-height:0}.dock>.orb{justify-self:stretch}.orb-burst{width:100%}.plate-info{grid-template-columns:auto}.plate-info .countdown{white-space:nowrap}.board-area{--gap:5px;--col-gap:6px;--sh:clamp(36px, calc((100cqh - 44px) / 2), 190px);--sw:min(calc(var(--sh) * .73), calc((100cqw - 9 * var(--gap) - 14px - 34px - var(--col-gap) - 16px) / 8));padding:4px}.field-side{grid-template-columns:minmax(0,1fr) 34px;row-gap:16px;padding:3px 4px}.field-center{justify-content:center;gap:calc(var(--gap) + 14px);flex-direction:row}.pile,.pile-empty,.pile .card{width:30px;height:41px}.pile-count{font-size:.66rem;bottom:-15px}.mid{min-height:24px;padding:1px 8px}.hand{padding:4px 6px 2px}.card-hand{width:84px;height:120px}.feed{grid-area:field}}
.lb-tabs{margin-top:-4px}.type-tab[aria-selected=true]{background:var(--ink);color:var(--paper-hi);transform:skew(-6deg)}.lb-msg{text-align:center;padding:28px;font-weight:700}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:18px;margin:34px 0 0;padding:0;list-style:none;display:grid}.podium-card{background:var(--grain), var(--paper-hi);border:var(--bw) solid var(--ink);min-width:0;box-shadow:var(--shadow);text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:6px;padding:30px 12px 16px;display:flex;position:relative}.podium-1{background:var(--halftone), linear-gradient(180deg, #fff4c2, var(--paper-hi));order:2;padding-top:40px;transform:translateY(-10px)}.podium-2{order:1;transform:rotate(-1deg)}.podium-3{order:3;transform:rotate(1deg)}.podium-card.is-me{outline:4px solid var(--blue);outline-offset:2px}.podium-rank{width:56px;height:56px;font-family:var(--font-shout);font-size:1.7rem;position:absolute;top:-26px;left:50%;translate:-50%}.podium-1 .podium-rank{width:66px;height:66px;font-size:2rem;top:-32px}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);font-size:1.05rem;font-weight:900;overflow:hidden}.lb-sheet{padding:6px 12px 10px}.lb-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.lb-table th{text-align:left;font-family:var(--font-display);color:var(--ink-dim);border-bottom:var(--bw) solid var(--ink);padding:10px 10px 8px;font-size:.8rem}.lb-table td{vertical-align:middle;border-bottom:1px dashed #1a141040;padding:8px 10px}.lb-table tbody tr:last-child td{border-bottom:0}.lb-table tr.is-me td{background:var(--halftone-light), #ffd43b73}.lb-c-rank{width:64px}.lb-c-lv{width:80px}.lb-c-rec,.lb-c-rate{text-align:right;width:96px}.lb-table th.lb-c-rec,.lb-table th.lb-c-rate{text-align:right}.lb-rank{min-width:34px;height:30px;font-family:var(--font-shout);border:2px solid var(--ink);background:var(--paper-hi);border-radius:4px;place-items:center;padding:0 6px;font-size:1.15rem;display:inline-grid}.lb-rank-1{background:var(--yellow)}.lb-rank-2{background:#d9dde4}.lb-rank-3{background:#e7a76b}.lb-player{align-items:center;gap:10px;min-width:0;max-width:100%;display:inline-flex}.lb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);font-weight:800;overflow:hidden}.lb-you{background:var(--blue);color:#fff;border-radius:99px;flex:none;padding:0 8px;font-size:.72rem;font-weight:800}.lb-exp{align-items:center;gap:8px;display:inline-flex}.lb-exp .lv-bar{width:110px}.lb-exp-num{color:var(--ink-dim);white-space:nowrap;font-size:.85rem}.lb-mobile-meta{display:none}.lb-gap td{text-align:center;color:var(--ink-dim);letter-spacing:.3em;padding:2px}.lb-soon{text-align:center;background:var(--halftone), var(--paper-hi);place-items:center;gap:14px;min-height:260px;padding:40px 20px;display:grid;position:relative}.lb-soon-burst{width:180px;height:110px;font-family:var(--font-shout);letter-spacing:.06em;color:#fff;font-size:1.8rem}.lb-soon p{color:var(--ink-dim);max-width:40ch;font-weight:700}@media (max-width:760px){.lb-c-exp{display:none}}@media (max-width:640px){.podium{gap:10px}.podium-card{padding:26px 6px 12px}.podium-name{font-size:.85rem}.lb-c-rec,.lb-c-rate{display:none}.lb-mobile-meta{color:var(--ink-dim);margin:2px 0 0 44px;font-size:.78rem;display:block}.lb-c-rank{width:48px}.lb-c-lv{width:64px}.lb-table td,.lb-table th{padding:7px 6px}}
.quest-head{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.quest-sheet{padding:6px 14px}.quest-list{margin:0;padding:0;list-style:none}.quest-row{border-bottom:1px dashed #1a14104d;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 16px;padding:14px 0;display:grid}.quest-row:last-child{border-bottom:0}.quest-row.is-claimed{opacity:.55}.quest-row.is-done:not(.is-claimed){background:var(--halftone-light), #ffd43b4d;margin:0 -14px;padding-left:14px;padding-right:14px}.quest-name{overflow-wrap:anywhere;margin:0 0 6px;font-weight:700}.quest-bar{border:var(--bw) solid var(--ink);background:var(--paper-hi);border-radius:4px;height:22px;position:relative;overflow:hidden}.quest-fill{width:var(--p);background:var(--halftone), var(--red);transition:width .3s;position:absolute;inset:0 auto 0 0}.is-done .quest-fill{background:var(--halftone), var(--yellow)}.quest-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-shadow:0 0 3px var(--paper-hi), 0 0 3px var(--paper-hi);place-items:center;font-size:.8rem;font-weight:900;display:grid;position:absolute;inset:0}.quest-rewards{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:inline-flex}.quest-chip{font-family:var(--font-display);background:var(--ink);color:var(--paper-hi);font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:5px;padding:2px 12px;font-weight:800;display:inline-flex}.quest-btn{min-width:112px}.quest-btn:disabled{filter:grayscale(.7)}.quest-bonus{background:var(--halftone-light), var(--paper-hi);flex-wrap:wrap;align-items:center;gap:12px 16px;padding:14px 18px;display:flex}.quest-bonus.is-ready{background:var(--halftone), linear-gradient(180deg, #fff4c2, var(--paper-hi))}.quest-bonus-title{font-family:var(--font-display);flex:200px;margin:0;font-size:1.15rem;font-weight:900}.mpanel-badge{z-index:4;background:var(--red);border:3px solid var(--ink);width:22px;height:22px;box-shadow:2px 2px 0 var(--ink);border-radius:50%;position:absolute;top:12px;left:12px}@media (max-width:560px){.quest-row{grid-template-columns:minmax(0,1fr) auto}.quest-main{grid-column:1/-1}.quest-rewards{justify-content:flex-start}}.dust-panel{min-width:0;padding:18px 20px 20px}.dust-panel .tabs{margin-top:2px}.dust-panel .tab{flex:1 1 0;min-width:0;padding-inline:12px}.dust-panel [role=tabpanel]{padding-top:4px}.dust-panel [role=tabpanel]>.muted{margin:0;line-height:1.6}.dust-info .quest-chip{white-space:nowrap;gap:4px;max-width:100%;padding:4px 10px;font-size:.82rem}@media (max-width:480px){.dust-panel{padding:14px 14px 16px}.dust-row>:first-child{width:80px}.dust-steppers{flex-flow:wrap;flex:100%;justify-content:flex-end}.dust-actions .btn{flex:100%}}.dust-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dust-title{font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:900}.dust-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dust-row,.dust-recipe{border-bottom:1px dashed #1a14104d;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:8px 0;display:flex}.dust-row>:first-child{flex:none;width:96px}.dust-info{flex-direction:column;flex:180px;align-items:flex-start;gap:4px;min-width:0;display:flex}.dust-steppers{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.dust-stepper{align-items:center;gap:8px;display:inline-flex}.dust-variant{font-family:var(--font-display);font-size:.85rem;font-weight:800}.dust-count{text-align:center;min-width:2ch;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:900}.dust-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.dust-inputs{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.dust-have{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800}.dust-have[data-short=true]{color:var(--red)}.dust-craft{flex-direction:column;align-items:flex-end;gap:4px;display:flex}
.shop-main{min-width:0}.shop-tabs{background:var(--paper-hi);border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow);grid-template-columns:repeat(6,minmax(64px,1fr));gap:8px;padding:8px;display:grid;overflow-x:auto}.shop-tab{min-height:72px;font:inherit;font-family:var(--font-display);text-align:center;color:var(--paper-hi);background:var(--ink);border:var(--bw) solid var(--ink);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:.92rem;font-weight:800;line-height:1.15;transition:translate .12s ease-out,background-color .12s;display:flex}.shop-tab:hover:not(.is-locked){translate:0 -2px}.shop-tab[aria-pressed=true]{color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);translate:0 -3px}.shop-tab:focus-visible{outline:3px solid var(--red);outline-offset:2px}.shop-tab.is-locked{cursor:not-allowed;opacity:.6}.shop-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.shop-section-head .ttag{font-size:1.15rem}.shop-sort{background:var(--paper-hi);border:var(--bw) solid var(--ink);border-radius:6px;align-items:center;gap:6px;padding:4px 4px 4px 12px;font-weight:800;display:inline-flex}.shop-sort select{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-weight:800}.shop-sort select:focus-visible{outline:3px solid var(--red);outline-offset:1px}.product-grid.item-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;display:grid}.item-card{background:var(--grain), var(--paper-hi);border:var(--bw) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow);grid-template-columns:minmax(84px,42%) minmax(0,1fr);grid-template-areas:"art info""foot foot""hint hint";gap:10px 12px;padding:12px;display:grid;position:relative;overflow:hidden}.item-ribbon{z-index:2;font-family:var(--font-display);color:#fff;background:var(--red);border:0 solid var(--ink);clip-path:polygon(10px 0,100% 0,100% 100%,0 100%);text-shadow:1px 1px 0 var(--ink);border-width:0 0 2px 2px;padding:2px 14px 3px 18px;font-size:.82rem;font-weight:900;position:absolute;top:0;right:0}.item-art{aspect-ratio:1;background:var(--halftone), radial-gradient(circle at 50% 45%, #ffe27a, #f39b2b 70%, #b8461d);border:var(--bw) solid var(--ink);border-radius:6px;grid-area:art;place-items:center;min-width:0;padding:6px;display:grid;position:relative;overflow:hidden}.item-art .product-img{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;filter:drop-shadow(3px 3px 0 var(--ink))}.item-art .pack3d.pack3d-sm{--w:64px;--h:92px}.item-art-fallback{filter:drop-shadow(3px 3px 0 var(--ink));place-items:center;display:grid}.item-odds{width:30px;height:30px;color:var(--ink);background:var(--paper-hi);border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:4px;right:4px}.item-odds:focus-visible{outline:3px solid var(--red);outline-offset:1px}.item-info{flex-direction:column;grid-area:info;gap:4px;min-width:0;padding-top:18px;display:flex}.item-name{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:1.08rem;font-weight:900;line-height:1.2}.item-grant{margin:0;font-size:.92rem;font-weight:700}.item-desc{margin:0;font-size:.85rem}.item-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.item-left{font-size:.85rem;font-weight:700}.item-badge{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:99px;padding:1px 10px;font-size:.78rem;font-weight:800;display:inline-block}.item-badge-soldout{background:var(--ink);color:var(--paper-hi)}.item-foot{grid-area:foot;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:8px;display:grid}.item-price{min-width:0;font-family:var(--font-display);color:var(--paper-hi);background:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;margin:0;padding:4px 12px;font-size:1.1rem;font-weight:900;display:flex}.item-price .price-icon{place-items:center;font-weight:900;display:inline-grid}.item-buy{min-height:42px;font:inherit;font-family:var(--font-display);color:var(--ink);background:var(--yellow);border:var(--bw) solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:1.05rem;font-weight:900;transition:translate .1s ease-out,box-shadow .1s ease-out;display:inline-flex}.item-buy:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);translate:-1px -1px}.item-buy:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.item-buy:focus-visible{outline:3px solid var(--red);outline-offset:2px}.item-buy:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.item-hint{grid-area:hint;margin:0;font-size:.85rem}.item-card.is-soldout{opacity:.7;filter:grayscale(.5)}.item-card.is-unavailable{opacity:.75;filter:grayscale(.4)}@media (min-width:561px){.item-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"art""info""foot""hint";gap:10px;padding:12px}.item-art{justify-self:center;width:100%;max-width:168px}.item-info{padding-top:0}}@media (max-width:560px){.shop-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;overflow-x:visible}.shop-tab{min-height:58px;font-size:.8rem}.shop-tab svg{width:22px;height:22px}.product-grid.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:8px 6px;padding:8px}.item-art{align-self:start;padding:3px}.item-art .pack3d.pack3d-sm{--w:44px;--h:64px}.item-info{gap:2px;padding-top:16px}.item-odds{width:24px;height:24px;bottom:2px;right:2px}.item-odds svg{width:14px;height:14px}.item-name{font-size:.95rem}.item-grant,.item-desc,.item-left{font-size:.78rem}.item-foot{gap:6px}.item-price{justify-content:center;padding:3px 8px;font-size:1rem}.item-buy{min-height:38px;font-size:.95rem}.item-ribbon{padding:1px 10px 2px 14px;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.shop-tab,.item-buy{transition:none}}
.tour-head{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.tour-grid{align-items:start;gap:16px;display:grid}.tour-main{min-width:0}.tour-event,.tour-me,.tour-standings,.tour-history{min-width:0;padding:16px 18px}.tour-name{font-family:var(--font-display);overflow-wrap:anywhere;margin:0 0 6px;font-size:1.4rem;font-weight:900}.tour-sub{font-family:var(--font-display);margin:14px 0 8px;font-size:1.05rem;font-weight:900}.tour-me>.tour-sub:first-child,.tour-standings>.tour-sub:first-child,.tour-history>.tour-sub:first-child{margin-top:0}.tour-rules{gap:4px;margin:0;padding-left:1.2em;line-height:1.5;display:grid}.tour-prizes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tour-prizes li{border-bottom:1px dashed #1a14104d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:6px 0;display:flex}.tour-prizes li:last-child{border-bottom:0}.tour-band{font-weight:800}.tour-prize{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.tour-title-chip{border:var(--bw) solid var(--ink);background:var(--yellow);white-space:nowrap;border-radius:99px;padding:1px 10px;font-size:.82rem;font-weight:800;display:inline-block}.tour-stats{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.tour-points{font-family:var(--font-display);color:var(--red);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900}.tour-deckname{overflow-wrap:anywhere;margin:6px 0 12px}.tour-note{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0;font-weight:700;display:flex}.tour-note.is-bad{color:var(--red)}.tour-find{min-width:200px;min-height:52px;font-size:1.1rem}.tour-hint{margin:8px 0 0;font-size:.86rem;line-height:1.5}.tour-queue{border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--halftone-light), var(--paper-hi);justify-items:start;gap:6px;padding:12px 14px;display:grid}.tour-queue p{margin:0;font-weight:700}.tour-queue .tour-hint{font-weight:400}.tour-spinner{border:3px solid var(--ink);border-top-color:var(--red);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite tour-spin}@keyframes tour-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tour-spinner{animation:none}}.tour-register{border-top:1px dashed #1a14104d;gap:10px;margin-top:14px;padding-top:14px;display:grid}.tour-register .btn{justify-self:start}.tour-deck-pick{gap:4px;font-weight:700;display:grid}.tour-deck-pick select{border:var(--bw) solid var(--ink);background:var(--paper-hi);max-width:100%;min-height:42px;font:inherit;border-radius:6px;padding:4px 10px}.tour-violations{border:var(--bw) solid var(--red);background:#fff0ee;border-radius:6px;padding:10px 12px}.tour-violations p{color:var(--red);margin:0 0 4px;font-weight:800}.tour-violations ul{margin:0;padding-left:1.2em}.tour-table-wrap{overflow-x:auto}.tour-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tour-table th{text-align:left;border-bottom:var(--bw) solid var(--ink);white-space:nowrap;padding:6px 8px;font-size:.82rem}.tour-table td{vertical-align:middle;border-bottom:1px dashed #1a14104d;padding:8px}.tour-table tr.is-me td{background:var(--halftone-light), #ffd43b59}.tour-table tr.is-moved td{animation:2.5s ease-out tour-moved}@keyframes tour-moved{0%{background-color:#ffd43be6}}@media (prefers-reduced-motion:reduce){.tour-table tr.is-moved td{animation:none}}.tour-rank{font-family:var(--font-display);width:3em;font-weight:900}.tour-player{overflow-wrap:anywhere;font-weight:700}.tour-player .tour-title-chip,.tour-you{margin-left:6px}.tour-you{background:var(--ink);color:var(--paper-hi);border-radius:99px;padding:0 8px;font-size:.75rem;display:inline-block}.tour-pts{font-family:var(--font-display);text-align:right;font-weight:900}.tour-table th:last-child{text-align:right}.tour-history-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tour-history-list li{border-bottom:1px dashed #1a14104d;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 0;display:flex}.tour-history-name{overflow-wrap:anywhere;flex:160px;min-width:0;font-weight:800}@media (min-width:900px){.tour-grid{grid-template-columns:minmax(0,5fr) minmax(0,4fr)}}.champ{background:var(--halftone-light), var(--paper-hi);border:var(--bw) solid var(--ink);box-shadow:var(--shadow);grid-template-columns:minmax(220px,min(42%,400px)) minmax(0,1fr);display:grid;position:relative;overflow:hidden}.champ-stage{isolation:isolate;background:linear-gradient(#1a1410c7, #1a1410c7), var(--champ-bg,none) center / cover no-repeat, var(--ink);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);place-items:center;min-height:230px;display:grid;position:relative}.champ-lines{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.champ-stage:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px}.champ-portrait{place-items:center;display:grid;position:relative;translate:-6%}.champ-avatar.avatar{border:5px solid var(--paper-hi);box-shadow:0 0 0 3px var(--ink), 0 0 0 9px var(--red), 0 0 0 12px var(--ink);width:clamp(112px,30vw,150px)!important;height:clamp(112px,30vw,150px)!important;font-size:clamp(3rem,9vw,4.2rem)!important}.champ-one{aspect-ratio:1;width:clamp(74px,20vw,92px);padding:0;animation:.45s cubic-bezier(.2,1.6,.4,1) .15s both champ-stamp;position:absolute;bottom:-22px;right:-40px;rotate:-8deg}.champ .champ-one .burst-text{font-size:clamp(2.8rem,9vw,3.6rem)}.champ-copy{align-content:center;justify-items:start;gap:6px;min-width:0;padding:18px 20px 18px 6px;display:grid}.champ-head{margin-left:-4px}.champ-event{color:var(--ink-dim,#5b4f42);overflow-wrap:anywhere;margin:4px 0 0;font-weight:700}.champ-name{max-width:100%;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:2;text-shadow:3px 3px 0 var(--yellow);-webkit-box-orient:vertical;margin:0;padding-right:.12em;font-size:clamp(2.2rem,7vw,3.6rem);font-style:italic;font-weight:900;line-height:1.02;animation:.4s ease-out both champ-in;display:-webkit-box;overflow:hidden}.champ-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.champ-pts{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:900}.champ-me{font-family:var(--font-display);color:var(--red);margin:0;font-weight:900}.champ-more{margin-top:6px}.champ-sfx{display:none}@media (min-width:900px){.champ-sfx{z-index:0;pointer-events:none;font-family:var(--font-shout);letter-spacing:.02em;color:#0000;-webkit-text-stroke:3px #d7262e38;font-size:9rem;line-height:1;display:block;position:absolute;bottom:-.18em;right:18px;rotate:-6deg}.champ-copy{z-index:1;position:relative}}@keyframes champ-stamp{0%{opacity:0;scale:2.2}}@keyframes champ-in{0%{opacity:0;translate:18px}}@media (prefers-reduced-motion:reduce){.champ-one,.champ-name{animation:none}}@media (max-width:560px){.champ{grid-template-columns:1fr}.champ-stage{clip-path:polygon(0 0,100% 0,100% 86%,0 100%);min-height:210px}.champ-portrait{translate:0 -4%}.champ-copy{padding:4px 18px 18px}}
.ranked-head{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.ranked-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:760px){.ranked-grid{grid-template-columns:minmax(0,1fr)}}.ranked-me,.ranked-play,.ranked-rivals,.hall{min-width:0;padding:16px 18px}@media (max-width:480px){.ranked-me,.ranked-play,.ranked-rivals,.hall{padding:14px}}.ranked-play>.tour-sub:first-child,.ranked-rivals>.tour-sub:first-child,.hall>:first-child{margin-top:0}.ranked-me{gap:10px;display:grid}.ranked-me p{margin:0}.ranked-rank{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ranked-rp{font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.2rem;font-weight:800}.ranked-bar{border:2px solid var(--ink,#111);background:#00000014;border-radius:8px;height:14px;overflow:hidden}.ranked-bar>span{background:var(--red,#d62828);height:100%;transition:width .4s;display:block}.ranked-play{align-content:start;gap:12px;display:grid}.ranked-play p{margin:0}.ranked-play .tour-sub{margin-bottom:0}.ranked-play .tour-deck-pick select{width:100%}.ranked-find{justify-self:start;min-width:200px;min-height:52px;font-size:1.1rem}@media (max-width:760px){.ranked-find{justify-self:stretch;width:100%}}.ranked-budget{font-weight:700}.ranked-rival-list{margin:0;padding:0;list-style:none;display:grid}.ranked-rival-list li{border-bottom:1px dashed #1a14104d;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;display:flex}.ranked-rival-list li:last-child{border-bottom:0}.ranked-rivals>.muted{margin:0}.ranked-h2h{font-variant-numeric:tabular-nums;margin-left:auto}.rank-badge{border:2px solid var(--ink,#111);background:var(--paper,#fff);border-radius:999px;align-items:baseline;gap:6px;padding:2px 10px;font-weight:800;display:inline-flex}.rank-badge.rank-sm{padding:0 8px;font-size:.85rem}.rank-badge.rank-lg{padding:4px 16px;font-size:1.5rem}.rank-badge[data-tier=disciple]{background:#cfe8d5}.rank-badge[data-tier=senior]{background:#bcd7f2}.rank-badge[data-tier=master]{background:#e6cdf2}.rank-badge[data-tier=grandmaster]{background:#f7d9a0}.rank-badge[data-tier=sect_leader]{background:#f4a6a0}.revenge-banner{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;max-width:640px;margin:0 auto 12px;padding:8px 16px;display:flex}.revenge-banner.is-revenge{background:#f9d6d2}.revenge-banner.is-hunted{background:#fbe7a8}.revenge-shout{font-size:1.4rem;font-weight:900}.revenge-vs{align-items:center;gap:12px;display:inline-flex}.revenge-score{margin:0;font-size:1.2rem;font-weight:800}.ranked-result{gap:8px;margin:12px 0;display:grid}.ranked-result-rank{margin:0}.ranked-result-lines{gap:4px;margin:0;padding:0;font-weight:700;list-style:none;display:grid}.hall{gap:8px;display:grid}.hall-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hall-list li{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}
.prof-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 22px;padding:20px 22px;display:grid}.prof-avatar{box-shadow:3px 3px 0 var(--ink);border-width:3px}.prof-id{justify-items:start;gap:6px;min-width:0;display:grid}.prof-name{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;line-height:1.2}.prof-badges{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;display:flex}.prof-joined{margin:0;font-size:.9rem}.prof-edit{min-height:44px;margin-top:6px}.prof-stats,.prof-tours,.prof-form{min-width:0;padding:16px 18px}.prof-sub{font-family:var(--font-display);margin:0 0 12px;font-size:1.1rem;font-weight:900}.prof-numbers{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;margin:0;display:grid}.prof-numbers div{border:var(--bw) solid var(--ink);border-radius:var(--r-md);background:var(--paper-hi);padding:10px 12px}.prof-numbers dt{font-size:.82rem;font-weight:800}.prof-numbers dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:1.7rem;font-weight:900}.prof-note{margin:10px 0 0;font-size:.85rem;line-height:1.5}.prof-avatar-row{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.prof-avatar-actions{flex:240px;justify-items:start;gap:8px;min-width:0;display:grid}.prof-avatar-actions .btn.is-disabled{opacity:.6;pointer-events:none}.prof-hint{margin:0;font-size:.86rem;line-height:1.5}.prof-field{display:block}.prof-field input,.prof-select{border:var(--bw) solid var(--ink);background:var(--paper-hi);width:100%;max-width:420px;min-height:44px;font:inherit;border-radius:6px;padding:4px 12px}.prof-form .prof-hint{margin-top:6px}.prof-save{min-height:44px;margin-top:10px}.prof-form :focus-within .prof-field input,.prof-field input:focus-visible,.prof-select:focus-visible{outline:3px solid var(--blue,var(--ink));outline-offset:2px}@media (max-width:480px){.prof-card{grid-template-columns:1fr;justify-items:start}}a.lb-player-link,a.tour-player-link{color:inherit;align-items:center;gap:8px;min-width:0;text-decoration:none;display:inline-flex}a.lb-player-link:hover .lb-name,a.tour-player-link:hover .tour-player-name{text-decoration:underline}.lb-player{flex-wrap:wrap;row-gap:4px}.lb-title-chip{text-overflow:ellipsis;max-width:100%;overflow:hidden}.lb-player-link{max-width:100%}.home-avatar-link{border-radius:50%;flex:none;display:inline-flex}