@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-ext-500-normal-1Z8Q-7rh.woff2)format("woff2"),url(/assets/cinzel-latin-ext-500-normal-BxIh9iwm.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cinzel-latin-500-normal-B-2dbOfA.woff2)format("woff2"),url(/assets/cinzel-latin-500-normal-DMNTwV-V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2)format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-decorative-latin-ext-700-normal-Dul5pKgq.woff2)format("woff2"),url(/assets/cinzel-decorative-latin-ext-700-normal-BaOC-94C.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-decorative-latin-700-normal-CnX1aK6s.woff2)format("woff2"),url(/assets/cinzel-decorative-latin-700-normal-ov6XPGpn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-decorative-latin-ext-900-normal-BhxIA4xV.woff2)format("woff2"),url(/assets/cinzel-decorative-latin-ext-900-normal-CTiVNQCf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-decorative-latin-900-normal-MnIZQgjg.woff2)format("woff2"),url(/assets/cinzel-decorative-latin-900-normal-BBdTCSMn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-italic-ClXnudBg.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-italic-DakTmaFY.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-italic-DVnfXoMy.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-italic-C9gO-8KC.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-italic-D3igDnAQ.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-italic-C-296ow0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-italic-CE7zdTnu.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-italic-CalKM9tT.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-italic-Y14P-dkT.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-500-italic-DhNIfkTX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2)format("woff2"),url(/assets/cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-cyrillic-ext-400-normal-CBouUAPx.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-ext-400-normal-ClLgPhqT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-cyrillic-400-normal-CFUoBDld.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-400-normal-C2XSGevv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-greek-ext-400-normal-CaUEPd_u.woff2)format("woff2"),url(/assets/alegreya-sans-greek-ext-400-normal-D6j-TQLM.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-greek-400-normal-B87Md6o9.woff2)format("woff2"),url(/assets/alegreya-sans-greek-400-normal-8U5NAP_q.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-vietnamese-400-normal-D7fwYHgb.woff2)format("woff2"),url(/assets/alegreya-sans-vietnamese-400-normal-BFvpiE3j.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-ext-400-normal-D7N6b6bd.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-400-normal-DpBVrRWA.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2"),url(/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-cyrillic-ext-500-normal-BjdEjhHc.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-ext-500-normal-CBZLRaMr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-cyrillic-500-normal-kQHBM3cE.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-500-normal-gEBUHwKD.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-greek-ext-500-normal-8OvC5Vmr.woff2)format("woff2"),url(/assets/alegreya-sans-greek-ext-500-normal-Cp0bGOKK.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-greek-500-normal-CjlmbScm.woff2)format("woff2"),url(/assets/alegreya-sans-greek-500-normal-BwxJMQU_.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-vietnamese-500-normal-CFLbXWhL.woff2)format("woff2"),url(/assets/alegreya-sans-vietnamese-500-normal-B1LHNMw0.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-ext-500-normal-TH5u60nj.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-500-normal-CxFoZ42m.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-cyrillic-ext-700-normal-Cpzx2u2L.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-ext-700-normal-YOec_wOb.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-cyrillic-700-normal-BMO00Gdb.woff2)format("woff2"),url(/assets/alegreya-sans-cyrillic-700-normal-qSextXl4.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-greek-ext-700-normal-ChNZoGr1.woff2)format("woff2"),url(/assets/alegreya-sans-greek-ext-700-normal-BVJ8GoGc.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-greek-700-normal-CTof9pYC.woff2)format("woff2"),url(/assets/alegreya-sans-greek-700-normal-BZuMtSJ5.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-vietnamese-700-normal-CHYTK2w7.woff2)format("woff2"),url(/assets/alegreya-sans-vietnamese-700-normal-D0056cUE.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-ext-700-normal-HuHd3-Mg.woff2)format("woff2"),url(/assets/alegreya-sans-latin-ext-700-normal-CkNjzB9Y.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0d0b10;--bg-1:#121016;--bg-2:#18141d;--bg-3:#221c27;--panel:#110e14f0;--panel-2:#1a151ef5;--well:#060508b8;--scrim:#050407b8;--gold-0:#fff1c4;--gold-1:#f2d995;--gold-2:#d6b26a;--gold-3:#a98445;--gold-4:#6f5428;--gold-5:#3b2c15;--gold-line:#d6b26a8c;--gold-hair:#d6b26a38;--gold-glow:#f2cd7859;--parch:#ede2c8;--parch-2:#cbbd9f;--muted:#8f8371;--faint:#5f564b;--heaven:#f2d58a;--heaven-2:#fbf6e8;--heaven-sky:#8cc2ff;--grim:#d8414a;--grim-2:#8e1d2a;--grim-void:#9a63ff;--ok:#7fcf74;--warn:#e6b04f;--bad:#e2545a;--info:#7fb4f0;--r-common:#a3a6ab;--r-uncommon:#63c35b;--r-rare:#4d93f0;--r-epic:#b067f5;--r-legendary:#f2a53a;--f-title:"Cinzel", "Trajan Pro", Georgia, serif;--f-logo:"Cinzel Decorative", "Cinzel", Georgia, serif;--f-body:"Cormorant Garamond", Georgia, serif;--f-ui:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--r-sm:3px;--r-md:6px;--shadow-panel:0 24px 70px #000000b3, 0 2px 0 #0009;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--t-fast:.12s;--t-med:.24s;--t-slow:.52s;--gutter:24px;--topbar-h:58px;--accent:var(--gold-2);--accent-2:var(--gold-1);--accent-glow:var(--gold-glow)}body[data-faction=heaven]{--accent:#e9cc7d;--accent-2:#fff4d2;--accent-glow:#8cc2ff59}body[data-faction=grim]{--accent:#d8414a;--accent-2:#ff8a7a;--accent-glow:#9a63ff59}@media (max-width:720px){:root{--gutter:16px;--topbar-h:52px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--parch);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-variant-numeric:lining-nums;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4;overflow:hidden}#app{background:radial-gradient(ellipse at 50% 40%, #1a1520 0%, var(--bg) 70%);position:fixed;inset:0;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}#overlay{pointer-events:none;z-index:50;position:absolute;inset:0}#overlay>*{pointer-events:auto}::selection{color:var(--gold-0);background:#d6b26a59}button,input,select,textarea{font:inherit;color:inherit}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}h1,h2,h3,h4{font-family:var(--f-title);letter-spacing:.06em;color:var(--gold-1);margin:0;font-weight:600}p{margin:0}.lore{font-family:var(--f-body);color:var(--parch-2);font-size:1.05rem;font-style:italic;line-height:1.45}.eyebrow{font-family:var(--f-title);letter-spacing:.32em;text-transform:uppercase;color:var(--gold-3);font-size:.72rem}.num{font-variant-numeric:tabular-nums lining-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--gold-4) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000040;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-3), var(--gold-4));border:1px solid #00000080;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--gold-2), var(--gold-3))}:focus-visible{outline:1px solid var(--gold-1);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}@media (max-width:720px),(max-height:500px){:root .eyebrow,:root .field>label,:root .tab,:root .btn-sm,:root .rf-k,:root .rf-ribbon,:root .rl-cols span,:root .rl-count,:root .corner-info,:root .logo-tag,:root .stepper li,:root .stepper .sd,:root .stepper .sl,:root .choice-extra,:root .chip,:root .hi-faction,:root .slot-power,:root .scene small,:root .tb-sub,:root .sc,:root .sf,:root .chat-ts,:root .chat-ch,:root .qd-row-st,:root .seg button,:root .heading,:root .dd-head .heading,:root .mm-label,:root .qt-eyebrow,:root .emote-name,:root .kv,:root .set-row,:root .set-note,:root .qt-hint,:root .emote-name,:root .emote-opt kbd,:root .scene .field>label,:root .chat-line .chat-ch,:root .login-panel .tab,:root .logo-small .logo-tag,:root .scene .heading{font-size:.8125rem}:root .eyebrow,:root .field>label,:root .rf-ribbon,:root .stepper li,:root .logo-tag{letter-spacing:.14em}:root .tab{letter-spacing:.08em}}.frame{background:var(--grain) 0 0 / 180px 180px, radial-gradient(120% 70% at 50% 0%, #d6b26a12, transparent 60%) padding-box, linear-gradient(180deg, #1e1822f7, #0d0a10fa) padding-box, linear-gradient(155deg, #f2d995 0%, #8a6a33 18%, #3b2c15 42%, #6f5428 60%, #b8924c 82%, #f2d995 100%) border-box;box-shadow:0 0 0 1px #000000e6, inset 0 0 0 1px #000000a6, inset 0 1px 0 #fff0c812, inset 0 0 50px #0000008c, var(--shadow-panel);border:1.5px solid #0000;border-radius:4px;position:relative}.frame:before{content:"";border:1px solid var(--gold-hair);pointer-events:none;border-radius:2px;position:absolute;inset:6px}.frame:after{content:"";pointer-events:none;background:var(--orn-tl) top left / 44px 44px no-repeat, var(--orn-tr) top right / 44px 44px no-repeat, var(--orn-bl) bottom left / 44px 44px no-repeat, var(--orn-br) bottom right / 44px 44px no-repeat;filter:drop-shadow(0 1px 1px #000000e6);position:absolute;inset:-8px}.frame.frame-sm:after{background-size:30px 30px;inset:-6px}.frame.no-orn:after{display:none}.well{background:var(--well);border-radius:var(--r-sm);border:1px solid #d6b26a24;box-shadow:inset 0 2px 10px #0009}.heading{font-family:var(--f-title);color:var(--gold-1);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px #000,0 0 14px #f2cd7840;justify-content:center;align-items:center;gap:14px;font-size:.95rem;font-weight:600;display:flex}.heading:before,.heading:after{content:"";background:linear-gradient(var(--gold-2), var(--gold-2)) center / 100% 1px no-repeat, var(--diamond) var(--d-pos,right) center / 9px 9px no-repeat;flex:1;max-width:140px;height:9px;-webkit-mask:linear-gradient(90deg,#0000,#000 70%);mask:linear-gradient(90deg,#0000,#000 70%)}.heading:after{--d-pos:left;-webkit-mask:linear-gradient(270deg,#0000,#000 70%);mask:linear-gradient(270deg,#0000,#000 70%)}.rule{background:var(--diamond) center / 9px 9px no-repeat, linear-gradient(90deg, transparent, var(--gold-4) 20%, var(--gold-3) 50%, var(--gold-4) 80%, transparent) center / 100% 1px no-repeat;height:9px;margin:14px 0}.btn{--bevel:polygon(10px 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);--rim:linear-gradient(180deg, #f6e2a6 0%, #b38b45 35%, #5a4220 70%, #a8813f 100%);--fill:linear-gradient(180deg, #4b3417 0%, #2e1f0c 48%, #1d1307 52%, #2a1c0b 100%);--ink:#fbe7b0;isolation:isolate;min-height:46px;color:var(--ink);font-family:var(--f-title);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px #000,0 0 10px #f2cd7859;cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 8px #000000a6);transition:filter var(--t-med) var(--ease-out), transform var(--t-fast) var(--ease-out), color var(--t-med);background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:0 30px;font-size:.9rem;font-weight:700;display:inline-flex;position:relative}.btn:before,.btn:after{content:"";z-index:-1;clip-path:var(--bevel);transition:background-position .7s var(--ease-out), opacity var(--t-med);position:absolute}.btn:before{background:var(--rim);inset:0}.btn:after{background:linear-gradient(100deg, transparent 38%, #ffeebe47 50%, transparent 62%) -160% 0 / 260% 100% no-repeat, radial-gradient(80% 120% at 50% 0%, #ffdc9638, transparent 60%), var(--fill);inset:1.5px}.btn:hover{filter:drop-shadow(0 0 12px var(--gold-glow)) drop-shadow(0 4px 8px #000000a6);color:#fff5d6}.btn:hover:after{background-position:160% 0,0 0,0 0}.btn:active{filter:drop-shadow(0 0 6px var(--gold-glow)) drop-shadow(0 2px 3px #000000b3);transform:translateY(1px)scale(.985)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.85)brightness(.6)drop-shadow(0 3px 6px #0009)}.btn.busy{pointer-events:none}.btn.busy:after{animation:1.1s linear infinite btn-busy}@keyframes btn-busy{0%{background-position:-160% 0,0 0,0 0}to{background-position:160% 0,0 0,0 0}}.btn-lg{letter-spacing:.2em;min-height:56px;padding:0 44px;font-size:1.02rem}.btn-sm{white-space:nowrap;letter-spacing:.12em;--bevel:polygon(7px 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 7px 100%, 0 50%);min-height:34px;padding:0 18px;font-size:.74rem}.btn-block{width:100%;display:flex}.btn-stone{--rim:linear-gradient(180deg, #8d7a5a 0%, #4d4232 45%, #2a241b 100%);--fill:linear-gradient(180deg, #2b2530 0%, #1a161e 50%, #131016 100%);--ink:var(--parch-2);text-shadow:0 1px #000}.btn-stone:hover{color:var(--gold-1)}.btn-danger{--rim:linear-gradient(180deg, #ff9f8a 0%, #b23a35 40%, #5a1416 75%, #a3302d 100%);--fill:linear-gradient(180deg, #5a1418 0%, #3a0b0f 50%, #230609 100%);--ink:#ffd9cf;text-shadow:0 1px #000,0 0 10px #ff5a5066}.btn-danger:hover{filter:drop-shadow(0 0 12px #e2545a80)drop-shadow(0 4px 8px #000000a6)}.icon-btn{border:1px solid var(--gold-4);width:36px;height:36px;color:var(--gold-2);cursor:pointer;transition:all var(--t-med) var(--ease-out);background:radial-gradient(circle at 50% 35%,#2f2633,#141017);border-radius:50%;place-items:center;display:inline-grid;box-shadow:inset 0 1px #fff0c81f,0 2px 6px #0009}.icon-btn:hover{color:var(--gold-0);border-color:var(--gold-2);box-shadow:inset 0 1px 0 #fff0c833, 0 0 14px var(--gold-glow);transform:rotate(8deg)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px}.field{gap:7px;display:grid}.field>label{font-family:var(--f-title);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-3);font-size:.68rem;font-weight:600}.input-wrap{position:relative}.input-wrap>svg{width:17px;height:17px;color:var(--gold-4);pointer-events:none;transition:color var(--t-med);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input{background:linear-gradient(180deg, #0000008c, #1410168c), var(--bg-1);width:100%;height:48px;color:var(--parch);font-family:var(--f-ui);letter-spacing:.02em;transition:border-color var(--t-med), box-shadow var(--t-med), background var(--t-med);border:1px solid #d6b26a38;border-bottom-color:#d6b26a73;border-radius:3px;outline:none;padding:0 14px 0 42px;font-size:1.02rem;box-shadow:inset 0 2px 8px #000000bf,0 1px #fff0c80a}.input::placeholder{color:var(--faint);font-style:italic}.input:hover{border-color:#d6b26a5c}.input:focus{border-color:var(--gold-2);box-shadow:inset 0 2px 8px #000000bf,0 0 0 3px #d6b26a1a,0 0 18px #d6b26a29}.input-wrap:focus-within>svg{color:var(--gold-2)}.input.no-icon{padding-left:14px}.input:-webkit-autofill{-webkit-text-fill-color:var(--parch);caret-color:var(--parch);-webkit-box-shadow:inset 0 0 0 40px #141017}.field.err .input{border-color:var(--bad);box-shadow:inset 0 2px 8px #000000bf,0 0 0 3px #e2545a1f}.field.err .input-wrap>svg{color:var(--bad)}.field-msg{min-height:0;color:var(--bad);font-size:.82rem;display:none}.field.err .field-msg{animation:msg-in var(--t-med) var(--ease-out);display:block}@keyframes msg-in{0%{opacity:0;transform:translateY(-3px)}}.shake{animation:.42s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.alert{color:#ffd7d2;animation:msg-in var(--t-med) var(--ease-out);background:linear-gradient(90deg,#6e141a73,#280a0e40);border:1px solid #e2545a73;border-left-width:3px;border-radius:3px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.alert svg{width:18px;height:18px;color:var(--bad);flex:none;margin-top:1px}.alert.ok{color:#dcf5d6;background:linear-gradient(90deg,#1e501e73,#0a1e0c40);border-color:#7fcf7473}.alert.ok svg{color:var(--ok)}.check{cursor:pointer;color:var(--parch-2);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.92rem;display:inline-flex}.check input{appearance:none;border:1px solid var(--gold-3);cursor:pointer;width:16px;height:16px;transition:all var(--t-med) var(--ease-out);background:#0b090d;place-items:center;margin:0 2px;display:grid;transform:rotate(45deg);box-shadow:inset 0 1px 4px #000c}.check input:after{content:"";background:radial-gradient(circle, #fff3c8, var(--gold-2));width:7px;height:7px;transition:transform var(--t-med) var(--ease-out);box-shadow:0 0 8px var(--gold-glow);transform:scale(0)}.check input:checked{border-color:var(--gold-1)}.check input:checked:after{transform:scale(1)}.check:hover{color:var(--parch)}.tabs{border-bottom:1px solid var(--gold-hair);display:flex;position:relative}.tab{font-family:var(--f-title);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color var(--t-med);background:0 0;border:0;flex:1;padding:14px 8px 13px;font-size:.82rem;font-weight:600;position:relative}.tab:hover{color:var(--parch-2)}.tab[aria-selected=true]{color:var(--gold-1);text-shadow:0 0 12px #f2cd7859}.tabs .tab-ink{background:linear-gradient(90deg, transparent, var(--gold-1), transparent);height:2px;box-shadow:0 0 10px var(--gold-glow);transition:left var(--t-slow) var(--ease-out), width var(--t-slow) var(--ease-out);position:absolute;bottom:-1px}.tabs .tab-ink:after{content:"";background:var(--gold-1);width:7px;height:7px;box-shadow:0 0 8px var(--gold-glow);position:absolute;top:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.tag{border:1px solid var(--gold-hair);letter-spacing:.08em;color:var(--parch-2);text-transform:uppercase;background:#00000059;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:.72rem;display:inline-flex}.link{color:var(--gold-2);cursor:pointer;border:0;border-bottom:1px dotted var(--gold-4);background:0 0;padding:0;font-size:.9rem}.link:hover{color:var(--gold-0);border-bottom-color:var(--gold-2)}kbd{border:1px solid var(--gold-4);min-width:20px;font-family:var(--f-ui);color:var(--gold-1);text-align:center;background:#18131b;border-bottom-width:2px;border-radius:3px;padding:1px 6px;font-size:.72rem;display:inline-block}@media (max-width:720px){.btn-sm{min-height:40px}.icon-btn{min-width:40px;min-height:40px}.check{min-height:40px}.range{height:40px}}.curtain{opacity:0;pointer-events:none;transition:opacity .38s var(--ease-in-out);z-index:40;background:#050407;position:absolute;inset:0}.curtain.on{opacity:1;pointer-events:auto}#ui>.scene{pointer-events:none;position:absolute;inset:0}.scene>*{pointer-events:auto}.scene-enter{animation:scene-in .6s var(--ease-out) both}@keyframes scene-in{0%{opacity:0;transform:translateY(10px)scale(.995)}}.tip{z-index:90;border:1px solid var(--gold-4);max-width:300px;color:var(--parch);pointer-events:none;opacity:0;transition:opacity .14s var(--ease-out), transform .14s var(--ease-out);background:linear-gradient(#221b26fa,#0c0a0efa);border-radius:3px;padding:12px 14px;font-size:.88rem;position:fixed;top:0;left:0;transform:translateY(4px);box-shadow:0 0 0 1px #000,0 14px 36px #000000bf,inset 0 1px #fff0c814}.tip.on{opacity:1;transform:none}.tip-title{font-family:var(--f-title);letter-spacing:.04em;color:var(--gold-1);font-size:.95rem;font-weight:700}.tip-sub{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:.74rem}.tip-body{color:var(--parch-2);margin-top:8px}.tip-lore{font-family:var(--f-body);color:var(--parch-2);margin-top:8px;font-size:.98rem;font-style:italic}.toasts{z-index:95;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{text-align:center;border:1px solid var(--gold-4);min-width:220px;font-family:var(--f-title);letter-spacing:.06em;color:var(--parch);animation:toast-in .32s var(--ease-out) both;background:linear-gradient(#1e1822f5,#0c0a0ef5);border-radius:3px;padding:10px 20px;font-size:.85rem;box-shadow:0 10px 30px #0009}.toast.bad{color:#ffd7d2;border-color:#e2545a99}.toast.good{border-color:#7fcf748c}.toast.out{animation:toast-out .26s var(--ease-in-out) both}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)}}.modal-scrim{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .22s var(--ease-out) both;background:radial-gradient(#0504078c,#050407d9);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{text-align:center;width:min(440px,100%);animation:modal-in .36s var(--ease-out) both;padding:30px 30px 26px}.modal h3{margin-bottom:12px;font-size:1.15rem}.modal p{color:var(--parch-2);font-family:var(--f-body);font-size:1.12rem}.modal .row{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.modal-scrim.out{animation:fade-out .2s var(--ease-in-out) both}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.loading{z-index:70;transition:opacity .7s var(--ease-in-out);background:radial-gradient(60% 50% at 50% 45%,#6e461e2e,#0000 70%),radial-gradient(#15111a 0%,#050407 75%);place-items:center;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-inner{justify-items:center;gap:26px;width:min(520px,100% - 32px);display:grid}.loading-bar{border:1px solid var(--gold-4);background:#07060a;border-radius:6px;width:100%;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000000e6,0 0 0 1px #000}.loading-fill{width:0%;transition:width .3s var(--ease-out);background:linear-gradient(100deg,#0000 30%,#fff6d2b3 50%,#0000 70%) 0 0/200% 100%,linear-gradient(90deg,#6f4b1c,#d6a64e 70%,#ffe4a0);border-radius:5px;animation:1.6s linear infinite shimmer;position:absolute;inset:1px auto 1px 1px;box-shadow:0 0 14px #f2be5ab3}@keyframes shimmer{0%,55%{background-position:130% 0}90%,to{background-position:-30% 0}}.loading-meta{width:100%;font-family:var(--f-title);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-3);justify-content:space-between;font-size:.72rem;display:flex}.loading-tip{font-family:var(--f-body);color:var(--parch-2);text-align:center;min-height:1.5em;font-size:1.1rem;font-style:italic}.logo{-webkit-user-select:none;user-select:none;pointer-events:none;justify-items:center;gap:4px;display:grid}.logo-crest{filter:drop-shadow(0 0 14px #f2cd7873);width:54px;height:54px;margin-bottom:2px}.logo-title{font-family:var(--f-logo);letter-spacing:.04em;text-align:center;white-space:nowrap;background:linear-gradient(#fff6d6 0%,#f0d28a 30%,#b88a3c 55%,#7a5622 62%,#d9b264 80%,#fff0c0 100%);color:#0000;filter:drop-shadow(0 2px #1a1007)drop-shadow(0 0 1px #000)drop-shadow(0 6px 18px #000000e6)drop-shadow(0 0 26px #f2be5a47);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.3rem,6.2vw,5rem);font-weight:900;line-height:.98;position:relative}.logo-title:after{content:attr(data-text);background:linear-gradient(105deg,#0000 42%,#ffffffd9 50%,#0000 58%) -150% 0/250% 100% no-repeat;color:#0000;animation:glint 7s var(--ease-in-out) 1.2s infinite;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes glint{0%{background-position:-150% 0}22%,to{background-position:150% 0}}.logo-tag{font-family:var(--f-title);letter-spacing:.62em;text-transform:uppercase;color:#f3e6cf;text-shadow:0 1px #000,0 0 6px #000,0 0 16px #d8414abf,0 0 2px #000;align-items:center;gap:14px;padding-left:.62em;font-size:clamp(.8rem,1.5vw,1.05rem);font-weight:600;display:flex}.logo-tag:before,.logo-tag:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-2));width:clamp(30px,6vw,80px);height:1px}.logo-tag:after{background:linear-gradient(270deg, transparent, var(--gold-2))}@media (max-width:720px){.toasts{top:calc(var(--topbar-h) + 10px);bottom:auto}}.vignette{background:radial-gradient(75% 70% at 50% 45%,#0000 45%,#0504078c 80%,#050407e6 100%),linear-gradient(#05040759 0%,#0000 22% 60%,#050407bf 100%);position:absolute;inset:0;pointer-events:none!important}.scene-footer{left:var(--gutter);right:var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:14px}.scene-footer>*{pointer-events:auto}.corner-info{font-family:var(--f-ui);letter-spacing:.14em;color:var(--faint);gap:8px;font-size:.74rem;display:flex}.sound-toggle.off{color:var(--faint)}.login-layout{padding:24px var(--gutter) 56px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,3.2vh,40px);display:flex;position:absolute;inset:0;overflow-y:auto}.login-logo{position:relative}.login-logo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#08060ccc 0%,#08060c80 45%,#0000 72%);position:absolute;inset:-40% -18%}.login-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex:none;width:min(420px,100%);padding:8px 30px 22px}.login-panel .tabs{margin:0 -8px 22px}.login-form{gap:16px;display:grid}.login-panel .only-register{display:none}.login-panel[data-mode=register] .only-register{animation:msg-in var(--t-med) var(--ease-out);display:grid}.form-row{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.form-hint{color:var(--muted);font-size:.8rem}.form-alert:empty{display:none}.login-form .btn{margin-top:4px}.login-panel .rule{margin:20px 0 14px}.realm-status{color:var(--parch-2);justify-content:center;align-items:center;gap:10px;font-size:.86rem;display:flex}.realm-status .rs-name{font-family:var(--f-title);letter-spacing:.08em;color:var(--parch);font-weight:600}.realm-status .rs-meta{color:var(--muted)}.lamp{background:var(--ok);width:9px;height:9px;box-shadow:0 0 0 2px #0009, 0 0 10px var(--ok);border-radius:50%;flex:none;animation:2.4s ease-in-out infinite lamp}.realm-status.down .lamp,.lamp.down{background:var(--bad);box-shadow:0 0 0 2px #0009, 0 0 10px var(--bad)}.lamp.busy{background:var(--warn);box-shadow:0 0 0 2px #0009, 0 0 10px var(--warn)}@keyframes lamp{50%{opacity:.55}}.realm-status.trying .lamp{background:var(--warn)}@media (max-width:720px){.login-layout{justify-content:flex-start;padding-top:7vh}.login-panel{padding:6px 20px 18px}.login-panel .tab{letter-spacing:.12em;white-space:nowrap;font-size:.74rem}.logo-crest{width:44px;height:44px}}@media (max-height:760px) and (min-width:721px){.logo-title{font-size:3.4rem}.logo-crest{display:none}}@media (max-height:500px) and (min-width:600px){.login-layout{padding:8px calc(var(--gutter) + env(safe-area-inset-left)) 8px;flex-direction:row;justify-content:center;align-items:center;gap:clamp(20px,4vw,48px)}.login-logo{flex:0 300px}.login-logo .logo-title{font-size:2.2rem}.login-panel{max-height:calc(100dvh - 16px);padding:2px 22px 12px;overflow-y:auto}.login-form{gap:9px}.login-form .input{height:42px}.field{gap:4px}.login-panel .rule{margin:10px 0 8px}.scene-login .scene-footer{display:none}}.realm-layout{padding:28px var(--gutter) 64px;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:absolute;inset:0;overflow-y:auto}.logo-small .logo-title{font-size:clamp(1.8rem,3.4vw,2.6rem)}.logo-small .logo-tag{font-size:.72rem}.realm-head{justify-items:center;gap:18px;display:grid}.realm-title{width:min(520px,90vw);font-size:.9rem}.realm-body{grid-template-columns:minmax(0,400px) minmax(0,560px);gap:26px;width:min(986px,100%);display:grid}.realm-featured{background:var(--grain) 0 0 / 180px 180px, radial-gradient(90% 60% at 50% 0%, #f2b45a29, transparent 70%) padding-box, linear-gradient(180deg, #221a1ef5, #0d0a10f7) padding-box, linear-gradient(155deg, #f2d995 0%, #8a6a33 18%, #3b2c15 42%, #6f5428 60%, #b8924c 82%, #f2d995 100%) border-box;flex-direction:column;gap:12px;padding:26px 28px 24px;display:flex}.rf-ribbon{font-family:var(--f-title);letter-spacing:.24em;text-transform:uppercase;color:#1b1206;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);background:linear-gradient(#ffe7a6,#c99a45);align-self:flex-start;align-items:center;gap:8px;padding:5px 14px 5px 10px;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #00000080}.rf-ribbon svg{width:14px;height:14px}.rf-name{font-family:var(--f-title);letter-spacing:.04em;color:var(--gold-1);text-shadow:0 2px #000,0 0 22px #f2be5a4d;margin-top:6px;font-size:1.9rem;font-weight:700;line-height:1.1}.rf-sub{font-size:1.05rem}.rf-stats{background:#d6b26a24;border:1px solid #d6b26a24;border-radius:3px;grid-template-columns:1fr 1fr;gap:1px;margin-top:10px;display:grid;overflow:hidden}.rf-stat{background:#08060ad1;gap:3px;padding:10px 12px;display:grid}.rf-stat:last-child{grid-column:span 2}.rf-k{font-family:var(--f-title);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-3);font-size:.62rem}.rf-v{color:var(--parch);font-size:1rem}.rf-state{align-items:center;gap:8px;display:inline-flex}.rf-state.up{color:#bfe9b6}.rf-state.down{color:#ffb3ad}.rf-empty{color:var(--muted);align-items:center;gap:10px;margin:auto;display:flex}.realm-list{flex-direction:column;min-height:320px;padding:18px 20px;display:flex}.rl-head{justify-content:space-between;align-items:center;padding:0 6px 12px;display:flex}.rl-count{text-align:center;border:1px solid var(--gold-4);min-width:26px;color:var(--gold-1);border-radius:999px;padding:1px 8px;font-size:.8rem}.rl-cols,.rl-row{grid-template-columns:minmax(0,2.2fr) 1fr 1.25fr .8fr;align-items:center;gap:10px;padding:0 14px;display:grid}.rl-cols{font-family:var(--f-title);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--gold-hair);padding-bottom:8px;font-size:.62rem}.rl-rows{gap:6px;padding-top:10px;display:grid}.rl-row{width:100%;height:50px;color:var(--parch);text-align:left;cursor:pointer;transition:all var(--t-med) var(--ease-out);background:linear-gradient(90deg,#1e1822cc,#0e0b11cc);border:1px solid #d6b26a1f;border-radius:3px}.rl-row:hover{border-color:var(--gold-3);background:linear-gradient(90deg,#3c2c1eb3,#140f12cc)}.rl-row.sel{border-color:var(--gold-2);box-shadow:inset 3px 0 0 var(--gold-1), 0 0 18px #f2be5a1f;background:linear-gradient(90deg,#6e502473,#1e1612b3 60%)}.rl-name{font-family:var(--f-title);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;font-weight:600;display:flex;overflow:hidden}.tag-new{font-family:var(--f-ui);color:#ffd9a0;background:#f2a53a1f;border-color:#f2a53a80;padding:1px 7px;font-size:.62rem}.rl-host{color:var(--parch-2);font-size:.9rem}.rl-pop{align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.rl-pop.ok{color:#a9e29e}.rl-pop.busy{color:#f0cd7a}.rl-pop.full{color:#ff9b94}.bars{align-items:flex-end;gap:2px;height:13px;display:inline-flex}.bars i{background:#ffffff1f;border-radius:1px;width:4px}.bars i:first-child{height:5px}.bars i:nth-child(2){height:9px}.bars i:nth-child(3){height:13px}.bars i.on{background:currentColor;box-shadow:0 0 6px}.rl-status{text-align:right;font-size:.86rem}.rl-status.up{color:#a9e29e}.rl-status.down{color:#ff9b94}.rl-empty{text-align:center;color:var(--muted);padding:28px 10px}.rl-watermark{opacity:.09;flex:1;place-items:center;min-height:120px;display:grid}.rl-watermark svg{width:150px;height:150px}.rl-note{text-align:center;color:var(--muted);margin-top:auto;padding:16px 8px 0;font-size:.98rem}.realm-actions{justify-content:space-between;align-items:center;gap:16px;width:min(986px,100%);display:flex}.realm-account{color:var(--parch-2);font-family:var(--f-title);letter-spacing:.06em;align-items:center;gap:10px;display:flex}.realm-account>svg{width:18px;height:18px;color:var(--gold-3)}.realm-account .btn{margin-left:8px}.btn svg{width:15px;height:15px}.realm-enter{min-width:260px}@media (max-width:900px){.realm-body{grid-template-columns:1fr;max-width:560px}.realm-actions{flex-direction:column-reverse;max-width:560px}.realm-enter{width:100%}.realm-layout{justify-content:flex-start;gap:20px}}@media (max-width:720px){.scene-realms .scene-footer{display:none}.realm-list{min-height:0}.rl-watermark{display:none}.realm-actions{z-index:2;background:linear-gradient(#0000,#08060aeb 30%);margin-bottom:-48px;padding:14px 0 18px;position:sticky;bottom:-64px}.rl-cols,.rl-row{grid-template-columns:minmax(0,1fr) auto}.rl-cols span:nth-child(2),.rl-cols span:nth-child(4),.rl-row .rl-host,.rl-row .rl-status{display:none}.realm-featured{padding:20px 18px}.rf-name{font-size:1.5rem}}@media (max-height:500px){.realm-layout{padding:10px var(--gutter) 0;justify-content:flex-start;gap:10px}.realm-head{gap:4px}.realm-head .logo-tag{display:none}.realm-head .logo-title{font-size:1.5rem}.realm-featured{gap:6px;padding:14px 18px}.rf-name{font-size:1.35rem}.rf-sub{font-size:.95rem}.realm-actions{z-index:2;background:linear-gradient(#0000,#08060af0 35%);flex-direction:row;margin-top:auto;padding:10px 0 12px;position:sticky;bottom:0}.realm-enter{width:auto}.scene-realms .scene-footer{display:none}}.statlist{gap:2px;display:grid}.srow{color:var(--parch-2);cursor:default;border-radius:2px;grid-template-columns:18px 76px 1fr 44px;align-items:center;gap:8px;padding:4px 6px;font-size:.9rem;display:grid}.statlist:not(:has(.sbar)) .srow{grid-template-columns:18px 1fr auto}.srow:hover{background:#d6b26a0f}.srow>svg{width:15px;height:15px;color:var(--gold-3)}.sdot{background:var(--gold-3);width:6px;height:6px;margin-left:5px;transform:rotate(45deg)}.sk{white-space:nowrap}.sv{text-align:right;color:var(--parch);font-weight:700;transition:color .3s}.sv.up{color:#9fef8f;text-shadow:0 0 10px #7fcf7499}.sv.down{color:#ff8d86;text-shadow:0 0 10px #e2545a99}.sbar{background:#0000008c;border-radius:3px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.sb-fill{background:linear-gradient(90deg, var(--gold-4), var(--gold-2));width:4%;height:100%;transition:width .65s var(--ease-out);border-radius:3px;display:block;box-shadow:0 0 8px #f2be5a59}.s-attack .sb-fill{background:linear-gradient(90deg,#6b2018,#e0613e)}.s-defense .sb-fill{background:linear-gradient(90deg,#2b3b52,#8fb3d9)}.s-magic .sb-fill{background:linear-gradient(90deg,#3a1f62,#a879ff)}.s-health .sb-fill{background:linear-gradient(90deg,#22401f,#77c46a)}.chip{border:1px solid var(--gold-hair);color:var(--parch-2);background:#0006;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:.8rem;display:inline-flex}.chip img{object-fit:contain;width:22px;height:22px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .5s var(--ease-out)}.create-vignette{background:linear-gradient(90deg,#060509e0 0%,#0605098c 34%,#0000 55%),radial-gradient(80% 80% at 60%,#0000 50%,#050407b3 100%),linear-gradient(#0000 75%,#050407bf);position:absolute;inset:0;pointer-events:none!important}.create-layout{pointer-events:none;grid-template-columns:minmax(0,540px) 1fr 280px;align-items:center;gap:28px;padding:28px 40px;display:grid;position:absolute;inset:0}.create-layout>*{pointer-events:auto}.create-layout .hero-space{pointer-events:none}.create-panel{flex-direction:column;gap:16px;max-height:calc(100vh - 56px);padding:22px 30px 24px;display:flex}.create-head{gap:4px;display:grid}.create-title{letter-spacing:.06em;text-shadow:0 2px #000,0 0 20px #f2be5a40;font-size:1.7rem}.stepper{border-bottom:1px solid var(--gold-hair);grid-template-columns:repeat(4,1fr);margin:0;padding:0 0 14px;list-style:none;display:grid;position:relative}.stepper li{color:var(--muted);font-family:var(--f-title);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:7px;font-size:.68rem;display:flex;position:relative}.stepper li:before{content:"";background:var(--gold-5);height:1px;position:absolute;top:12px;left:calc(16px - 50%);right:calc(50% + 16px)}.stepper li:first-child:before{display:none}.stepper li.reach:before,.stepper li.done:before,.stepper li.cur:before{background:linear-gradient(90deg, var(--gold-3), var(--gold-2))}.stepper .sd{letter-spacing:0;z-index:0;place-items:center;width:24px;height:24px;font-size:.72rem;display:grid;position:relative}.stepper .sd:before{content:"";border:1px solid var(--gold-5);z-index:-1;transition:all var(--t-med);background:#0e0b11;position:absolute;inset:3px;transform:rotate(45deg)}.stepper li.reach{color:var(--parch-2);cursor:pointer}.stepper li.reach .sd:before{border-color:var(--gold-3)}.stepper li.cur{color:var(--gold-1)}.stepper li.cur .sd{color:#1b1206;font-weight:700}.stepper li.cur .sd:before{border-color:var(--gold-1);box-shadow:0 0 12px var(--gold-glow);background:linear-gradient(135deg,#ffe7a6,#b8893e)}.stepper li.done .sd:before{background:#2a1f10}.create-body{gap:12px;display:grid}.create-body.step-0,.create-body.step-1,.create-body.step-2{grid-template-columns:1fr 1fr}.step-in>*{animation:card-in .42s var(--ease-out) both}.step-in>:nth-child(2){animation-delay:50ms}.step-in>:nth-child(3){animation-delay:.1s}.step-in>:nth-child(4){animation-delay:.15s}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.choice{text-align:left;cursor:pointer;color:var(--parch);transition:transform var(--t-med) var(--ease-out), border-color var(--t-med), box-shadow var(--t-med), background var(--t-med);background:radial-gradient(120% 100% at 0%,#d6b26a14,#0000 60%),linear-gradient(#1a151eeb,#0c0a0ef0);border:1px solid #d6b26a2e;border-radius:4px;align-items:center;gap:14px;padding:14px;display:flex;position:relative;box-shadow:inset 0 1px #fff0c80d,0 4px 14px #00000073}.choice:hover{border-color:var(--gold-3);transform:translateY(-2px);box-shadow:inset 0 1px #fff0c814,0 8px 22px #0000008c,0 0 18px #f2be5a1a}.choice.sel{border-color:var(--gold-1);background:radial-gradient(120% 120% at 0% 50%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%), linear-gradient(180deg, #281e1cf2, #100c10f2);box-shadow:inset 0 0 0 1px #ffe6a040, 0 0 26px var(--accent-glow), 0 8px 22px #0000008c}.choice-emblem{background:radial-gradient(circle,#f2be5a29,#0000 70%);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid}.choice-emblem img{object-fit:contain;filter:drop-shadow(0 3px 6px #000c);width:100%;height:100%;transition:transform var(--t-slow) var(--ease-out)}.choice:hover .choice-emblem img,.choice.sel .choice-emblem img{transform:scale(1.08)}.choice-text{gap:3px;min-width:0;display:grid}.choice-title{font-family:var(--f-title);letter-spacing:.04em;color:var(--gold-1);font-size:1.05rem;font-weight:700}.choice-sub{color:var(--parch-2);font-size:.84rem}.choice-extra{color:#a9e29e;font-size:.8rem}.choice-check{color:#1b1206;opacity:0;width:22px;height:22px;transition:all var(--t-med) var(--ease-out);background:linear-gradient(135deg,#ffe7a6,#b8893e);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px;transform:scale(.6)}.choice-check svg{stroke-width:2.4px;width:14px;height:14px}.choice.sel .choice-check{opacity:1;transform:none}.step-0 .choice,.step-1 .choice{text-align:center;flex-direction:column;gap:12px;padding:22px 14px 18px}.step-0 .choice-emblem,.step-1 .choice-emblem{width:104px;height:104px}.step-0 .choice-text,.step-1 .choice-text{justify-items:center}.step-0 .choice-title{font-size:1.2rem}.step-0 [data-id=faction-heaven].sel{--accent:#e9cc7d;--accent-glow:#8cc2ff59}.step-0 [data-id=faction-grim].sel{--accent:#d8414a;--accent-glow:#d8414a66}.create-lore{border-left:2px solid var(--gold-3);background:linear-gradient(90deg,#d6b26a14,#0000);min-height:3em;padding:10px 14px;font-size:1.12rem}.lore-in{animation:msg-in .5s var(--ease-out)}.create-actions{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.name-field{grid-column:1/-1}.name-row{align-items:center;gap:10px;display:flex}.name-row .input-wrap{flex:1}.name-row .input{font-family:var(--f-title);letter-spacing:.06em;height:52px;font-size:1.15rem}.dice{width:46px;height:46px}.dice svg{width:22px;height:22px}.oath-recap{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.oath-recap>div{background:var(--well);border:1px solid #d6b26a24;border-radius:3px;gap:4px;padding:10px 12px;display:grid}.oath-recap b{font-family:var(--f-title);color:var(--parch);font-size:.92rem;font-weight:600}.create-side{align-self:center;gap:12px;padding:18px 18px 16px;display:grid}.create-side .heading{font-size:.8rem}.create-summary{flex-wrap:wrap;gap:6px;display:flex}.power-row{border-top:1px solid var(--gold-hair);justify-content:space-between;align-items:baseline;padding:10px 8px 0;display:flex}.power-v{font-family:var(--f-title);color:var(--gold-1);text-shadow:0 0 16px #f2be5a66;font-size:1.6rem;font-weight:700}.create-corner{position:absolute;top:16px;right:16px}@media (max-width:1100px){.create-layout{grid-template-columns:minmax(0,500px) 1fr}.create-side{display:none}}@media (max-width:720px){.create-vignette{background:linear-gradient(#0000 25%,#0605094d 38%,#060509f2 55%),radial-gradient(90% 60% at 50% 25%,#0000 50%,#05040799 100%)}.create-layout{padding:0 var(--gutter) 24px;flex-direction:column;align-items:stretch;gap:14px;display:flex;overflow-y:auto}.create-layout .hero-space{flex:none;order:-1;height:38vh}.create-panel{gap:12px;max-height:none;padding:16px 16px 18px}.create-title{font-size:1.3rem}.stepper li{letter-spacing:.1em;font-size:.58rem}.create-body.step-2{grid-template-columns:1fr}.step-2 .choice{padding:10px 12px}.step-2 .choice-emblem{width:48px;height:48px}.step-0 .choice-emblem,.step-1 .choice-emblem{width:72px;height:72px}.step-0 .choice,.step-1 .choice{padding:16px 8px 14px}.oath-recap{grid-template-columns:1fr}.create-side{display:grid}.create-corner{display:none}.create-actions .btn{white-space:nowrap;letter-spacing:.12em;flex:1;padding:0 12px}}@media (max-height:500px) and (min-width:600px){.create-layout{padding:8px 12px 8px calc(12px + env(safe-area-inset-left));grid-template-columns:minmax(0,470px) 1fr;align-items:stretch;gap:12px}.create-side,.create-corner{display:none}.create-panel{gap:8px;max-height:calc(100dvh - 16px);padding:10px 18px 0;overflow-y:auto}.stepper{padding-bottom:6px}.stepper .sl{display:none}.create-title{font-size:1.15rem}.choice{gap:10px;padding:8px 10px}.step-0 .choice,.step-1 .choice{gap:6px;padding:10px 8px}.step-0 .choice-emblem,.step-1 .choice-emblem{width:54px;height:54px}.step-2 .choice-emblem{width:40px;height:40px}.create-lore{margin:0;font-size:.95rem}.create-actions{background:linear-gradient(#0d0a1000,#0d0a10f7 30%);margin:0 -18px;padding:8px 18px 10px;position:sticky;bottom:0}.create-actions .btn{white-space:nowrap}}.select-vignette{background:linear-gradient(90deg,#060509d9 0%,#06050959 28%,#0000 42% 62%,#06050999 80%,#060509d9 100%),linear-gradient(#0000 70%,#050407cc);position:absolute;inset:0;pointer-events:none!important}.select-layout{pointer-events:none;grid-template-columns:340px 1fr 340px;gap:24px;padding:40px 40px 36px;display:grid;position:absolute;inset:0}.select-layout>*{pointer-events:auto}.select-layout .hero-space{pointer-events:none}.select-left{flex-direction:column;align-self:center;gap:10px;display:flex}.select-title{text-shadow:0 2px #000,0 0 20px #f2be5a40;margin-bottom:10px;font-size:1.7rem}.select-left>.btn{align-self:flex-start;margin-top:14px}.slots{gap:10px;display:grid}.slot{text-align:left;height:78px;color:var(--parch);cursor:pointer;transition:all var(--t-med) var(--ease-out);background:linear-gradient(90deg,#1a151eeb,#0c0a0ed9);border:1px solid #d6b26a33;border-radius:4px;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:0 16px 0 10px;display:grid;position:relative;box-shadow:0 6px 18px #00000080,inset 0 1px #fff0c80d}.slot:before{content:"";background:var(--gold-4);width:3px;transition:all var(--t-med);border-radius:2px;position:absolute;top:10px;bottom:10px;left:-1px}.slot.f-heaven:before{background:linear-gradient(#fff4d2,#e9cc7d)}.slot.f-grim:before{background:linear-gradient(#ff8a7a,#8e1d2a)}.slot:hover{border-color:var(--gold-3);transform:translate(4px)}.slot.sel{border-color:var(--gold-1);background:radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), linear-gradient(90deg, #2c201cf2, #100c10e6);box-shadow:0 0 24px var(--accent-glow), 0 6px 18px #00000080, inset 0 0 0 1px #ffe6a033;transform:translate(8px)}.slot-emblem{border:1px solid var(--gold-4);background:radial-gradient(circle,#0009,#0003);border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.slot-emblem img{object-fit:contain;width:44px;height:44px}.slot-text{gap:2px;min-width:0;display:grid}.slot-text b{font-family:var(--f-title);letter-spacing:.04em;color:var(--gold-1);white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;overflow:hidden}.slot-text small{color:var(--parch-2);font-size:.84rem}.slot-power{color:var(--gold-1);align-items:center;gap:4px;font-weight:700;display:inline-flex}.slot-power svg{width:14px;height:14px;color:var(--gold-2)}.slot.empty{background:#0a080c99;border-style:dashed;border-color:#d6b26a4d}.slot.empty .slot-text b{color:var(--parch-2)}.slot-plus{border:1px dashed var(--gold-4);width:58px;height:58px;color:var(--gold-2);border-radius:50%;place-items:center;display:grid}.slot-plus svg{width:22px;height:22px}.slot.empty:hover .slot-plus{border-color:var(--gold-1);box-shadow:0 0 14px var(--gold-glow)}.select-right{flex-direction:column;justify-content:center;gap:22px;display:flex}.hero-info{gap:16px;padding:24px 24px 18px;display:grid}.hi-top{align-items:center;gap:14px;display:flex}.hi-sigil{object-fit:contain;filter:drop-shadow(0 3px 8px #000c);width:64px;height:64px}.hi-faction{font-family:var(--f-title);letter-spacing:.24em;text-transform:uppercase;font-size:.7rem}.hi-faction.f-heaven{color:#bfe0ff}.hi-faction.f-grim{color:#ff8a7a}.hi-name{font-size:min(1.8rem, calc(15.5rem / var(--len,8)));letter-spacing:.04em;text-shadow:0 2px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hi-grid{background:#d6b26a24;border:1px solid #d6b26a24;border-radius:3px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.hi-grid>div{background:#08060ad9;gap:3px;padding:9px 12px;display:grid}.hi-grid b{font-family:var(--f-title);font-size:.95rem;font-weight:600}.hi-power{justify-content:space-between;align-items:baseline;display:flex}.hi-power-v{font-family:var(--f-title);color:var(--gold-1);text-shadow:0 0 18px #f2be5a73;font-size:2rem;font-weight:700}.hi-foot{border-top:1px solid var(--gold-hair);justify-content:flex-end;padding-top:10px;display:flex}.danger-link{color:#e08c86;border-bottom-color:#e2545a66;font-size:.84rem}.danger-link:hover{color:#ffb3ad;border-bottom-color:var(--bad)}.hi-empty{text-align:center;padding:20px 0}.enter-world{width:100%;min-height:64px;font-size:1.12rem}@media (max-width:1100px) and (min-width:721px){.select-layout{grid-template-columns:300px 1fr 300px;padding:28px 24px}}@media (max-width:720px){.select-vignette{background:linear-gradient(#0000 30%,#06050933 45%,#060509f2 62%)}.select-layout{padding:18px var(--gutter) 22px;flex-direction:column;gap:12px;display:flex;overflow-y:auto}.select-left{order:2;align-self:stretch}.select-left .eyebrow,.select-title{display:none}.select-layout .hero-space{flex:none;order:1;height:44vh}.select-right{display:contents}.enter-world{flex:none;order:3}.hero-info{order:4}.slots{grid-template-columns:repeat(3,1fr);gap:8px}.slot{text-align:center;grid-template-columns:1fr;justify-items:center;gap:6px;height:auto;padding:10px 6px}.slot.sel,.slot:hover{transform:translateY(-3px)}.slot:before{width:auto;height:3px;inset:-1px 10px auto}.slot-emblem,.slot-plus{width:44px;height:44px}.slot-emblem img{width:34px;height:34px}.slot-text b{max-width:100px;font-size:.86rem}.slot-text small{font-size:.72rem}.slot-power{font-size:.8rem}.select-left>.btn{display:none}.hero-info{gap:12px;padding:16px}.hi-name{font-size:min(1.4rem, calc(14rem / var(--len,8)))}.hi-sigil{width:48px;height:48px}.create-corner{display:none}}.town-vignette{background:radial-gradient(85% 80%,#0000 55%,#05040799 100%),linear-gradient(#0504078c,#0000 14%);position:absolute;inset:0;pointer-events:none!important}.topbar{height:var(--topbar-h);background:var(--grain) 0 0 / 180px 180px, linear-gradient(180deg, #221b26f7, #0e0b11f7);box-shadow:0 1px 0 var(--gold-3), 0 3px 0 #000000e6, 0 4px 0 #d6b26a40, 0 10px 30px #0009;z-index:20;border-bottom:1px solid #000;align-items:stretch;gap:8px;padding:0 14px 0 8px;display:flex;position:absolute;top:0;left:0;right:0}.topbar:after{content:"";background:linear-gradient(135deg,#ffe7a6,#8a6a33);border:1px solid #000;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.tb-crest{place-items:center;width:54px;display:grid}.tb-crest img{object-fit:contain;filter:drop-shadow(0 2px 4px #000000e6);width:44px;height:44px}.tb-menu{align-items:stretch;gap:2px;display:flex}.tb-btn{width:86px;color:var(--parch-2);cursor:pointer;transition:color var(--t-med);background:0 0;border:0;align-content:center;justify-items:center;gap:1px;padding:0;display:grid;position:relative}.tb-btn:before{content:"";opacity:0;transition:opacity var(--t-med);background:radial-gradient(80% 90% at 50% 100%,#f2be5a38,#0000 70%);border-radius:4px;position:absolute;inset:6px 4px}.tb-btn:after{content:"";background:linear-gradient(90deg, transparent, var(--gold-1), transparent);height:2px;box-shadow:0 0 10px var(--gold-glow);transition:transform var(--t-med) var(--ease-out);position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(0)}.tb-btn:hover:before,.tb-btn.on:before{opacity:1}.tb-btn.on:after{transform:scaleX(1)}.tb-btn:hover,.tb-btn.on{color:var(--gold-1)}.tb-ico{width:34px;height:34px;transition:transform var(--t-med) var(--ease-out), filter var(--t-med);filter:drop-shadow(0 2px 3px #000000e6)saturate(.85)brightness(.92)}.tb-ico img{object-fit:contain;width:100%;height:100%}.tb-btn:hover .tb-ico,.tb-btn.on .tb-ico{filter:drop-shadow(0 0 8px #f2be5a80)saturate(1.1)brightness(1.1);transform:translateY(-1px)scale(1.08)}.tb-label{font-family:var(--f-title);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:700}.tb-right{align-items:center;gap:10px;margin-left:auto;display:flex}.tb-res{background:#00000080;border:1px solid #d6b26a40;border-radius:16px;align-items:center;gap:6px;height:32px;padding:0 12px 0 4px;display:flex;box-shadow:inset 0 1px 4px #000c}.tb-res img{object-fit:contain;width:26px;height:26px}.tb-res b{color:var(--gold-0);min-width:34px;font-size:.95rem}.tb-me{border-left:1px solid var(--gold-hair);align-items:center;gap:10px;padding-left:12px;display:flex}.tb-id{justify-items:start;display:grid}.tb-lvl{--xp:0;background:radial-gradient(circle, #2a2130 0 56%, transparent 57%), conic-gradient(var(--gold-1) calc(var(--xp) * 360deg), #000000bf 0);cursor:default;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative;box-shadow:0 0 0 1px #000,0 0 0 2px #d6b26a73,0 3px 8px #000000b3}.tb-lvl:before{content:"";background:radial-gradient(circle at 50% 30%,#4a3a2a,#17110c 75%);border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 0 0 1px #f2d99580,inset 0 2px 6px #000c}.tb-lvl-n{font-family:var(--f-ui);color:var(--gold-0);text-shadow:0 1px #000,0 0 8px #f2cd7873;font-size:1.12rem;font-weight:700;position:relative}.tb-lvl.lvl-up{animation:lvl-up 1.2s var(--ease-out)}@keyframes lvl-up{0%{filter:none;transform:scale(1)}25%{filter:drop-shadow(0 0 14px #ffdc8cf2)brightness(1.4);transform:scale(1.32)}to{filter:none;transform:scale(1)}}.tb-xp{cursor:default;z-index:1;background:#000000d9;height:4px;position:absolute;bottom:-5px;left:0;right:0;box-shadow:0 1px #0009}.tb-xp>i{transition:width .9s var(--ease-out);background:linear-gradient(90deg,#6f5428,#d6b26a 60%,#fff1c4);position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #f2cd7899}.tb-xp.xp-gain>i{animation:xp-gain .9s var(--ease-out)}@keyframes xp-gain{30%{filter:brightness(1.8);box-shadow:0 0 16px #ffe6a0f2}}.tb-xp-txt{display:none}.tb-badge{min-width:18px;height:18px;font:700 .72rem/18px var(--f-ui);color:#1b1206;background:linear-gradient(#fff1c4,#d6b26a);border-radius:9px;padding:0 4px;animation:1.6s ease-in-out infinite badge-pulse;position:absolute;top:5px;right:18px;box-shadow:0 0 0 1px #000,0 0 10px #f2cd78cc}.tb-badge[hidden]{display:none}@keyframes badge-pulse{50%{box-shadow:0 0 0 1px #000,0 0 2px #f2cd784d}}.tb-res{position:relative}.tb-res.gain{animation:res-gain .7s var(--ease-out)}.tb-res.spend{animation:res-spend .5s var(--ease-out)}@keyframes res-gain{30%{border-color:#f2d995e6;box-shadow:inset 0 1px 4px #000c,0 0 14px #f2cd7899}}@keyframes res-spend{30%{border-color:#ff8d86b3}}.tb-delta{font:700 .85rem var(--f-ui);pointer-events:none;text-shadow:0 1px 2px #000,0 0 6px #000;animation:delta-float 1.4s var(--ease-out) forwards;position:absolute;top:100%;right:6px}.tb-delta.up{color:#a7f08f}.tb-delta.down{color:#ff8d86}@keyframes delta-float{0%{opacity:0;transform:translateY(-6px)}15%{opacity:1;transform:translateY(2px)}to{opacity:0;transform:translateY(18px)}}.tb-name{font-family:var(--f-title);color:var(--accent-2);letter-spacing:.04em;font-weight:700}.f-grim .tb-name{color:#ff9d90}.f-heaven .tb-name{color:#ffe9b0}.tb-sub{color:var(--parch-2);gap:10px;font-size:.78rem;display:flex}.tb-power{color:var(--gold-1);align-items:center;gap:4px;font-weight:700;display:inline-flex}.tb-power svg{width:13px;height:13px}.num.up{color:#9fef8f}.num.down{color:#ff8d86}.panel-host{z-index:15;position:absolute;inset:0;pointer-events:none!important}.dropdown{top:calc(var(--topbar-h) + 14px);width:min(460px,100vw - 32px);max-height:calc(100vh - var(--topbar-h) - 30px);pointer-events:auto;opacity:0;transform-origin:50% 0;transition:opacity .22s var(--ease-out), transform .3s var(--ease-out);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%,-14px)scale(.985)}.dropdown.wide{width:min(1180px,100vw - 32px)}.dropdown.open{opacity:1;transform:translate(-50%)scale(1)}.dropdown.closing{opacity:0;pointer-events:none;transition-duration:.2s;transform:translate(-50%,-10px)scale(.99)}.dd-head{padding:14px 54px 10px;position:relative}.dd-head .heading{font-size:.9rem}.dd-ico{object-fit:contain;filter:drop-shadow(0 2px 3px #000000e6)saturate(1.05);width:36px;height:36px;position:absolute;top:6px;left:16px}.dd-close{width:32px;height:32px;position:absolute;top:9px;right:12px}.dd-body{min-height:0;padding:4px 22px 20px;overflow:auto}.chat{z-index:10;gap:6px;width:min(400px,100vw - 28px);display:grid;position:absolute;bottom:14px;left:14px}.chat-log{text-shadow:0 1px 2px #000;background:linear-gradient(#08060a40,#08060a9e);border:1px solid #d6b26a1f;border-radius:4px;max-height:168px;padding:8px 10px;font-size:.9rem;line-height:1.35;overflow-y:auto;-webkit-mask:linear-gradient(#0000,#000 22px);mask:linear-gradient(#0000,#000 22px)}.chat-line{color:var(--parch);animation:msg-in .26s var(--ease-out);overflow-wrap:anywhere}.chat-line b.f-heaven{color:#f6dc96}.chat-line b.f-grim{color:#ff8c80}.chat-line.sys{color:var(--gold-2);font-style:italic}.chat-ts{color:var(--faint);margin-right:6px;font-size:.75rem}.chat-input{width:100%;height:36px;color:var(--parch);transition:border-color var(--t-med), background var(--t-med);background:#08060ab8;border:1px solid #d6b26a38;border-radius:4px;outline:none;padding:0 12px}.chat-input:focus{border-color:var(--gold-2);background:#08060ae6}.chat-input::placeholder{color:var(--faint)}.rift-btn{--rim:linear-gradient(180deg, #e8d4ff 0%, #9a63ff 40%, #3d1a6e 75%, #8a54e8 100%);--fill:linear-gradient(180deg, #3d1a63 0%, #22103a 50%, #160a26 100%);--ink:#f1e6ff;text-shadow:0 1px #000,0 0 12px #b482ffcc;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out), transform .4s var(--ease-out), filter var(--t-med);z-index:12;white-space:nowrap;position:absolute;bottom:40px;left:50%;transform:translate(-50%,20px)scale(.95)}.rift-btn.show{opacity:1;pointer-events:auto;animation:2.2s ease-in-out infinite rift-pulse;transform:translate(-50%)scale(1)}@keyframes rift-pulse{50%{filter:drop-shadow(0 0 18px #9a63ffbf)drop-shadow(0 4px 8px #000000a6)}}.map-frame{aspect-ratio:3/2;width:min(100%, calc((100vh - var(--topbar-h) - 150px) * 1.5));border:1px solid var(--gold-4);cursor:crosshair;border-radius:3px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.map-img{filter:sepia(.35)brightness(.8)contrast(1.05);width:100%;height:100%;display:block}.map-pin{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.map-pin.dot{border:1px solid #000;border-radius:50%;width:9px;height:9px;transition:left .25s linear,top .25s linear}.map-pin.dot.heaven{background:#f6dc96;box-shadow:0 0 6px #f6dc96}.map-pin.dot.grim{background:#ff6a5a;box-shadow:0 0 6px #ff6a5a}.map-pin.dot.me{background:#fff;width:13px;height:13px;animation:1.6s ease-in-out infinite lamp;box-shadow:0 0 0 3px #f2be5a8c,0 0 14px #fff}.map-pin.gate,.map-pin.rift{border:2px solid #000;width:18px;height:18px;transform:translate(-50%,-50%)rotate(45deg)}.map-pin.gate.heaven{background:#f6dc96}.map-pin.gate.grim{background:#d8414a}.map-pin.rift{background:#9a63ff;box-shadow:0 0 14px #9a63ff}.map-legend{width:min(100%, calc((100vh - var(--topbar-h) - 150px) * 1.5));color:var(--parch-2);flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;padding-top:10px;font-size:.82rem;display:flex}.map-legend span{align-items:center;gap:6px;display:inline-flex}.lg{border-radius:50%;width:9px;height:9px;display:inline-block}.lg.me{background:#fff}.lg.heaven{background:#f6dc96}.lg.grim{background:#ff6a5a}.lg.rift{background:#9a63ff;border-radius:0;transform:rotate(45deg)}.lg.quest{background:#ffd36a}.lg.merchant{background:#7fd0ff}.map-pin.npc{border:2px solid #000;border-radius:50%;width:13px;height:13px}.map-pin.npc.quest{background:#ffd36a;box-shadow:0 0 10px #ffd36acc}.map-pin.npc.merchant{background:#7fd0ff;box-shadow:0 0 10px #7fd0ffb3}.map-hint{color:var(--muted);margin-left:auto;font-style:italic}.social-head{color:var(--gold-1);justify-content:space-between;padding:2px 4px 8px;display:flex}.social-list{gap:4px;display:grid}.social-row{background:#0000004d;border:1px solid #d6b26a1a;border-radius:3px;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.social-row.me{background:#d6b26a14;border-color:#d6b26a59}.social-row img{object-fit:contain;width:28px;height:28px}.sn{font-family:var(--f-title);font-weight:700}.sn.f-heaven,.sf.f-heaven{color:#f6dc96}.sn.f-grim,.sf.f-grim{color:#ff8c80}.sc,.sf{color:var(--parch-2);font-size:.8rem}.social-empty{text-align:center;padding:12px 6px 4px;font-size:1rem}.set-group{border-bottom:1px solid var(--gold-hair);gap:8px;padding:12px 0;display:grid}.set-row,.kv{color:var(--parch-2);justify-content:space-between;align-items:center;gap:12px;font-size:.92rem;display:flex}.kv b{color:var(--parch);text-align:right;font-weight:500}.range{width:180px;accent-color:var(--gold-2)}.seg{border:1px solid #d6b26a4d;border-radius:4px;display:inline-flex;overflow:hidden}.seg button{min-width:56px;height:32px;color:var(--parch-2);font:700 .8rem var(--f-ui);cursor:pointer;background:#00000059;border:0;border-left:1px solid #d6b26a2e;padding:0 10px}.seg button:first-child{border-left:0}.seg button.on{color:var(--gold-0);background:linear-gradient(#f2d99547,#d6b26a1f)}.set-note{color:var(--muted);font-size:.82rem;font-style:italic}.set-actions{justify-content:space-between;gap:10px;padding-top:16px;display:flex}.scene-town{--mm-w:216px;--actionbar-h:0px;--hud-right-top:calc(var(--topbar-h) + 14px + var(--mm-w) * 2 / 3 + 34px)}.minimap{right:14px;top:calc(var(--topbar-h) + 14px);width:var(--mm-w);cursor:pointer;z-index:11;background:0 0;border:0;padding:0;position:absolute}.mm-frame{aspect-ratio:3/2;transition:filter var(--t-med);background:linear-gradient(155deg,#f2d995,#6f5428 30%,#3b2c15 55%,#b8924c 85%,#f2d995) border-box;border:1.5px solid #0000;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 8px 22px #0009}.minimap:hover .mm-frame{filter:brightness(1.12)drop-shadow(0 0 8px #f2cd7859)}.mm-canvas{background:#17121b;border-radius:3px;width:100%;height:100%;display:block}.mm-label{text-align:center;font-family:var(--f-title);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-1);text-shadow:0 1px 2px #000,0 0 8px #000;margin-top:5px;font-size:.72rem;font-weight:700}.chat-tabs{align-items:center;gap:2px;display:flex}.chat-tab{height:26px;color:var(--muted);font:700 .72rem var(--f-title);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#08060a73;border:1px solid #0000;border-radius:3px 3px 0 0;padding:0 10px}.chat-tab:hover{color:var(--parch-2)}.chat-tab.on{color:var(--gold-1);background:#08060ab3;border-color:#d6b26a40 #d6b26a40 #0000}.chat[data-ch=say] .chat-line.sys,.chat[data-ch=sys] .chat-line:not(.sys){display:none}.chat-line .chat-ch{color:var(--faint);letter-spacing:.06em;margin-right:4px;font-size:.72rem}@media (max-width:900px){.tb-label{display:none}.tb-btn{width:46px}.tb-id{display:none}}@media (max-width:720px){.scene-town{--mm-w:114px;--actionbar-h:calc(58px + env(safe-area-inset-bottom))}.dd-close{width:40px;height:40px}.chat-input{min-height:40px}.topbar{gap:2px;padding:0 8px 0 6px}.tb-crest{display:none}.tb-menu{height:var(--actionbar-h);padding:0 4px env(safe-area-inset-bottom);background:var(--grain) 0 0 / 180px 180px, linear-gradient(0deg, #221b26fa, #0e0b11f7);box-shadow:0 -1px 0 var(--gold-3), 0 -3px 0 #000000e6, 0 -4px 0 #d6b26a38, 0 -10px 30px #0000008c;z-index:20;border-top:1px solid #000;justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.tb-btn{flex:1;width:auto;max-width:72px;min-height:48px}.tb-btn:after{top:0;bottom:auto}.tb-ico{width:32px;height:32px}.tb-badge{top:4px;right:calc(50% - 22px)}.tb-right{flex:1;gap:6px;margin-left:0}.tb-me{border-left:0;order:-1;gap:8px;margin-right:auto;padding-left:0}.tb-id{display:grid}.tb-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.86rem;overflow:hidden}.tb-sub{font-size:.8rem}.tb-power{display:none}.tb-lvl{width:38px;height:38px}.tb-res{height:30px;padding:0 9px 0 3px}.tb-res img{width:22px;height:22px}.tb-res b{min-width:0;font-size:.86rem}.dropdown,.dropdown.wide{top:calc(var(--topbar-h) + 8px);width:calc(100vw - 12px);max-height:calc(100dvh - var(--topbar-h) - var(--actionbar-h) - 18px)}.dd-body{padding:2px 12px 16px}.chat{left:8px;bottom:calc(var(--actionbar-h) + 8px);gap:4px;width:calc(100vw - 82px)}.chat-tabs{display:none}.chat-log{max-height:70px;font-size:.86rem}.minimap{right:8px;top:calc(var(--topbar-h) + 10px)}.mm-label{display:none}.rift-btn{bottom:calc(var(--actionbar-h) + 140px);white-space:nowrap;letter-spacing:.14em;padding-inline:28px}.map-hint{display:none}.seg button{min-width:50px;height:40px}}@media (max-height:500px) and (min-width:721px){:root{--topbar-h:46px}.scene-town{--mm-w:132px}.tb-crest{display:none}.tb-btn{width:44px}.tb-ico{width:28px;height:28px}.tb-lvl{width:36px;height:36px}.mm-label{display:none}.scene-town{--hud-right-top:calc(var(--topbar-h) + 10px + var(--mm-w) * 2 / 3 + 10px)}.minimap{top:calc(var(--topbar-h) + 10px);right:10px}.chat{left:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:min(340px,100vw - 100px)}.chat-tabs{display:none}.chat-log{max-height:64px;font-size:.84rem}.chat-input{height:40px}.rift-btn{bottom:16px}.dropdown,.dropdown.wide{top:calc(var(--topbar-h) + 6px);max-height:calc(100dvh - var(--topbar-h) - 12px)}}.npc-dialog{left:50%;top:calc(var(--topbar-h) + 48px);width:min(820px,100vw - 32px);max-height:calc(100vh - var(--topbar-h) - 80px);z-index:16;opacity:0;transition:opacity .22s var(--ease-out), transform .3s var(--ease-out);pointer-events:auto;grid-template-columns:210px 1fr;display:grid;position:absolute;transform:translate(-50%,12px)scale(.985)}.npc-dialog.open{opacity:1;transform:translate(-50%)scale(1)}.npc-dialog.closing{opacity:0;pointer-events:none;transform:translate(-50%,10px)scale(.99)}.qd-portrait{border-right:1px solid var(--gold-hair);background:radial-gradient(80% 60% at 50% 30%,#f2be5a38,#0000 70%),linear-gradient(#241c28,#0e0b11);min-height:300px;position:relative;overflow:hidden}.qd-portrait img{filter:drop-shadow(0 6px 10px #000c);width:auto;max-width:none;height:230%;position:absolute;top:-76%;left:50%;transform:translate(-50%)}.qd-portrait:after{content:"";background:linear-gradient(#0000,#0d0a10f2);height:40%;position:absolute;inset:auto 0 0}.qd-main{flex-direction:column;min-width:0;min-height:0;padding:18px 22px;display:flex}.qd-head{padding-right:40px}.qd-name{font-family:var(--f-title);letter-spacing:.05em;color:var(--gold-1);text-shadow:0 1px #000,0 0 16px #f2cd7840;font-size:1.35rem;font-weight:700}.qd-role{margin-top:2px}.qd-lore{color:var(--parch);margin:10px 0 14px;font-size:1.06rem;line-height:1.4}.qd-cols{grid-template-columns:220px 1fr;gap:16px;min-height:0;display:grid;overflow:auto}.qd-list{align-content:start;gap:4px;display:grid}.qd-row{text-align:left;min-height:46px;color:var(--parch);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast);background:#00000052;border:1px solid #d6b26a1f;border-radius:3px;grid-template-rows:auto auto;grid-template-columns:26px 1fr;align-items:center;column-gap:8px;padding:6px 10px 6px 8px;display:grid}.qd-row:hover{background:#d6b26a0f;border-color:#d6b26a66}.qd-row.on{border-color:var(--gold-2);box-shadow:inset 2px 0 0 var(--gold-1);background:linear-gradient(90deg,#d6b26a29,#d6b26a0a)}.qd-ico{object-fit:contain;width:26px;height:26px;color:var(--ok);grid-row:span 2}.qd-ico.done svg{width:22px;height:22px}.qd-row-name{font-family:var(--f-title);letter-spacing:.02em;font-size:.86rem;font-weight:700;line-height:1.2}.qd-row-st{color:var(--muted);font-size:.78rem}.qd-row.s-ready .qd-row-st{color:var(--ok);font-weight:700}.qd-row.s-available .qd-row-st{color:var(--warn);font-weight:700}.qd-row.s-done{opacity:.62}.qd-detail{flex-direction:column;gap:12px;min-width:0;display:flex}.qd-title{font-family:var(--f-title);letter-spacing:.04em;color:var(--gold-0);margin:0;font-size:1.05rem}.qd-desc{color:var(--parch-2);margin:0;line-height:1.45}.qd-obj{background:var(--well);border:1px solid #d6b26a24;border-radius:3px;gap:6px;padding:10px 12px;display:grid}.qd-obj-line{color:var(--parch);justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.qd-ok{color:var(--ok);width:18px;height:18px}.bar{background:#0009;border-radius:3px;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000,0 0 0 1px #d6b26a2e}.bar>i{transition:width .6s var(--ease-out);background:linear-gradient(90deg,#8a6a33,#f2d995);border-radius:3px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #f2cd7880}.bar.full>i{background:linear-gradient(90deg,#3f8a3a,#a7f08f);box-shadow:0 0 8px #7fcf7499}.qd-rewards{gap:6px;display:grid}.qd-rw-row{flex-wrap:wrap;gap:6px;display:flex}.qd-rw{min-height:36px;color:var(--parch-2);background:#00000073;border:1px solid #d6b26a38;border-radius:18px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:.86rem;display:inline-flex}.qd-rw img{object-fit:contain;width:28px;height:28px}.qd-rw b{color:var(--gold-0)}.qd-rw.item{border-radius:4px;padding-left:3px}.qd-rw.item img{border:1px solid var(--rc,var(--r-common));border-radius:3px}.qd-rw-name{color:var(--rc,var(--parch));font-weight:700}.qd-rw.r-uncommon{--rc:var(--r-uncommon)}.qd-rw.r-rare{--rc:var(--r-rare)}.qd-rw.r-epic{--rc:var(--r-epic)}.qd-rw.r-legendary{--rc:var(--r-legendary)}.qd-actions{justify-content:flex-end;align-items:center;min-height:44px;margin-top:auto;display:flex}.qd-note{color:var(--muted);font-style:italic}.qd-note.done{color:var(--ok)}.qd-close{width:36px;height:36px;position:absolute;top:12px;right:12px}.qd-empty{text-align:center}.btn-glow{animation:1.8s ease-in-out infinite btn-glow}@keyframes btn-glow{50%{filter:drop-shadow(0 0 12px #f2cd78b3)}}.quest-tracker{right:14px;top:var(--hud-right-top,calc(var(--topbar-h) + 14px));text-align:left;width:248px;color:var(--parch);cursor:pointer;z-index:11;transition:border-color var(--t-med), transform var(--t-med) var(--ease-out);background:linear-gradient(#141018db,#0a080ccc);border:1px solid #d6b26a47;border-radius:4px;gap:4px;padding:9px 12px 10px;display:grid;position:absolute;box-shadow:0 6px 20px #0000008c,inset 0 1px #fff0c80d}.quest-tracker:hover{border-color:var(--gold-2)}.quest-tracker[hidden]{display:none}.qt-head{align-items:center;gap:6px;display:flex}.qt-ico{object-fit:contain;width:22px;height:22px}.qt-eyebrow{font-family:var(--f-title);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);font-size:.66rem;font-weight:700}.qt-name{font-family:var(--f-title);color:var(--gold-0);font-size:.9rem;font-weight:700;line-height:1.2}.qt-obj{color:var(--parch-2);font-size:.86rem}.qt-hint{color:var(--gold-1);font-size:.8rem;font-style:italic}.quest-tracker[data-status=ready]{border-color:#7fcf748c;box-shadow:0 6px 20px #0000008c,0 0 16px #7fcf742e}.quest-tracker[data-status=ready] .qt-hint{color:#a7f08f}.quest-tracker[data-status=ready] .bar>i{background:linear-gradient(90deg,#3f8a3a,#a7f08f)}.quest-tracker.flash{animation:qt-flash .9s var(--ease-out)}@keyframes qt-flash{0%{transform:scale(1);box-shadow:0 0 #f2cd7800}30%{transform:scale(1.03);box-shadow:0 0 24px #f2cd788c}to{transform:scale(1)}}@media (max-width:720px){.npc-dialog{top:auto;left:6px;right:6px;bottom:calc(var(--actionbar-h,0px) + 6px);width:auto;max-height:calc(100dvh - var(--topbar-h) - var(--actionbar-h,0px) - 16px);grid-template-columns:1fr;overflow:auto;transform:translateY(24px)}.npc-dialog.open{transform:none}.npc-dialog.closing{transform:translateY(24px)}.qd-portrait{border:1px solid var(--gold-3);z-index:1;border-radius:50%;width:64px;height:64px;min-height:0;position:absolute;top:14px;left:14px}.qd-portrait img{height:700%;top:-232%}.qd-role{letter-spacing:.08em}.qd-main{padding:14px 14px 16px}.qd-head{min-height:64px;padding:6px 44px 0 76px}.qd-name{font-size:1.1rem}.qd-lore{margin:8px 0 10px;font-size:1rem}.qd-cols{grid-template-columns:1fr;overflow:visible}.qd-close{width:40px;height:40px;top:8px;right:8px}.qd-actions .btn{width:100%}.quest-tracker{left:8px;right:auto;top:calc(var(--topbar-h) + 10px);width:calc(100vw - var(--mm-w,114px) - 28px);gap:2px;max-width:240px;padding:7px 10px 8px}.qt-head{display:none}.qt-name{font-size:.86rem}.qt-obj,.qt-hint{font-size:.82rem}body[data-scene=town] .toasts{top:auto;bottom:calc(58px + env(safe-area-inset-bottom) + 136px)}}@media (max-height:500px) and (min-width:721px){.npc-dialog{top:calc(var(--topbar-h) + 6px);max-height:calc(100dvh - var(--topbar-h) - 12px);grid-template-columns:150px 1fr}.qd-portrait{min-height:0}.qd-main{padding:12px 16px;overflow:auto}.qd-lore{margin:6px 0 8px;font-size:.98rem}.qd-cols{overflow:visible}.quest-tracker{width:212px;right:10px}.qt-head{display:none}}.emote-wheel{z-index:12;--cd:0;width:60px;height:60px;position:absolute;bottom:18px;right:18px}.emote-btn{cursor:pointer;transition:transform var(--t-med) var(--ease-out), filter var(--t-med);background:radial-gradient(circle at 50% 35%,#3a2d40,#120e15 70%) padding-box padding-box,linear-gradient(155deg,#f2d995,#6f5428 45%,#b8924c 75%,#f2d995) border-box;border:2px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset:0;box-shadow:0 0 0 1px #000,0 6px 18px #0009,inset 0 0 12px #000c}.emote-btn img{border-radius:50%;width:46px;height:46px}.emote-btn:hover,.emote-wheel.open .emote-btn{filter:drop-shadow(0 0 10px #f2cd788c);transform:scale(1.06)}.emote-btn:after{content:"";background:conic-gradient(#050407b8 calc(var(--cd) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:2px}.emote-fan{opacity:0;transform-origin:100% 100%;pointer-events:none;transition:opacity .18s var(--ease-out), transform .24s var(--ease-out);background:linear-gradient(#1e1822f5,#0c0a0ef5);border:1px solid #d6b26a66;border-radius:6px;grid-template-columns:repeat(3,72px);gap:6px 4px;padding:12px 12px 10px;display:grid;position:absolute;bottom:calc(100% + 12px);right:0;transform:translateY(8px)scale(.97);box-shadow:0 14px 34px #000000b3,inset 0 1px #fff0c80f}.emote-wheel.open .emote-fan{opacity:1;pointer-events:auto;transform:none}.emote-opt{cursor:pointer;transition:background var(--t-fast);background:0 0;border:0;border-radius:4px;justify-items:center;gap:3px;padding:4px 0 2px;display:grid;position:relative}.emote-opt:hover,.emote-opt:focus-visible{background:#d6b26a1a}.emote-opt img{width:50px;height:50px;transition:transform var(--t-fast), filter var(--t-fast);border-radius:50%;box-shadow:0 3px 10px #000000b3}.emote-opt:hover img{filter:drop-shadow(0 0 8px #f2cd78b3)brightness(1.1);transform:scale(1.08)}.emote-name{font-family:var(--f-title);letter-spacing:.08em;color:var(--gold-1);font-size:.72rem;font-weight:700}.emote-opt kbd{min-width:16px;height:16px;font:700 .66rem/16px var(--f-ui);color:#1b1206;background:var(--gold-1);border-radius:8px;padding:0 3px;position:absolute;top:2px;right:6px;box-shadow:0 0 0 1px #000}.emote-wheel.cooling .emote-opt img{filter:grayscale(.6)brightness(.7)}@media (max-width:720px){.emote-wheel{right:10px;bottom:calc(var(--actionbar-h,0px) + 8px);width:56px;height:56px}.emote-btn img{width:42px;height:42px}.emote-fan{grid-template-columns:repeat(3,76px)}.emote-opt kbd{display:none}.emote-name{font-size:.82rem}}@media (max-height:500px) and (min-width:721px){.emote-opt kbd{display:none}.emote-wheel{right:12px;bottom:calc(10px + env(safe-area-inset-bottom));width:50px;height:50px}.emote-btn img{width:38px;height:38px}}.inv-view{grid-template-columns:236px 360px minmax(0,1fr);align-items:start;gap:26px;display:grid}.char-view{grid-template-columns:300px 360px minmax(0,1fr)}.inv-col{gap:12px;min-width:0;display:grid}.col-title{padding-left:2px}.cell{--rc:#d6b26a29;--rg:transparent;--ro:transparent;--rb:transparent;background:radial-gradient(120% 70% at 50% 100%, var(--rb), transparent 70%), radial-gradient(circle at 50% 38%, #463a4852, transparent 72%), linear-gradient(180deg, #0d0b10, #151118);width:52px;height:52px;box-shadow:inset 0 2px 9px #000000e0, 0 1px 0 #fff0c80d, 0 0 0 0 var(--ro);transition:transform .16s var(--ease-out), box-shadow .22s, opacity .2s, filter .2s;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #000000eb;border-radius:5px;position:relative}.cell.has{cursor:grab}.cell .ico{object-fit:cover;pointer-events:none;width:calc(100% - 6px);height:calc(100% - 6px);transition:opacity .16s, filter .16s, transform .2s var(--ease-out);border-radius:3px;position:absolute;inset:3px}.cell:after{content:"";pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px var(--rc), inset 0 0 0 2px #0000008c, inset 0 0 16px var(--rg);background:var(--frame,none) center / 100% 100% no-repeat;border-radius:5px;position:absolute;inset:0}.cell[data-rarity=common]{--rc:#aaacb28c;--rg:#a3a6ab1a;--rb:#a3a6ab14}.cell[data-rarity=uncommon]{--rc:#68cd5ed9;--rg:#63c35b42;--rb:#63c35b33}.cell[data-rarity=rare]{--rc:#569cf8eb;--rg:#4d93f057;--rb:#4d93f042;--ro:#4d93f038}.cell[data-rarity=epic]{--rc:#ba74fff2;--rg:#b067f56b;--rb:#b067f552;--ro:#b067f552}.cell[data-rarity=legendary]{--rc:#ffb240;--rg:#f2a53a80;--rb:#f28c285c;--ro:#f2a53a6b}.cell.has[data-rarity=common]{--frame:var(--frame-common)}.cell.has[data-rarity=uncommon]{--frame:var(--frame-uncommon)}.cell.has[data-rarity=rare]{--frame:var(--frame-rare)}.cell.has[data-rarity=epic]{--frame:var(--frame-epic)}.cell.has[data-rarity=legendary]{--frame:var(--frame-legendary)}.cell.has[data-rarity=rare],.cell.has[data-rarity=epic],.cell.has[data-rarity=legendary]{box-shadow:inset 0 2px 9px #000000e0, 0 0 10px var(--ro)}.cell.has[data-rarity=legendary]{border:1px solid #0000;border-image:conic-gradient(from var(--ang,0deg), #7a4a10 0 62%, #ffe7a8 76%, #fff9e6 80%, #ffc65a 86%, #7a4a10 96%) 1;animation:2.8s ease-in-out infinite legend-pulse,3.2s linear infinite legend-spin}@keyframes legend-pulse{50%{box-shadow:inset 0 2px 9px #000000e0,0 0 20px #ffaa3c9e}}.cell.has[data-rarity=epic]:before,.cell.has[data-rarity=legendary]:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 0 38%,#fff6dc66 50%,#0000 62%) 130% 0/260% 100%;border-radius:5px;animation:4.6s ease-in-out infinite shimmer;position:absolute;inset:0}.cell.has[data-rarity=legendary]:before{background-image:linear-gradient(115deg,#0000 0 38%,#ffe4aa80 50%,#0000 62%);animation-duration:3.4s}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes legend-spin{to{--ang:360deg}}@media (prefers-reduced-motion:reduce){.cell.has:before,.cell.has[data-rarity=legendary]{animation:none}}.cell.has:hover{box-shadow:inset 0 2px 9px #000000e0, 0 0 16px var(--rg), 0 5px 12px #0009;filter:brightness(1.12);transform:translateY(-1px)}.cell.has:hover .ico{transform:scale(1.06)}.cell .qty{z-index:3;color:#fff;text-shadow:0 0 3px #000,0 1px 1px #000,0 0 6px #000;font-size:.74rem;font-weight:700;position:absolute;bottom:2px;right:4px}.cell .plus{z-index:3;color:#ffe9b0;background:#140c04d1;border-radius:2px;padding:0 3px;font-size:.68rem;font-weight:700;position:absolute;top:2px;left:3px;box-shadow:0 0 0 1px #f2be5a80}.cell.unusable .ico{filter:saturate(.6)}.cell.unusable.has:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#c81e2829,#a0141e61);border-radius:5px;animation:none;position:absolute;inset:0}.cell.sel{box-shadow:inset 0 2px 9px #000000d9, 0 0 0 2px var(--gold-1), 0 0 18px var(--gold-glow)!important}.cell.filler{opacity:.32;pointer-events:none}.cell.lifted .ico{opacity:.18;filter:grayscale()}.cell.can-take{animation:1.1s ease-in-out infinite can-take}@keyframes can-take{50%{box-shadow:inset 0 0 0 1px var(--gold-2), 0 0 16px #f2be5a99;border-color:#f2cd78b3}}body.inv-dragging .slot-cell.cant-take{opacity:.38;filter:grayscale(.8)}.cell.drop-ok{animation:none;transform:scale(1.1);box-shadow:inset 0 0 0 2px var(--gold-0), 0 0 26px #f2cd78d9!important}.cell.drop-bad{animation:none;box-shadow:inset 0 0 0 2px var(--bad), 0 0 20px #e2545abf!important}.pop{animation:pop .32s var(--ease-out)}@keyframes pop{0%{transform:scale(.82)}55%{transform:scale(1.12);box-shadow:0 0 26px #f2cd78d9}to{transform:scale(1)}}.pop-equip{animation:pop-equip .48s var(--ease-out)}@keyframes pop-equip{0%{filter:brightness(2.2);transform:scale(.7)}40%{filter:brightness(1.5);transform:scale(1.16);box-shadow:0 0 34px #ffe196f2}to{filter:none;transform:scale(1)}}.shake-bad{animation:.42s cubic-bezier(.36,.07,.19,.97) shake-bad}@keyframes shake-bad{0%,to{transform:none}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}.flash-bad:after{animation:.52s ease-out flash-bad}@keyframes flash-bad{0%{background-color:#ff283259;box-shadow:inset 0 0 0 2px #ff5a5f,inset 0 0 30px #ff3c46e6}to{box-shadow:inset 0 0 0 1px var(--rc), inset 0 0 16px var(--rg)}}.use-burst{animation:use-burst .52s var(--ease-out)}@keyframes use-burst{0%{box-shadow:0 0 #a0ff8ce6}60%{transform:scale(1.08);box-shadow:0 0 0 10px #a0ff8c00}to{transform:none}}.slot-glyph{color:#d6b26a42;pointer-events:none;position:absolute;inset:13px 13px 17px}.slot-glyph svg{width:100%;height:100%}.slot-label{text-align:center;font-family:var(--f-title);letter-spacing:.1em;text-transform:uppercase;color:#d6b26a61;pointer-events:none;font-size:.5rem;font-weight:700;position:absolute;bottom:3px;left:0;right:0}.cell.has .slot-glyph,.cell.has .slot-label{display:none}.drag-ghost{--sx:0px;z-index:200;pointer-events:none;width:64px;height:64px;box-shadow:var(--sx) 18px 30px #000000b8, 0 0 0 1px #ffe6a099, 0 0 22px #f2be5a6b;will-change:transform;border-radius:7px;position:fixed;top:0;left:0;overflow:hidden}.drag-ghost img{object-fit:cover;width:100%;height:100%}.drag-ghost .qty{color:#fff;text-shadow:0 0 3px #000,0 1px 1px #000;font-size:.8rem;font-weight:700;position:absolute;bottom:2px;right:5px}.drag-ghost[data-rarity=uncommon]{box-shadow:var(--sx) 18px 30px #000000b8, 0 0 0 1px #8be382, 0 0 20px #63c35b80}.drag-ghost[data-rarity=rare]{box-shadow:var(--sx) 18px 30px #000000b8, 0 0 0 1px #8ab8ff, 0 0 24px #4d93f099}.drag-ghost[data-rarity=epic]{box-shadow:var(--sx) 18px 30px #000000b8, 0 0 0 1px #c592ff, 0 0 26px #b067f5a6}.drag-ghost[data-rarity=legendary]{box-shadow:var(--sx) 18px 30px #000000b8, 0 0 0 1px #ffd27a, 0 0 30px #f2a53abf}.drag-ghost.landing{box-shadow:0 4px 10px #00000080}.drag-ghost.fly{transition:transform .23s cubic-bezier(.2,.9,.3,1);box-shadow:0 8px 18px #0009}body.dragging,body.dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.drag-hint{z-index:201;pointer-events:none;color:#ffd7d2;max-width:240px;animation:msg-in .16s var(--ease-out);background:#28080cf0;border:1px solid #e2545a99;border-radius:3px;padding:6px 10px;font-size:.82rem;position:fixed;top:0;left:0;box-shadow:0 6px 16px #0009}.drag-hint.good{color:#d8ffd0;background:#081e0af0;border-color:#7fcf7499}.equip-doll{grid-template-columns:56px minmax(0,1fr) 56px;align-items:stretch;gap:12px;display:grid}.doll-slots{flex-direction:column;justify-content:space-between;padding:6px 0 10px;display:flex}.doll-slots .cell{width:56px;height:56px}.doll{background:radial-gradient(60% 45% at 50% 62%,#f2be5a2e,#0000 70%),radial-gradient(90% 70% at 50% 100%,#0003,#000000bf),linear-gradient(#1a1420,#0a080c);border:1px solid #d6b26a52;border-radius:6px;height:392px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 44px #000000d1,0 0 0 1px #000}.doll:before{content:"";pointer-events:none;z-index:2;border:1px solid #d6b26a1f;border-radius:4px;position:absolute;inset:5px}.doll.f-grim{background:radial-gradient(60% 45% at 50% 62%,#d8414a38,#0000 70%),radial-gradient(70% 40% at 50% 10%,#9a63ff29,#0000 70%),linear-gradient(#1c1018,#0a080c)}.doll.f-heaven{background:radial-gradient(60% 45% at 50% 62%,#f2cd7838,#0000 70%),radial-gradient(70% 40% at 50% 10%,#8cc2ff29,#0000 70%),linear-gradient(#16141e,#0a080c)}.doll-halo{pointer-events:none;background:radial-gradient(closest-side,#f2cd7838,#0000);border-radius:50%;width:70%;height:34px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.doll.can-take{border-color:var(--gold-2);box-shadow:inset 0 0 44px #000c,0 0 20px #f2be5a59}.doll.drop-ok{border-color:var(--gold-0);box-shadow:inset 0 0 70px #f2be5a47,0 0 28px #f2cd78a6}.doll.drop-bad{border-color:var(--bad);box-shadow:inset 0 0 50px #e2545a40,0 0 20px #e2545a80}.doll-flash{animation:doll-flash .6s var(--ease-out)}@keyframes doll-flash{0%{box-shadow:inset 0 0 90px #ffe6a08c,0 0 30px #ffdc8c99}to{box-shadow:inset 0 0 44px #000000d1,0 0 0 1px #000}}.avatar-view{position:absolute;inset:0 0 38px}.avatar-view canvas{width:100%;height:100%;display:block}.doll-id{z-index:3;background:linear-gradient(#0000,#050407f2);justify-items:center;padding:10px 6px;display:grid;position:absolute;bottom:0;left:0;right:0}.doll-id b{font-family:var(--f-title);font-size:min(1.05rem, calc(15rem / var(--len,8)));color:var(--gold-1);letter-spacing:.05em;white-space:nowrap}.doll-id span{color:var(--parch-2);font-size:.78rem}.totals{background:linear-gradient(#18131cd9,#08060ad9);border:1px solid #d6b26a29;border-radius:6px;gap:12px;padding:14px 12px 12px;display:grid;box-shadow:inset 0 1px #fff0c80d}.power-line{border-bottom:1px solid var(--gold-hair);justify-content:space-between;align-items:baseline;padding:0 4px 10px;display:flex}.power-val{align-items:baseline;gap:8px;display:flex}.power-big{font-family:var(--f-title);color:var(--gold-1);text-shadow:0 0 18px #f2be5a80;font-size:1.9rem;font-weight:700;line-height:1}.power-big.up{color:#c4ff9a}.power-big.down{color:#ff9a8f}.power-chip{opacity:0;font-size:.8rem;font-weight:700}.power-chip.up{color:#9fef8f}.power-chip.down{color:#ff8d86}.chip-in{animation:chip-in 1.8s var(--ease-out) both}@keyframes chip-in{0%{opacity:0;transform:translateY(8px)}12%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.totals-sec{gap:4px;display:grid}.totals .srow{grid-template-columns:16px 1fr auto;gap:8px;padding:4px;font-size:.88rem}.set-list{gap:6px;display:grid}.set-row{background:#0000004d;border:1px solid #6ee68c29;border-radius:4px;gap:2px;padding:7px 9px;display:grid}.set-name{font-family:var(--f-title);color:#8fe887;font-size:.82rem;font-weight:700}.set-name .num{color:var(--parch-2);font-family:var(--f-ui)}.set-bonus{color:var(--faint);grid-template-columns:16px 1fr;gap:6px;font-size:.8rem;display:grid}.set-bonus .num{color:inherit;text-align:center}.set-bonus.on{color:#b8f5ae}.set-bonus.on .num{color:#8fe887}.bag,.bag-head{gap:8px;display:grid}.bag-tabs{background:#00000073;border:1px solid #d6b26a24;border-radius:4px;gap:2px;padding:2px;display:flex}.bag-tab{min-height:30px;color:var(--muted);font-family:var(--f-title);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color var(--t-med), background var(--t-med), box-shadow var(--t-med);background:0 0;border:0;border-radius:3px;flex:1;justify-content:center;align-items:baseline;gap:4px;padding:5px 6px;font-size:.64rem;font-weight:700;display:inline-flex}.bag-tab small{font-family:var(--f-ui);letter-spacing:0;opacity:.7;font-size:.7rem}.bag-tab:hover{color:var(--parch)}.bag-tab.on{color:#1b1206;background:linear-gradient(#f2d995,#b8893e);box-shadow:0 0 10px #f2be5a59}.bag-tools{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.bag-search,.bag-sort{width:100%;height:32px;color:var(--parch);font:500 .86rem var(--f-ui);transition:border-color var(--t-med), box-shadow var(--t-med);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98445' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m20 20-4.5-4.5'/%3E%3C/svg%3E") 9px/14px no-repeat,#00000080;border:1px solid #d6b26a33;border-radius:3px;outline:none;padding:0 10px 0 30px}.bag-search::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6b26a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") 50%/12px no-repeat;width:14px;height:14px}.bag-search::placeholder{color:var(--faint)}.bag-search:focus,.bag-sort:focus{border-color:var(--gold-3);box-shadow:0 0 0 1px #d6b26a4d,0 0 12px #f2be5a2e}.bag-sort{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a98445' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") calc(100% - 7px)/14px no-repeat,#00000080;width:auto;padding:0 26px 0 10px}.bag-sort option{color:var(--parch);background:#16121a}.bag-tidy{min-height:32px;padding:0 14px}.bag-grid{background:radial-gradient(90% 60% at 50% 0,#d6b26a0d,#0000),#00000073;border:1px solid #d6b26a29;border-radius:5px;grid-template-columns:repeat(8,52px);justify-content:center;gap:6px;padding:10px;display:grid;box-shadow:inset 0 2px 16px #000000bf}.bag-grid.sorting .cell.has{animation:sort-in .38s var(--ease-out) both}.bag-grid.sorting .cell:nth-child(8n+2){animation-delay:20ms}.bag-grid.sorting .cell:nth-child(8n+3){animation-delay:40ms}.bag-grid.sorting .cell:nth-child(8n+4){animation-delay:60ms}.bag-grid.sorting .cell:nth-child(8n+5){animation-delay:80ms}.bag-grid.sorting .cell:nth-child(8n+6){animation-delay:.1s}.bag-grid.sorting .cell:nth-child(8n+7){animation-delay:.12s}.bag-grid.sorting .cell:nth-child(8n){animation-delay:.14s}@keyframes sort-in{0%{opacity:0;transform:scale(.7)translateY(-6px)}}.bag-foot{color:var(--parch-2);justify-content:space-between;align-items:center;padding:0 4px;font-size:.84rem;display:flex}.bag-gold{align-items:center;gap:6px;display:inline-flex}.bag-gold img{width:20px;height:20px}.bag-gold b{font-family:var(--f-title);color:var(--gold-1);font-size:.95rem}.bag-gold b.up{color:#c4ff9a}.bag-gold b.down{color:#ff9a8f}.bag-gold span{color:var(--muted)}.bag-used.full{color:#ff8d86}.item-detail{background:linear-gradient(#1e1822b8,#0a080cb8);border:1px solid #d6b26a29;border-radius:5px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:92px;padding:12px 14px;display:grid}.item-detail .cell.big{cursor:default;width:64px;height:64px}.detail-text{gap:2px;min-width:0;display:grid}.detail-name{font-family:var(--f-title);font-size:1.02rem;font-weight:700}.detail-main{color:#9fef8f;font-size:.86rem;font-weight:700}.item-detail .tip-lore{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.92rem;overflow:hidden}.detail-acts{gap:6px;display:grid}.detail-empty{color:var(--muted);grid-column:1/-1;align-items:center;gap:12px;font-size:.9rem;display:flex}.detail-empty svg{width:22px;height:22px;color:var(--gold-4);flex:none}.r-common{color:#d0d2d6}.r-uncommon{color:#8be382}.r-rare{color:#7db4ff}.r-epic{color:#c99bff}.r-legendary{color:#ffbf5a}.tip:has(.itt-wrap){max-width:none;box-shadow:none;background:0 0;border:0;padding:0}.itt-pair{align-items:flex-start;gap:8px;display:flex}.itt{--rk:#8f8371;border:1px solid color-mix(in srgb, var(--rk) 70%, #000);width:296px;box-shadow:0 0 0 1px #000, 0 18px 40px #000c, 0 0 24px color-mix(in srgb, var(--rk) 22%, transparent);color:var(--parch);background:linear-gradient(#1a151efa,#0a080cfa);border-radius:4px;font-size:.86rem;display:grid;position:relative;overflow:hidden}.itt.r-common{--rk:#a3a6ab}.itt.r-uncommon{--rk:#63c35b}.itt.r-rare{--rk:#4d93f0}.itt.r-epic{--rk:#b067f5}.itt.r-legendary{--rk:#f2a53a}.itt.compact{opacity:.94;width:236px}.itt-tag{font-family:var(--f-title);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--gold-hair);background:#00000080;padding:4px 12px;font-size:.6rem;font-weight:700}.itt-head{background:linear-gradient(180deg, color-mix(in srgb, var(--rk) 30%, transparent), transparent), radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--rk) 24%, transparent), transparent 60%);border-bottom:1px solid color-mix(in srgb, var(--rk) 40%, transparent);padding:11px 13px 9px}.itt-name{font-family:var(--f-title);color:color-mix(in srgb, var(--rk) 70%, #fff);text-shadow:0 0 14px color-mix(in srgb, var(--rk) 50%, transparent);font-size:1.04rem;font-weight:700;line-height:1.2}.itt-plus{color:#ffe9b0}.itt-qty{color:var(--parch-2);font-family:var(--f-ui)}.itt-type{letter-spacing:.06em;color:var(--parch-2);justify-content:space-between;gap:10px;margin-top:3px;font-size:.72rem;display:flex}.itt-ilvl{color:var(--muted);white-space:nowrap}.itt-ilvl b{color:var(--gold-1)}.itt-body{gap:8px;padding:10px 13px;display:grid}.itt-mains{gap:1px;display:grid}.itt-main{color:var(--parch);font-size:.92rem}.itt-main b{font-family:var(--f-title);color:#fff;font-size:1.28rem}.itt-stats{gap:1px;display:grid}.itt-stat b{color:#9fef8f}.itt-temper{color:#ffd27a;font-size:.78rem}.itt-reqs{gap:1px;font-size:.82rem;display:grid}.itt-reqs .ok{color:var(--parch-2)}.itt-reqs .bad{color:#ff6f66;font-weight:700}.itt-set{border-top:1px solid var(--gold-hair);gap:4px;padding-top:8px;display:grid}.itt-set-h{font-family:var(--f-title);color:#8fe887;font-size:.82rem;font-weight:700}.itt-set-h .num{color:var(--parch-2);font-family:var(--f-ui)}.itt-set-pieces{color:var(--faint);gap:0;padding-left:8px;font-size:.8rem;display:grid}.itt-set-pieces .worn{color:#c9f5c0}.itt-set-pieces .owned{color:var(--parch-2)}.itt-set-pieces small{color:var(--muted)}.itt-set-bonus{color:var(--faint);gap:0;font-size:.8rem;display:grid}.itt-set-bonus .on{color:#9fef8f}.itt-lore{font-family:var(--f-body);color:var(--parch-2);font-size:.96rem;font-style:italic;line-height:1.25}.itt-cmp{background:#0000005c;border:1px solid #d6b26a24;border-radius:3px;gap:4px;padding:8px 9px;display:grid}.itt-cmp-h{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:.66rem;font-weight:700;display:flex}.itt-power{font-family:var(--f-title);letter-spacing:.02em;text-transform:none;color:var(--parch-2);font-size:.86rem}.itt-power.up{color:#9fef8f;text-shadow:0 0 10px #82f07866}.itt-power.down{color:#ff8d86;text-shadow:0 0 10px #ff645a59}.itt-cmp-rows{gap:1px;display:grid}.itt-cmp-rows>div{grid-template-columns:12px 34px 1fr auto;align-items:baseline;gap:4px;font-size:.82rem;display:grid}.itt-cmp-rows i{font-size:.62rem;font-style:normal}.itt-cmp-rows .up{color:#9fef8f}.itt-cmp-rows .down{color:#ff8d86}.itt-cmp-rows span{color:var(--faint);font-size:.74rem}.itt-cmp-same,.itt-cmp-note{color:var(--muted);font-size:.78rem}.itt-foot{color:var(--faint);background:#00000052;border-top:1px solid #d6b26a1f;justify-content:space-between;align-items:center;gap:10px;padding:7px 13px 8px;font-size:.72rem;display:flex}.itt-value{white-space:nowrap;color:var(--muted);align-items:center;gap:4px;display:inline-flex}.itt-value img{width:15px;height:15px}.itt-value b{color:var(--gold-1)}.itt-hint{text-align:right}.split-dlg{width:min(420px,100%)}.split-name{font-family:var(--f-title)!important;color:var(--gold-1)!important;font-size:1rem!important}.split-name .num{color:var(--parch-2);font-family:var(--f-ui)}.split-preview{justify-content:center;align-items:center;gap:22px;margin-top:16px;display:flex}.split-preview>div{justify-items:center;gap:4px;display:grid}.split-preview .cell{width:56px;height:56px}.split-preview b{font-family:var(--f-title);color:var(--gold-1);font-size:1.3rem}.split-note{font-family:var(--f-ui)!important;color:var(--gold-1)!important;margin-top:12px!important;font-size:.95rem!important}.split-arrow{color:var(--gold-3);font-size:1.4rem}.split-ctl{grid-template-columns:auto 1fr auto 62px;align-items:center;gap:10px;margin-top:16px;display:grid}.split-step{min-width:40px;padding:0;font-size:1.1rem}.split-range{--p:50%;appearance:none;background:linear-gradient(90deg, var(--gold-2) var(--p), #0009 var(--p));border-radius:3px;outline:none;width:100%;height:6px;box-shadow:inset 0 0 0 1px #d6b26a4d}.split-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:radial-gradient(circle at 40% 35%,#fff4cf,#d6b26a 55%,#6f5428);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 2px #1a1206,0 0 10px #f2be5a99}.split-num{width:100%;height:34px;color:var(--parch);background:#00000080;border:1px solid #d6b26a4d;border-radius:3px;padding:0 6px;font-size:.95rem;text-align:center!important}.prog{background:linear-gradient(#18131cd9,#08060ad9);border:1px solid #d6b26a2e;border-radius:6px;gap:12px;padding:14px;display:grid;box-shadow:inset 0 1px #fff0c80d}.prog-commit{animation:prog-commit .8s var(--ease-out)}@keyframes prog-commit{0%{box-shadow:inset 0 0 60px #f2cd7866,0 0 26px #f2cd7880}to{box-shadow:inset 0 1px #fff0c80d}}.prog-top{grid-template-columns:72px 1fr;align-items:center;gap:12px;display:grid}.lvl-badge{width:72px;height:72px;box-shadow:0 0 0 2px #0b0805, 0 0 0 3px var(--gold-3), 0 0 0 5px #000c, 0 0 22px #f2be5a4d, inset 0 0 14px #000000e6;background:radial-gradient(circle at 50% 35%,#ffe6a040,#0000 60%),radial-gradient(circle,#2a2016,#0e0a06 70%);border-radius:50%;align-content:center;justify-items:center;display:grid;position:relative}.lvl-badge .eyebrow{letter-spacing:.2em;font-size:.5rem}.lvl-num{font-family:var(--f-logo);color:var(--gold-0);text-shadow:0 0 14px #f2be5ab3;font-size:1.9rem;line-height:1}.xp{gap:6px;display:grid}.xp-head{justify-content:space-between;align-items:baseline;display:flex}.xp-txt{color:var(--parch-2);font-size:.8rem}.xp-bar{background:#000000a6;border-radius:6px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d6b26a40,inset 0 2px 4px #000c}.xp-fill{transition:width .9s var(--ease-out);background:linear-gradient(#c9a6ff,#7a3cff 55%,#4a1fb0);border-radius:6px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #9a63ffb3}.xp-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000) 0 0/50% 100% no-repeat;animation:3s linear infinite xp-sheen;position:absolute;inset:0}@keyframes xp-sheen{0%{background-position:-50% 0}to{background-position:150% 0}}.pts{color:var(--muted);background:#00000059;border:1px solid #d6b26a24;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:.86rem;display:flex}.pts img{width:26px;height:26px}.pts b{font-family:var(--f-title);color:var(--parch-2);font-size:1.3rem}.pts.has{color:var(--parch);border-color:#f2be5a80;animation:2.2s ease-in-out infinite pts-glow;box-shadow:0 0 16px #f2be5a2e,inset 0 0 18px #f2be5a14}.pts.has b{color:var(--gold-0);text-shadow:0 0 12px #f2be5acc}@keyframes pts-glow{50%{box-shadow:0 0 22px #f2be5a52,inset 0 0 22px #f2be5a24}}.attr-list{gap:4px;display:grid}.attr-row{background:#00000040;border-radius:4px;grid-template-columns:1fr 40px 34px auto;align-items:center;gap:6px;padding:4px 4px 4px 10px;display:grid}.attr-name{font-family:var(--f-title);color:var(--parch);font-size:.82rem;font-weight:600}.attr-row>b{text-align:right;color:var(--parch);font-size:.95rem}.attr-add{color:#9fef8f;font-size:.86rem;font-weight:700}.pop-num{animation:pop .26s var(--ease-out)}.attr-ctl{gap:4px;display:flex}.attr-btn{width:30px;height:30px;color:var(--gold-1);cursor:pointer;transition:filter var(--t-fast), box-shadow var(--t-fast), opacity var(--t-fast);background:linear-gradient(#3a2a14,#1a1208);border:1px solid #d6b26a59;border-radius:4px;font-size:1.05rem;font-weight:700;line-height:1}.attr-btn.plus:not(:disabled){border-color:#f2cd78b3;box-shadow:0 0 10px #f2be5a59}.attr-btn:hover:not(:disabled){filter:brightness(1.3)}.attr-btn:disabled{opacity:.3;cursor:default}.sp-h{margin-top:2px}.stat-preview{gap:2px;display:grid}.sp-row{color:var(--parch-2);grid-template-columns:1fr auto 96px;align-items:baseline;gap:8px;padding:2px 4px;font-size:.84rem;display:grid}.sp-row b{color:var(--parch);text-align:right}.sp-row .nx{color:var(--faint);font-size:.8rem}.sp-row .nx.up{color:#9fef8f}.sp-row.s-power b{color:var(--gold-1);font-family:var(--f-title)}.prog-acts{justify-content:flex-end;gap:8px;display:flex}.char-info .hi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.char-info{align-content:start;gap:14px}.ci-top{align-items:center;gap:14px;display:flex}.ci-top img{object-fit:contain;width:60px;height:60px}.temper-list{gap:4px;display:grid}.tp-row{background:#00000040;border-radius:4px;grid-template-columns:72px 1fr auto;align-items:baseline;gap:8px;padding:4px 8px;font-size:.84rem;display:grid}.tp-slot{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.tp-row b{font-family:var(--f-title);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.tp-plus{color:#ffd27a;font-weight:700}.side-note{color:var(--muted);font-size:.84rem}.char-skills{gap:6px;display:grid}.cs-row{background:#0000004d;border:1px solid #d6b26a1f;border-radius:4px;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.cs-ico{--acc:#e9c372;border:1px solid var(--gold-3);border-radius:6px;width:40px;height:40px;overflow:hidden;box-shadow:0 0 0 1px #000,0 2px 5px #0009}.cs-row.k-magic .cs-ico{--acc:#c6a2ff}.cs-row.k-buff .cs-ico,.cs-row.k-heal .cs-ico{--acc:#a8f09a}.cs-row b{font-family:var(--f-title);color:var(--gold-1);font-size:.86rem;display:block}.cs-row span{color:var(--parch-2);font-size:.8rem}.cs-cd{color:var(--muted)!important}@media (max-width:1180px){.inv-view,.char-view{grid-template-columns:220px 330px minmax(0,1fr);gap:18px}.bag-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.bag-grid .cell{aspect-ratio:1;width:100%;height:auto}}@media (max-width:960px){.inv-view,.char-view{grid-template-columns:1fr}.inv-left{order:2}.inv-centre{order:1}.inv-right{order:3}.char-view .inv-left{order:2}.equip-doll{width:100%;max-width:420px;margin:0 auto}.totals{grid-template-columns:1fr 1fr}.power-line,.set-list{grid-column:1/-1}.bag-grid{gap:4px;padding:6px}}@media (max-width:720px){.equip-doll{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.doll-slots .cell{width:48px;height:48px}.doll{height:300px}.slot-glyph{inset:11px 11px 15px}.totals{gap:8px 10px;padding:10px}.totals .srow{gap:5px;padding:2px;font-size:.8rem}.power-big{font-size:1.5rem}.bag-tab{letter-spacing:.06em;flex-direction:column;align-items:center;gap:0;min-height:40px;padding:4px 2px;font-size:.56rem}.bag-tools{gap:6px}.bag-tidy{min-height:40px;padding:0 12px}.inv-view:not(.char-view) .inv-right{order:2}.inv-view:not(.char-view) .inv-left{order:3}.bag-search,.bag-sort{height:40px}.bag-grid{gap:3px;padding:4px}.bag-grid .cell .qty{font-size:.66rem}.item-detail{grid-template-columns:52px minmax(0,1fr)}.item-detail .cell.big{width:52px;height:52px}.detail-acts{grid-column:1/-1;grid-auto-flow:column}.itt{width:min(300px,100vw - 40px)}.attr-btn{width:40px;height:40px}.split-ctl{grid-template-columns:auto 1fr auto}.split-num{grid-column:1/-1;height:40px}}.castle-vignette{background:radial-gradient(80% 75% at 45% 55%,#0000 55%,#050407a6 100%),linear-gradient(90deg,#0000 60%,#0504078c 100%),linear-gradient(#050407b3,#0000 16%);position:absolute;inset:0;pointer-events:none!important}.castle-bar{align-items:center;gap:18px;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.castle-title{line-height:1.1;display:grid}.castle-title h2{text-shadow:0 2px #000,0 0 18px #f2be5a4d;font-size:1.5rem}.castle-right{align-items:center;gap:10px;margin-left:auto;display:flex}.builder{height:32px;color:var(--parch-2);background:#0000008c;border:1px solid #d6b26a40;border-radius:16px;align-items:center;gap:8px;padding:0 14px;font-size:.86rem;display:flex}.builder.busy{color:#f6dfae;border-color:#e6b04f99}.builder b{color:var(--gold-0)}.castle-labels{position:absolute;inset:0;pointer-events:none!important}.b-label{cursor:pointer;pointer-events:auto;background:0 0;border:0;flex-direction:column;justify-items:center;gap:4px;padding:0;display:grid;position:absolute;transform:translate(-50%,-100%)}.bl-name{border:1px solid var(--gold-4);font-family:var(--f-title);letter-spacing:.06em;color:var(--gold-1);white-space:nowrap;transition:all var(--t-med);background:linear-gradient(#1e1822eb,#0a080ceb);border-radius:3px;padding:3px 12px;font-size:.82rem;font-weight:700;box-shadow:0 4px 12px #0009}.bl-name small{font-family:var(--f-ui);color:var(--parch-2);letter-spacing:0;margin-left:8px;font-size:.74rem}.b-label.sel .bl-name,.b-label:hover .bl-name{border-color:var(--gold-1);box-shadow:0 0 16px var(--gold-glow), 0 4px 12px #0009}.bl-timer{color:#ffe2a0;background:#3c280aeb;border:1px solid #e6b04fb3;border-radius:10px;order:-1;align-items:center;gap:4px;padding:2px 10px;font-size:.8rem;display:inline-flex}.bl-timer svg{width:12px;height:12px}.bl-collect{border:1px solid var(--gold-2);width:40px;height:40px;box-shadow:0 0 16px var(--gold-glow);background:radial-gradient(circle,#ffdc8c59,#0009);border-radius:50%;order:-2;place-items:center;animation:1.6s ease-in-out infinite bob;display:grid}.bl-collect img{object-fit:contain;width:30px;height:30px}@keyframes bob{50%{transform:translateY(-5px)}}.float-gain{font-family:var(--f-title);color:var(--gold-0);text-shadow:0 2px #000,0 0 14px #f2be5acc;pointer-events:none;animation:float-up 1.6s var(--ease-out) forwards;white-space:nowrap;font-size:1.3rem;font-weight:700;position:absolute;transform:translate(-50%,-100%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-60%)scale(.8)}15%{opacity:1;transform:translate(-50%,-110%)scale(1.1)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.castle-card{align-content:start;gap:14px;width:370px;max-height:calc(100vh - 100px);padding:16px 22px 22px;display:grid;position:absolute;top:76px;right:22px;overflow-y:auto}.cc-tabs{background:#00000073;border:1px solid #d6b26a24;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;display:grid}.cc-tab{color:var(--muted);font-family:var(--f-title);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:6px 2px;font-size:.66rem;font-weight:700}.cc-tab:hover{color:var(--parch)}.cc-tab.on{color:#1b1206;background:linear-gradient(#f2d995,#b8893e)}.cc-head{grid-template-columns:96px 1fr;align-items:center;gap:14px;display:grid}.cc-art{border:1px solid var(--gold-4);background:radial-gradient(circle at 50% 60%,#f2be5a33,#0009);border-radius:4px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.cc-art img{object-fit:contain;filter:drop-shadow(0 4px 6px #000c);width:92%;height:92%}.cc-name{font-size:1.35rem}.cc-level{align-items:center;gap:4px;margin-top:6px;display:flex}.cc-level i{border:1px solid var(--gold-4);background:#0d0b10;width:10px;height:10px;transform:rotate(45deg)}.cc-level i.on{border-color:var(--gold-1);box-shadow:0 0 6px var(--gold-glow);background:linear-gradient(135deg,#ffe7a6,#b8893e)}.cc-level span{color:var(--parch-2);margin-left:8px;font-size:.86rem}.cc-desc{font-size:1.02rem}.cc-bonus{background:var(--well);border:1px solid #d6b26a24;border-radius:3px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.cc-bonus>div{gap:3px;display:grid}.cc-bonus b{color:var(--parch);font-size:.86rem;font-weight:500}.cc-bonus .next b{color:#9fef8f}.cc-arrow{color:var(--gold-2)}.cc-arrow svg{width:18px;height:18px}.cc-cost{gap:6px;display:grid}.cc-cost-h{justify-content:space-between;align-items:center;display:flex}.cc-time{color:var(--parch-2);align-items:center;gap:4px;font-size:.86rem;display:inline-flex}.cc-time svg{width:13px;height:13px;color:var(--gold-2)}.cost{background:#00000059;border-radius:3px;align-items:center;gap:8px;padding:6px 10px;display:flex}.cost img{object-fit:contain;width:24px;height:24px}.cost b{color:var(--gold-0)}.cost .have{color:var(--muted);margin-left:auto;font-size:.82rem}.cost.short b{color:#ff8d86}.cc-reason{color:#f0c38a;align-items:flex-start;gap:8px;font-size:.86rem;display:flex}.cc-reason svg{flex:none;width:16px;height:16px;margin-top:2px}.upgrade-timer{background:linear-gradient(#3c280a80,#140e0699);border:1px solid #e6b04f80;border-radius:3px;gap:6px;padding:10px 12px;display:grid}.ut-top{justify-content:space-between;align-items:baseline;display:flex}.ut-top b{color:var(--gold-0);font-size:1.2rem}.ut-bar,.store-bar{border:1px solid var(--gold-5);background:#07060a;border-radius:5px;height:10px;overflow:hidden}.ut-bar i,.store-bar i{background:linear-gradient(100deg,#0000 30%,#fff6d299 50%,#0000 70%) 0 0/200% 100%,linear-gradient(90deg,#6f4b1c,#d6a64e 70%,#ffe4a0);width:0;height:100%;transition:width .4s linear;animation:1.6s linear infinite shimmer;display:block}.store{background:var(--well);border:1px solid #d6b26a24;border-radius:3px;gap:8px;padding:10px 12px;display:grid}.store-top{justify-content:space-between;align-items:center;display:flex}.store-amt{align-items:center;gap:6px;display:inline-flex}.store-amt img{object-fit:contain;width:22px;height:22px}.store-amt b{color:var(--gold-0)}.store-amt .have{color:var(--muted);font-size:.82rem}.store .btn{justify-self:end}@media (max-width:720px){.castle-bar{flex-wrap:wrap;gap:8px;padding:8px 10px}.castle-title,.bl-pre{display:none}.b-label{padding:10px 2px}.cc-tab{min-height:40px}.bl-name{padding:2px 8px;font-size:.7rem}.bl-name small{margin-left:5px;font-size:.66rem}.bl-collect{width:32px;height:32px}.bl-collect img{width:24px;height:24px}.builder{display:none}.castle-card{width:auto;max-height:52vh;padding:12px 14px 16px;inset:auto 8px 8px}.cc-head{grid-template-columns:64px 1fr}.cc-art{width:64px;height:64px}.cc-desc{display:none}}.castle-card.temper{width:440px}.cc-mode{background:#00000073;border:1px solid #d6b26a24;border-radius:4px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.cc-mode-btn{min-height:32px;color:var(--muted);font-family:var(--f-title);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color var(--t-med), background var(--t-med);background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:inline-flex}.cc-mode-btn img{width:20px;height:20px}.cc-mode-btn:hover{color:var(--parch)}.cc-mode-btn.on{color:#1b1206;background:linear-gradient(#f2d995,#b8893e);box-shadow:0 0 10px #f2be5a59}.temper{gap:12px;display:grid}.temper-top{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:14px;display:grid}.anvil{width:112px;height:104px;transition:border-color var(--t-med), box-shadow var(--t-med), transform var(--t-fast);background:radial-gradient(70% 55% at 50% 72%,#ff8c3252,#0000 70%),radial-gradient(circle at 50% 40%,#2a1e14,#0c0907 75%);border:1px dashed #d6b26a59;border-radius:8px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 24px #000000e6}.anvil-ico{opacity:.32;filter:grayscale(.3);pointer-events:none;width:92px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.anvil.has .anvil-ico{opacity:.18}.anvil-slot{z-index:1;cursor:default;width:64px;height:64px;margin-top:-8px}.anvil-slot:not(.has):before{content:"";border:1px dashed #d6b26a4d;border-radius:50%;position:absolute;inset:18px}.anvil.can-take{border-style:solid;border-color:var(--gold-2);box-shadow:inset 0 0 24px #000000e6,0 0 16px #f2be5a59}.anvil.drop-ok{border-color:var(--gold-0);transform:scale(1.03);box-shadow:inset 0 0 30px #ffa03c66,0 0 24px #f2cd78a6}.anvil.drop-bad{border-color:var(--bad)}.anvil-hammer{z-index:3;transform-origin:80% 80%;filter:drop-shadow(0 4px 6px #000c);pointer-events:none;width:52px;height:52px;position:absolute;top:-14px;right:-10px;transform:rotate(18deg)}.anvil-hammer svg{width:100%;height:100%}.anvil.striking .anvil-hammer{animation:.52s cubic-bezier(.5,0,.75,0) both hammer}@keyframes hammer{0%{transform:rotate(18deg)}45%{transform:rotate(48deg)translate(4px,-4px)}80%{transform:rotate(-38deg)translate(-12px,14px)}to{transform:rotate(-30deg)translate(-10px,12px)}}.anvil-sparks{z-index:2;pointer-events:none;width:0;height:0;position:absolute;top:46%;left:50%}.anvil-sparks i{opacity:0;width:4px;height:14px;transform:rotate(var(--a)) translateY(0);background:linear-gradient(#fff6d0,#ffb040 60%,#0000);border-radius:2px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 8px #ffb040}.anvil.tempered .anvil-sparks i{animation:.7s ease-out both spark}.anvil.tempered .anvil-sparks i:nth-child(2n){animation-delay:40ms}.anvil.tempered .anvil-sparks i:nth-child(3n){animation-duration:.9s;animation-delay:80ms}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scaleY(.4)}60%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scaleY(1)}}.anvil.tempered{animation:anvil-flash .8s var(--ease-out)}@keyframes anvil-flash{0%{border-color:#fff1c4;box-shadow:inset 0 0 40px #ffc878e6,0 0 40px #ffb450d9}to{box-shadow:inset 0 0 24px #000000e6}}.anvil.tempered .anvil-slot{animation:pop-equip .6s var(--ease-out)}.temper-info{gap:6px;min-width:0;display:grid}.temper-name{font-family:var(--f-title);font-size:1.04rem;font-weight:700;line-height:1.2}.temper-plus{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tp-now,.tp-next{font-family:var(--f-title);font-size:1.5rem;font-weight:700;line-height:1}.tp-now{color:var(--parch-2)}.tp-next{color:#ffd27a;text-shadow:0 0 14px #ffbe5a99}.tp-arrow{width:18px;height:18px;color:var(--gold-3)}.tp-arrow svg{width:100%;height:100%}.tp-ilvl{color:var(--muted);flex-basis:100%;font-size:.78rem}.temper-cap{justify-content:space-between;align-items:center;gap:10px;display:flex}.temper-pips{gap:3px;display:flex}.temper-pips i{background:#0009;border-radius:2px;width:16px;height:8px;box-shadow:inset 0 0 0 1px #d6b26a4d}.temper-pips i.on{background:linear-gradient(#ffe7a8,#d08a2a);box-shadow:0 0 6px #ffb44699}.temper-pips i.next{animation:1.2s ease-in-out infinite pip-next;box-shadow:inset 0 0 0 1px #ffd27a,0 0 8px #ffc86480}@keyframes pip-next{50%{background:#ffbe5a59}}.temper-pips i.locked{opacity:.3;background:repeating-linear-gradient(135deg,#000000b3 0 3px,#d6b26a26 3px 5px)}.temper-cap-txt{font-family:var(--f-title);color:var(--gold-1);white-space:nowrap;font-size:.82rem;font-weight:700}.temper-cap-txt small{font-family:var(--f-ui);color:var(--muted);font-weight:400}.temper-stats{background:#00000052;border:1px solid #d6b26a1f;border-radius:4px;gap:2px;padding:8px 10px;display:grid}.ts-row{color:var(--parch-2);grid-template-columns:1fr 44px 110px;align-items:baseline;gap:8px;font-size:.86rem;display:grid}.ts-row b{text-align:right;color:var(--parch)}.ts-next{color:#9fef8f}.ts-next small{color:#7fcf74}.temper-btn svg{width:22px;height:22px;margin-right:4px}.temper-pick-h{justify-content:space-between;align-items:baseline;display:flex}.temper-pick-note{color:var(--muted);font-size:.76rem}.temper-pick{background:#0000006b;border:1px solid #d6b26a24;border-radius:5px;grid-template-columns:repeat(auto-fill,46px);gap:5px;padding:8px;display:grid;box-shadow:inset 0 2px 12px #000000b3}.temper-pick .cell{width:46px;height:46px}.temper-cell.maxed .ico{filter:saturate(.5)brightness(.8)}.worn-tag{z-index:3;color:#1b1206;background:var(--gold-1);border-radius:2px;padding:0 3px;font-size:.56rem;font-weight:700;position:absolute;top:2px;right:2px}@media (max-width:720px){.castle-card.temper{width:auto;max-height:66vh}.temper-top{grid-template-columns:96px minmax(0,1fr)}.anvil{width:96px;height:92px}.cc-mode-btn{min-height:40px}.ts-row{grid-template-columns:1fr 40px 100px}.temper-pick{grid-template-columns:repeat(auto-fill,42px);gap:4px;padding:6px}.temper-pick .cell{width:42px;height:42px}}.battle-vignette{background:radial-gradient(80% 75% at 50% 55%,#0000 50%,#050407b3 100%),linear-gradient(#0000 78%,#050407cc);position:absolute;inset:0;pointer-events:none!important}.battle-top{justify-content:center;align-items:center;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0;pointer-events:none!important}.battle-top>.btn{pointer-events:auto;position:absolute;top:14px;left:20px}.battle-title{border:1px solid var(--gold-4);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,16px 100%);background:linear-gradient(#140e18e6,#0a080cb3);border-top:0;justify-items:center;gap:2px;padding:8px 34px 10px;display:grid}.battle-title b{font-family:var(--f-title);color:var(--gold-1);letter-spacing:.1em;font-size:1.05rem}.unit-frame{width:180px;color:var(--parch);text-align:left;transition:border-color var(--t-med), box-shadow var(--t-med), opacity .6s;background:linear-gradient(#18121ce0,#08060ae0);border:1px solid #d6b26a4d;border-radius:4px;gap:4px;padding:6px 8px 7px;display:grid;box-shadow:0 6px 16px #0009}.foe-frame{cursor:pointer;position:absolute;top:0;left:0}.foe-frame:hover{border-color:var(--gold-3)}.unit-frame.sel{border-color:var(--gold-1);box-shadow:0 0 16px #f2be5a66,0 6px 16px #0009}.unit-frame.dead{opacity:0;pointer-events:none}.uf-name{font-family:var(--f-title);letter-spacing:.04em;color:#ffb3a8;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.hero-frame .uf-name{color:var(--gold-1);font-size:.95rem}.uf-tgt{border:1px solid var(--gold-3);width:8px;height:8px;transform:rotate(45deg)}.sel .uf-tgt{background:var(--gold-1);box-shadow:0 0 8px var(--gold-glow)}.hp{background:#0a0507;border:1px solid #000;border-radius:3px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #d6b26a2e}.hp i{position:absolute;top:0;bottom:0;left:0}.hp-ghost{opacity:.55;transition:width .5s var(--ease-in-out);background:#f0e0b0}.hp-fill{transition:width .26s var(--ease-out);background:linear-gradient(#e8574e,#a51f26 60%,#6e0f16);box-shadow:inset 0 1px #ffc8be66}.hero-frame .hp-fill{background:linear-gradient(#7fd36e,#2f8a2a 60%,#1a4f17)}.unit-frame.low .hp-fill{animation:.9s ease-in-out infinite low-hp}@keyframes low-hp{50%{filter:brightness(1.5)}}.hp-txt{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;place-items:center;font-size:.7rem;font-weight:700;display:grid;position:absolute;inset:0}.uf-buffs{flex-wrap:wrap;gap:4px;min-height:0;display:flex}.buff{color:#c8f5bf;background:#7fcf742e;border:1px solid #7fcf7480;border-radius:8px;padding:0 6px;font-size:.66rem}.buff.b-stun{color:#f6e6b8;background:#f0e0b026;border-color:#f0e0b080}.uf-hit{animation:.3s ease-out uf-hit}@keyframes uf-hit{30%{border-color:var(--bad);transform:translate(-4px)}}.foe-frame.uf-hit{animation:none}.battle-bottom{align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hero-frame{width:230px;padding:10px 12px}.hero-frame .hp{height:18px}.skill-bar{background:var(--grain) 0 0 / 180px 180px, linear-gradient(180deg, #221b26f2, #0a080cf2);border:1px solid var(--gold-4);border-radius:6px;gap:10px;padding:10px 14px;display:flex;box-shadow:0 0 0 1px #000,inset 0 1px #fff0c814,0 14px 36px #000000b3}@property --cd{syntax:"<angle>";inherits:false;initial-value:0deg}.skill{--acc:#e9c372;--acc-glow:#ffc86e8c;cursor:pointer;color:#ffe7a6;width:76px;height:76px;box-shadow:0 0 0 1px #000, 0 6px 14px #000000b3, 0 0 0 0 var(--acc-glow);transition:transform .14s var(--ease-out), box-shadow .22s, filter .22s;isolation:isolate;background:linear-gradient(#0b0809,#0b0809) padding-box padding-box,linear-gradient(155deg,#fff2c4 0%,#c99a45 22%,#5a3d17 50%,#b8893e 78%,#f6dc96 100%) border-box;border:3px solid #0000;border-radius:9px;padding:0;position:relative;overflow:hidden}.skill.k-magic{--acc:#c6a2ff;--acc-glow:#aa78ff99}.skill.k-buff,.skill.k-heal{--acc:#a8f09a;--acc-glow:#82e67880}.sk-ico{z-index:-1;border-radius:6px;position:absolute;inset:0;overflow:hidden}.sk-ico:after{content:"";box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--acc) 55%, transparent), inset 0 0 10px #000000b3;pointer-events:none;background:linear-gradient(#fff5dc29,#0000 34%),radial-gradient(120% 120% at 50% 40%,#0000 55%,#000000a6 100%);border-radius:6px;position:absolute;inset:0}.skill-art{width:100%;height:100%;display:block}.skill-art img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease-out), filter .3s;display:block;transform:scale(1.04)}.skill-art.glyph{color:var(--acc);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--acc) 28%, transparent), transparent 65%), linear-gradient(160deg, #2c1f12, #0d0907);filter:drop-shadow(0 0 6px var(--acc-glow));padding:14%}.skill-art.glyph svg{width:100%;height:100%}.skill:not(:disabled):hover{box-shadow:0 0 0 1px #000, 0 10px 18px #000000b3, 0 0 22px 2px var(--acc-glow);transform:translateY(-3px)}.skill:not(:disabled):hover .skill-art img{filter:brightness(1.15)saturate(1.1);transform:scale(1.12)}.skill:not(:disabled):active{transform:translateY(0)scale(.96)}.skill:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.skill.pressed{animation:pop .3s var(--ease-out)}.skill:disabled{cursor:default}.skill-bar.busy .skill:not(.cooling) .skill-art{filter:saturate(.55)brightness(.72)}.sk-cd{background:conic-gradient(from 0deg, transparent calc(var(--cd,0deg) - 3deg), #ffe296e6 calc(var(--cd,0deg) - 1deg), transparent var(--cd,0deg)), conic-gradient(#060408bd var(--cd,0deg), transparent 0);opacity:0;pointer-events:none;border-radius:6px;transition:opacity .2s,--cd .4s;position:absolute;inset:0}.skill.cooling .sk-cd{opacity:1}.skill.cooling .skill-art{filter:grayscale(.85)brightness(.62)}.sk-cdn{font-family:var(--f-title);color:#fff6dc;text-shadow:0 0 8px #000000e6,0 2px 3px #000;pointer-events:none;place-items:center;font-size:1.8rem;font-weight:700;display:grid;position:absolute;inset:0}.sk-glint{opacity:0;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff8dcbf 50%,#0000 65%) -150% 0/250% 100% no-repeat;border-radius:6px;position:absolute;inset:0}.skill.ready .sk-glint{animation:sk-glint .7s var(--ease-out)}.skill.ready{animation:sk-ready .7s var(--ease-out)}@keyframes sk-glint{0%{opacity:1;background-position:-150% 0}to{opacity:1;background-position:150% 0}}@keyframes sk-ready{40%{box-shadow:0 0 0 1px #000, 0 6px 14px #000000b3, 0 0 26px 4px var(--acc-glow)}}.skill kbd{color:#1b1206;background:linear-gradient(#f6dc96,#b8893e);border:1px solid #000;border-radius:3px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.64rem;line-height:1;display:grid;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 2px #000000b3}@media (hover:none){.skill kbd{display:none}}.tts-head{grid-template-columns:44px 1fr;align-items:center;gap:10px;margin-bottom:6px;display:grid}.tts-ico{--acc:#e9c372;border:1px solid var(--gold-3);border-radius:6px;width:44px;height:44px;overflow:hidden;box-shadow:0 0 0 1px #000,0 2px 6px #0009}.tts-ico.k-magic{--acc:#c6a2ff}.tts-ico.k-buff,.tts-ico.k-heal{--acc:#a8f09a}.battle-log{text-shadow:0 1px 2px #000;gap:2px;width:300px;font-size:.84rem;display:grid;position:absolute;bottom:18px;right:18px;pointer-events:none!important}.bl{color:var(--parch-2);animation:msg-in .26s var(--ease-out)}.bl.hero{color:#f6dc96}.bl.foe{color:#ff9d90}.bl.sys{color:var(--muted);font-style:italic}.battle-banner{z-index:20;place-items:center;display:grid;position:absolute;inset:0;pointer-events:none!important}.battle-banner.modal-on{animation:fade-in .5s var(--ease-out);background:radial-gradient(#05040766,#050407d1);pointer-events:auto!important}.bb{font-family:var(--f-logo);letter-spacing:.08em;background:linear-gradient(#fff6d6,#e8c070 50%,#8a5a1c);color:#0000;filter:drop-shadow(0 3px #1a1007)drop-shadow(0 0 30px #f2be5a80);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,7vw,5rem);font-weight:900}.bb-in{animation:bb-in .6s var(--ease-out) both}.bb-out{animation:bb-out .4s var(--ease-in-out) both}@keyframes bb-in{0%{opacity:0;letter-spacing:.5em;transform:scale(1.6)}}@keyframes bb-out{to{opacity:0;transform:scale(.9)}}.result{text-align:center;width:min(480px,100vw - 32px);animation:modal-in .6s var(--ease-out) both;justify-items:center;gap:16px;padding:30px 30px 26px;display:grid}.result:before{inset:6px}.result-title{font-family:var(--f-logo);letter-spacing:.06em;background:linear-gradient(#fff6d6,#e8c070 50%,#8a5a1c);color:#0000;filter:drop-shadow(0 3px #1a1007)drop-shadow(0 0 26px #f2be5a8c);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:900;line-height:1}.result.lose .result-title{background:linear-gradient(#ffd0c8,#d8414a 55%,#5a0f16);filter:drop-shadow(0 3px #1a0505)drop-shadow(0 0 26px #d8414a80);-webkit-background-clip:text;background-clip:text}.rewards{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.reward{background:var(--well);min-width:86px;animation:card-in .5s var(--ease-out) both;border:1px solid #d6b26a33;border-radius:4px;justify-items:center;gap:2px;padding:10px 12px;display:grid}.reward:nth-child(2){animation-delay:.12s}.reward img{object-fit:contain;width:34px;height:34px}.reward b{color:var(--gold-0);font-size:1.2rem}.reward span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem}.reward-item{width:64px;height:64px;animation:card-in .5s var(--ease-out) .24s both;align-self:center}@media (max-width:720px){.battle-bottom{flex-direction:column;align-items:stretch;gap:8px;bottom:10px;left:8px;right:8px;transform:none}.hero-frame{width:auto}.skill-bar{justify-content:space-between;padding:8px}.skill{width:62px;height:62px}.battle-log{display:none}.unit-frame.foe-frame{width:140px}.battle-top>.btn{top:8px;left:8px}.battle-title{padding:6px 22px 8px}.result-title{font-size:2.4rem}}.screen-flash{mix-blend-mode:screen;animation:.42s ease-out forwards screen-flash;position:absolute;inset:0;pointer-events:none!important}.screen-flash.crit{background:radial-gradient(at 60%,#ffe6a08c,#ffb45026 60%,#0000)}.screen-flash.hurt{background:radial-gradient(at 30%,#0000 30%,#c8141e73)}@keyframes screen-flash{0%{opacity:1}to{opacity:0}}.result-back{white-space:nowrap;padding-inline:34px}.battle-title .bt-turn{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.screen-flash.holy{background:radial-gradient(at 70% 40%,#fffff0b3,#ffecb440 55%,#0000)}.bb.boss span{color:#fff3d0;text-shadow:0 0 24px #fff0c8cc,0 3px #1a1007}.tier-scrim{background:radial-gradient(#14081e73,#050407d9)}.tier-dlg{text-align:center;width:min(1040px,100%);max-height:calc(100vh - 32px);animation:modal-in .42s var(--ease-out) both;padding:26px 28px 24px;overflow:auto}.tier-dlg h3{font-size:1.3rem}.tier-sub{margin:4px 0 18px;font-size:1.1rem}.tier-cards{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tier-card{--tc:#b98cff;text-align:left;background:radial-gradient(90% 60% at 50% 0%, color-mix(in srgb, var(--tc) 18%, transparent), transparent 70%), linear-gradient(180deg, #1a1420f2, #0a080cf2);color:var(--parch);cursor:pointer;transition:transform var(--t-fast), border-color var(--t-med), box-shadow var(--t-med), filter var(--t-med);border:1px solid #d6b26a38;border-radius:6px;align-content:start;gap:10px;padding:14px 14px 12px;display:grid;position:relative}.tier-card.t2{--tc:#8aff4a}.tier-card.t3{--tc:#fff0c0}.tier-card:hover:not(.locked){border-color:color-mix(in srgb, var(--tc) 60%, transparent);transform:translateY(-3px)}.tier-card.on{border-color:var(--gold-1);box-shadow:0 0 0 1px var(--gold-2), 0 0 28px color-mix(in srgb, var(--tc) 35%, transparent), inset 0 0 30px color-mix(in srgb, var(--tc) 10%, transparent)}.tier-card.locked{cursor:not-allowed;filter:grayscale(.85)brightness(.62)}.tc-head{grid-template-columns:52px 1fr auto;align-items:center;gap:10px;display:grid}.tc-ico{width:52px;height:52px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--tc) 50%, transparent))}.tc-num{font-family:var(--f-title);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:.66rem;font-weight:700}.tc-name{font-family:var(--f-title);color:var(--gold-1);font-size:1.05rem;font-weight:700;line-height:1.15}.tc-lock{width:22px;height:22px;color:var(--gold-3)}.tc-lock svg{width:100%;height:100%}.tc-flavor{min-height:2.6em;font-family:var(--f-body);color:var(--parch-2);margin:0;font-size:.98rem;font-style:italic;line-height:1.25}.tc-foes{gap:6px;display:flex}.tc-foe{background:radial-gradient(circle at 50% 40%,#5a3c6e59,#00000080 75%);border:1px solid #d6b26a1a;border-radius:4px;flex:1;justify-items:center;gap:2px;min-width:0;padding:4px 2px 5px;display:grid}.tc-foe img{object-fit:contain;filter:drop-shadow(0 4px 6px #000c);width:64px;height:64px}.tc-foe span{color:var(--parch-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;overflow:hidden}.tc-foe.boss{border-color:#fff0c866;box-shadow:inset 0 0 18px #fff0c81f}.tc-foe.boss span{color:#fff0c0;font-weight:700}.tc-rewards{border-top:1px solid var(--gold-hair);flex-wrap:wrap;align-items:center;gap:6px 12px;padding-top:8px;display:flex}.tc-rw{color:var(--muted);align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.tc-rw img{width:20px;height:20px}.tc-rw b{color:var(--gold-1);font-size:.9rem}.tc-gear{flex-wrap:wrap;align-items:baseline;gap:2px 8px;width:100%;font-size:.76rem;display:flex}.tc-gear .eyebrow{font-size:.56rem}.tc-boss{color:#fff0c0;width:100%;font-size:.76rem}.tc-req{font-family:var(--f-title);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.tc-req.bad{color:#ff8d86}.tier-acts{margin-top:18px!important}.tier-enter{min-width:240px}.foe-frame{z-index:5;width:196px}.uf-intent{color:#ffd0b8;white-space:nowrap;background:#3c140abf;border:1px solid #ff8c5a73;border-radius:3px;align-items:center;gap:5px;margin:-2px -4px 2px;padding:3px 7px;font-size:.72rem;line-height:1.2;display:none;overflow:hidden}.uf-intent.on{animation:intent-in .32s var(--ease-out);display:flex}@keyframes intent-in{0%{opacity:0;transform:translateY(4px)}}.uf-intent b{font-family:var(--f-title);color:#fff;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.ui-ico{flex:none;width:13px;height:13px}.ui-ico svg{width:100%;height:100%}.ui-what{letter-spacing:.06em;opacity:.85;margin-left:auto;font-size:.66rem}.uf-intent.s-heavy{color:#ffb0a0;background:#5a0a0ad9;border-color:#ff503cbf;box-shadow:0 0 12px #ff3c2859}.uf-intent.s-charge{color:#fff3d0;animation:intent-in .32s var(--ease-out), charge-pulse 1s ease-in-out infinite;background:#463c1ee6;border-color:#fff0becc;box-shadow:0 0 16px #fff0c873}@keyframes charge-pulse{50%{box-shadow:0 0 26px #fff0c8bf}}.uf-intent.s-poison{color:#d8ffb8;background:#14320ad9;border-color:#96ff5a99}.uf-intent.s-buff,.uf-intent.s-guard{color:#dce6ff;background:#1e1e32d9;border-color:#bed2ff80}.uf-boss{font-family:var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:#1b1206;background:linear-gradient(#fff3d0,#d6b26a);border-radius:2px;margin-left:auto;padding:0 5px;font-size:.6rem}.foe-frame.boss{border-color:#fff0c873;width:240px}.st-chip{border:1px solid;border-radius:10px;align-items:center;gap:2px;height:20px;padding:0 5px 0 3px;font-size:.68rem;font-weight:700;display:inline-flex}.st-ico{width:14px;height:14px}.st-ico svg{width:100%;height:100%}.st-chip.t-good{color:#c8f5bf;background:#3c8c324d;border-color:#7fcf7499}.st-chip.t-foe-good{color:#ffc8a0;background:#96461459;border-color:#ff965099}.st-chip.t-bad{color:#d8ffb8;background:#286e1459;border-color:#96ff5a99}.st-chip.st-poison{animation:1.6s ease-in-out infinite poison-drip}@keyframes poison-drip{50%{box-shadow:0 0 10px #96ff5a73}}.st-chip.t-warn{color:#fff0c0;background:#78642859;border-color:#ffe69699}.sk-sep{background:linear-gradient(180deg, transparent, var(--gold-3), transparent);align-self:stretch;width:1px;margin:4px 2px}.skill.potion{--acc:#ff6a7a;--acc-glow:#ff5a6e8c}.skill.potion .skill-art img{object-fit:cover}.pot-n{font-family:var(--f-title);color:#fff;text-shadow:0 0 4px #000,0 1px 2px #000;font-size:1.05rem;font-weight:700;position:absolute;bottom:2px;right:4px}.skill.potion.empty .skill-art,.skill.potion.full .skill-art{filter:grayscale(.9)brightness(.55)}.skill.potion.empty .pot-n{color:#ff8d86}.result.win{width:min(620px,100vw - 32px);overflow:hidden}.result>*{position:relative}.rs-rays{pointer-events:none;background:repeating-conic-gradient(from 0deg, #ffdc8c29 0 6deg, transparent 6deg 18deg);width:520px;height:520px;margin-top:-260px;margin-left:-260px;animation:24s linear infinite rays;top:48px;left:50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 62%);mask-image:radial-gradient(circle,#000 20%,#0000 62%);position:absolute!important}@keyframes rays{to{transform:rotate(360deg)}}.result.best-epic .rs-rays{background:repeating-conic-gradient(from 0deg, #c88cff33 0 6deg, transparent 6deg 18deg)}.result.best-legendary .rs-rays{background:repeating-conic-gradient(from 0deg, #ffb44642 0 6deg, transparent 6deg 18deg)}.rs-xp{width:100%;color:var(--parch-2);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.82rem;display:grid}.rs-lvl{font-family:var(--f-title);color:var(--gold-1)}.rs-xp .xp-bar{height:10px}.loot-row{flex-wrap:wrap;justify-content:center;gap:14px 18px;min-height:112px;padding-top:6px;display:flex}.loot-slot{--lc:#c8c8c899;opacity:0;align-content:start;justify-items:center;gap:6px;width:92px;display:grid;position:relative;transform:translateY(14px)scale(.6)}.loot-slot[data-rarity=uncommon]{--lc:#6edc64d9}.loot-slot[data-rarity=rare]{--lc:#5aa0fff2}.loot-slot[data-rarity=epic]{--lc:#be78ff}.loot-slot[data-rarity=legendary]{--lc:#ffb43c}.loot-slot.in{animation:.52s cubic-bezier(.2,1.4,.4,1) forwards loot-in}@keyframes loot-in{0%{opacity:0;transform:translateY(14px)scale(.6)}60%{opacity:1;transform:translateY(-4px)scale(1.12)}to{opacity:1;transform:none}}.loot-cell{z-index:1;width:64px;height:64px}.loot-glow{background:radial-gradient(closest-side, var(--lc), transparent);opacity:0;pointer-events:none;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;top:32px;left:50%;position:absolute!important}.loot-slot.in .loot-glow{animation:1.4s ease-out forwards loot-glow}@keyframes loot-glow{0%{opacity:0;transform:scale(.3)}25%{opacity:.95;transform:scale(1.1)}to{opacity:.35;transform:scale(.9)}}.loot-beam{background:linear-gradient(0deg, var(--lc), transparent 92%);opacity:0;transform-origin:50% 100%;mix-blend-mode:screen;pointer-events:none;width:54px;height:260px;margin-left:-27px;bottom:40px;left:50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000);position:absolute!important}.loot-slot.beam .loot-beam{animation:1.6s ease-out forwards loot-beam}@keyframes loot-beam{0%{opacity:0;transform:scaleY(.1)}20%{opacity:1;transform:scaleY(1)}to{opacity:.4;transform:scaleY(1)}}.loot-name{font-family:var(--f-title);text-align:center;text-shadow:0 1px 3px #000;font-size:.72rem;font-weight:700;line-height:1.15}.loot-slot.taken{transition:opacity .3s;opacity:.3!important}.loot-fly{transition:transform .42s cubic-bezier(.5,0,.7,.4),opacity .42s!important}.rs-levelup{opacity:0;background:linear-gradient(90deg,#0000,#f2be5a2e,#0000);border-top:1px solid #f2cd7866;border-bottom:1px solid #f2cd7866;border-radius:5px;align-items:center;gap:12px;padding:10px 18px;display:flex;transform:scale(.8)}.rs-levelup.in{animation:.7s cubic-bezier(.2,1.4,.4,1) forwards lvl-in}@keyframes lvl-in{to{opacity:1;transform:none}}.rs-levelup img{filter:drop-shadow(0 0 10px #f2be5ab3);width:44px;height:44px}.rs-levelup b{font-family:var(--f-logo);color:var(--gold-0);text-shadow:0 0 18px #f2be5ab3;text-align:left;font-size:1.5rem;display:block}.rs-levelup span{color:var(--parch-2);font-size:.82rem}.rs-acts{align-items:center;gap:14px;display:flex}.rs-bag{background:radial-gradient(circle,#f2be5a33,#00000080 70%);border:1px solid #d6b26a59;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.rs-bag img{width:36px;height:36px}.rs-take{white-space:nowrap;padding-inline:34px}.result-tips{text-align:left;color:var(--parch-2);background:#00000059;border:1px solid #d6b26a24;border-radius:4px;gap:4px;margin:0;padding:10px 14px 10px 30px;font-size:.88rem;display:grid}.result.lose{width:min(520px,100vw - 32px)}@media (max-width:720px){.tier-dlg{padding:18px 14px 16px}.battle-title .eyebrow,.battle-title .bt-turn{display:none}.battle-title b{font-size:.9rem}.tier-sub{margin-bottom:10px}.tier-cards{grid-template-columns:1fr;gap:8px}.tier-card{gap:6px;padding:10px 12px}.tc-flavor{display:none}.tc-foe img{width:44px;height:44px}.tc-ico{width:40px;height:40px}.tc-head{grid-template-columns:40px 1fr auto}.foe-frame,.unit-frame.foe-frame{width:150px}.foe-frame.boss{width:176px}.ui-what{display:none}.skill.potion{width:54px;height:62px}.sk-sep{display:none}.loot-slot{width:74px}.rs-rays{width:360px;height:360px;margin-top:-180px;margin-left:-180px}}.shop-win{left:50%;top:calc(var(--topbar-h) + 22px);width:min(1180px,100vw - 32px);max-height:calc(100vh - var(--topbar-h) - 40px);z-index:17;pointer-events:auto;opacity:0;transition:opacity .22s var(--ease-out), transform .3s var(--ease-out);grid-template-columns:220px minmax(0,1fr);display:grid;position:absolute;transform:translate(-50%,12px)scale(.985)}.shop-win.open{opacity:1;transform:translate(-50%)scale(1)}.shop-win.closing{opacity:0;pointer-events:none;transform:translate(-50%,10px)scale(.99)}.shop-nudge{animation:shop-nudge .36s var(--ease-out)}@keyframes shop-nudge{30%{transform:translate(-50%,-6px)scale(1.005)}}.shop-close{z-index:3;width:34px;height:34px;position:absolute;top:10px;right:12px}.shop-portrait{border-right:1px solid var(--gold-hair);background:radial-gradient(80% 50% at 50% 28%,#f2be5a33,#0000 70%),linear-gradient(#241c28,#0e0b11);flex-direction:column;justify-content:flex-end;gap:8px;min-height:520px;padding:16px 16px 18px;display:flex;position:relative;overflow:hidden}.shop-art-wrap{pointer-events:none;height:78%;position:absolute;inset:0 0 auto}.shop-art{object-fit:cover;object-position:50% 6%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 62%,#0000 98%);mask-image:linear-gradient(#000 62%,#0000 98%)}.shop-id,.shop-lore,.shop-purse{position:relative}.shop-name{font-family:var(--f-title);color:var(--gold-1);text-shadow:0 2px 8px #000;font-size:1.12rem;font-weight:700;line-height:1.15}.shop-lore{color:var(--parch-2);text-shadow:0 1px 6px #000;margin:0;line-height:1.25;font-size:.98rem!important}.shop-purse{background:#0009;border:1px solid #d6b26a4d;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:inset 0 0 14px #f2be5a14}.shop-purse img{filter:drop-shadow(0 0 6px #f2be5a80);width:28px;height:28px}.shop-purse b{font-family:var(--f-title);color:var(--gold-0);text-shadow:0 0 12px #f2be5a80;font-size:1.35rem}.shop-purse b.up{color:#c4ff9a}.shop-purse b.down{color:#ffb0a0}.shop-purse span{color:var(--muted);font-size:.82rem}.purse-pop{animation:purse-pop .42s var(--ease-out)}@keyframes purse-pop{40%{transform:scale(1.06);box-shadow:inset 0 0 20px #f2be5a59,0 0 22px #f2be5a80}}.shop-float{font-family:var(--f-title);pointer-events:none;animation:shop-float 1.3s var(--ease-out) forwards;font-size:1rem;font-weight:700;position:absolute;top:-6px;right:12px}.shop-float.up{color:#9fef8f;text-shadow:0 0 10px #82f07899}.shop-float.down{color:#ffb0a0;text-shadow:0 0 10px #ff786480}@keyframes shop-float{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.shop-main{grid-template-columns:minmax(0,1fr) 430px;gap:22px;min-height:0;padding:18px 22px 20px;display:grid;overflow:auto}.shop-col{align-content:start;gap:10px;min-width:0;display:grid}.shop-h{justify-content:space-between;align-items:baseline;padding-right:40px;display:flex}.shop-buy .shop-h{padding-right:0}.shop-sellcol .shop-h{padding-right:48px}.shop-hint{margin:2px 4px 0}.shop-h-note{color:var(--muted);font-size:.78rem}.shop-stock{gap:4px;max-height:486px;padding-right:4px;display:grid;overflow:auto}.shop-row{transition:background var(--t-med), border-color var(--t-med), transform var(--t-fast);background:linear-gradient(90deg,#00000061,#0000002e);border:1px solid #d6b26a14;border-radius:4px;grid-template-columns:46px minmax(0,1fr) auto auto 70px;align-items:center;gap:12px;padding:5px 8px 5px 5px;display:grid}.shop-row:hover{background:linear-gradient(90deg,#f2be5a1a,#0003);border-color:#d6b26a42}.shop-row .cell{cursor:default;width:46px;height:46px}.shop-row.unusable .shop-iname{opacity:.75}.shop-txt{min-width:0}.shop-iname{font-family:var(--f-title);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}.shop-sub{color:var(--muted);white-space:nowrap;gap:8px;font-size:.74rem;display:flex;overflow:hidden}.shop-req{color:var(--parch-2)}.shop-req.bad{color:#ff7a70;font-weight:700}.shop-stat{color:#9fef8f;white-space:nowrap;font-size:.8rem;font-weight:700}.shop-price{justify-content:flex-end;align-items:center;gap:5px;min-width:70px;display:inline-flex}.shop-price img{width:18px;height:18px}.shop-price b{font-family:var(--f-title);color:var(--gold-1);font-size:.95rem}.shop-price.short b{color:#ff7a70}.shop-buy-btn{min-height:30px;padding:0 14px}.shop-bought{animation:shop-bought .52s var(--ease-out)}@keyframes shop-bought{0%{background:#f2cd7859;box-shadow:0 0 18px #f2cd7880}to{background:linear-gradient(90deg,#00000061,#0000002e)}}.shop-sell{transition:border-color var(--t-med), background var(--t-med), box-shadow var(--t-med), transform var(--t-fast);background:#00000059;border:1px dashed #d6b26a66;border-radius:5px;align-items:center;gap:12px;padding:10px 14px;display:flex}.shop-sell b{font-family:var(--f-title);color:var(--gold-1);font-size:.86rem;display:block}.shop-sell-val{color:var(--muted);font-size:.8rem}.shop-sell-ico{background:radial-gradient(circle,#f2be5a40,#0000 70%);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.shop-sell-ico img{width:30px;height:30px}.shop-sell.can-take{border-style:solid;border-color:var(--gold-2);animation:1.1s ease-in-out infinite can-take;box-shadow:0 0 16px #f2be5a4d}.shop-sell.drop-ok{border-color:var(--gold-0);background:#f2be5a24;animation:none;transform:scale(1.02);box-shadow:0 0 26px #f2cd7899,inset 0 0 24px #f2be5a33}.shop-sell.drop-ok .shop-sell-val{color:#ffe9b0}.shop-sell.drop-bad{border-color:var(--bad)}.shop-win .bag-grid{grid-template-columns:repeat(8,46px);gap:4px;padding:8px}.shop-win .bag-grid .cell{width:46px;height:46px}.shop-fly{transition:transform .36s cubic-bezier(.3,.7,.3,1),opacity .36s!important}@media (max-width:1100px){.shop-main{grid-template-columns:1fr}.shop-stock{max-height:320px}.shop-win .bag-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.shop-win .bag-grid .cell{aspect-ratio:1;width:100%;height:auto}}@media (max-width:720px){.shop-win{left:6px;right:6px;top:calc(var(--topbar-h) + 6px);width:auto;max-height:calc(100vh - var(--topbar-h) - 12px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;transform:translateY(16px)}.shop-win.open{transform:none}.shop-win.closing{transform:translateY(16px)}.shop-portrait{border-right:0;border-bottom:1px solid var(--gold-hair);grid-template-columns:70px 1fr;grid-template-areas:"art id""art purse";align-items:center;gap:4px 12px;min-height:0;padding:10px 56px 10px 10px;display:grid}.shop-art-wrap{width:70px;height:70px;box-shadow:0 0 0 1px var(--gold-3), 0 0 0 3px #000000b3;background:radial-gradient(circle at 50% 30%,#f2be5a40,#120e14 70%);border-radius:50%;grid-area:art;position:relative;overflow:hidden}.shop-art{object-fit:contain;width:340px;height:auto;inset:-178px auto auto 50%;transform:translate(-50%);-webkit-mask-image:none;mask-image:none}.shop-id{grid-area:id}.shop-purse{grid-area:purse;justify-self:start;padding:4px 10px}.shop-purse b{font-size:1.1rem}.shop-lore{display:none}.shop-main{gap:14px;padding:12px 10px 14px}.shop-row{grid-template-columns:42px minmax(0,1fr) auto 64px;gap:8px}.shop-row .cell{width:42px;height:42px}.shop-stat{display:none}.shop-price{min-width:0}.shop-buy-btn{min-height:40px;padding:0 10px}.shop-tabs .bag-tab{letter-spacing:.06em;min-height:40px;padding:4px 2px;font-size:.56rem}.shop-h,.shop-sellcol .shop-h{padding-right:0}.shop-win .bag-grid{gap:3px;padding:4px}}.zone-fade{opacity:0;pointer-events:none;z-index:40;background:radial-gradient(at 50% 60%,#0a080c8c,#050407 70%);transition:opacity .26s ease-in;position:absolute;inset:0}.zone-fade.on{opacity:1;pointer-events:auto}.zone-banner{pointer-events:none;z-index:14;text-align:center;animation:zb-in .9s var(--ease-out) both;justify-items:center;gap:6px;display:grid;position:absolute;top:22%;left:50%;transform:translate(-50%)}.zone-banner.out{animation:.9s ease-in both zb-out}.zb-title{font-family:var(--f-logo);letter-spacing:.14em;color:var(--gold-0);text-shadow:0 2px #000,0 0 24px #ffbe6e8c,0 0 60px #000000e6;white-space:nowrap;font-size:clamp(30px,4.4vw,58px);font-weight:700}.zb-sub{font-family:var(--f-title);letter-spacing:.2em;color:var(--parch-2);text-shadow:0 1px #000,0 0 14px #000000e6;font-size:clamp(15px,1.6vw,20px);font-weight:600}.zb-rule{background:linear-gradient(90deg, transparent, var(--gold-line), transparent);width:min(420px,70vw);height:1px}.zone-banner[data-zone=ashwood] .zb-title{text-shadow:0 2px #000,0 0 26px #ff783299,0 0 60px #000000e6}.zone-banner[data-zone=mine_gate] .zb-title{text-shadow:0 2px #000,0 0 26px #a46bffa6,0 0 60px #000000e6}.zone-banner[data-zone=sanctum] .zb-title{text-shadow:0 2px #000,0 0 26px #ffecbeb3,0 0 60px #000000e6}@keyframes zb-in{0%{opacity:0;letter-spacing:.3em;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes zb-out{to{opacity:0;transform:translate(-50%,-10px)}}.map-pin.zgate{background:#ffd68c;border:2px solid #000;border-radius:9px 9px 2px 2px;width:16px;height:18px;transform:translate(-50%,-60%);box-shadow:0 0 12px #ffc878cc}.lg.zgate{background:#ffd68c;border-radius:6px 6px 1px 1px}body.kr-mob-hover #app canvas{cursor:pointer}.travel-channel{opacity:0;pointer-events:none;width:min(460px,100vw - 32px);transition:opacity .2s ease, transform .3s var(--ease-out);z-index:16;gap:7px;padding:10px 14px 12px;display:grid;position:absolute;bottom:120px;left:50%;transform:translate(-50%,10px)}.travel-channel.on{opacity:1;transform:translate(-50%)}.tc-head{font-family:var(--f-title);letter-spacing:.08em;color:var(--gold-1);justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;display:flex}.tc-head>:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tc-head small{white-space:nowrap;font-family:var(--f-ui);letter-spacing:0;color:var(--muted);flex:none;font-size:13px}.tc-bar{background:var(--well);height:8px;box-shadow:inset 0 0 0 1px var(--gold-hair);border-radius:4px;overflow:hidden}.tc-fill{background:linear-gradient(90deg, var(--gold-4), var(--gold-1));width:0;height:100%;box-shadow:0 0 10px var(--gold-glow)}.map-tabs{gap:6px;margin-bottom:10px;display:flex}.wm-frame{aspect-ratio:1.6;border-radius:var(--r-md);width:100%;box-shadow:inset 0 0 0 1px var(--gold-line), 0 10px 30px #0009;background:radial-gradient(at 40% 55%,#785c3c59,#0000 65%),radial-gradient(at 80% 15%,#8c785a33,#0000 50%),linear-gradient(160deg,#2a221b,#15110e 70%);position:relative;overflow:hidden}.wm-img,.wm-roads{width:100%;height:100%;position:absolute;inset:0}.wm-img{object-fit:cover}.wm-roads{pointer-events:none}.wm-frame.painted .wm-roads{display:none}.wm-note{font:600 13px var(--f-ui);color:#fff0d24d;pointer-events:none;position:absolute;bottom:8px;right:10px}.wm-node{min-width:44px;min-height:44px;color:var(--parch);cursor:pointer;text-align:center;background:0 0;border:0;justify-items:center;gap:2px;padding:4px 6px;display:grid;position:absolute;transform:translate(-50%,-50%)}.wm-node .wm-dot{background:radial-gradient(circle at 40% 35%, var(--gold-0), var(--gold-2) 60%, var(--gold-4));width:18px;height:18px;box-shadow:0 0 14px var(--gold-glow);transition:transform var(--t-med) var(--ease-out), box-shadow var(--t-med);border:2px solid #000;border-radius:50%}.wm-node b,.wm-node small{background:#0e0a0899;border-radius:6px;padding:0 6px}.wm-node b{font:700 14px var(--f-title);letter-spacing:.05em;white-space:nowrap;text-shadow:0 1px #000,0 0 8px #000,0 0 14px #000}.wm-node small{font:600 13px var(--f-ui);color:var(--parch-2);white-space:nowrap;text-shadow:0 1px #000,0 0 8px #000}.wm-node:hover .wm-dot,.wm-node:focus-visible .wm-dot{box-shadow:0 0 22px var(--gold-glow), 0 0 4px #fff;transform:scale(1.25)}.wm-node.here .wm-dot{background:radial-gradient(circle at 40% 35%, #fff, var(--gold-1) 55%, var(--gold-3));animation:1.6s ease-in-out infinite wm-here}.wm-node.here{cursor:default}.wm-node.locked{cursor:not-allowed;color:var(--muted)}.wm-node.locked .wm-dot{box-shadow:none;background:radial-gradient(circle at 40% 35%,#8a7c70,#4a3f38 70%)}.wm-node.locked small{color:#c98a80}.wm-node.future{cursor:default;opacity:.55;filter:grayscale()}.wm-node.future .wm-dot{box-shadow:none;background:#3a3530;border-style:dashed}.wm-node.edge-r{text-align:right;justify-items:end;transform:translate(calc(26px - 100%),-50%)}.wm-node.target .wm-dot{box-shadow:0 0 0 3px var(--gold-1), 0 0 26px var(--gold-glow)}.wm-you{font:700 13px var(--f-ui);color:#fff;box-shadow:inset 0 0 0 1px var(--gold-line);pointer-events:none;white-space:nowrap;background:#140e0ad9;border-radius:9px;padding:1px 7px;position:absolute;transform:translate(-50%,calc(-100% - 34px))}@keyframes wm-here{50%{box-shadow:0 0 0 6px #ffecbe2e, 0 0 26px var(--gold-glow)}}.wm-legend{font:500 13px var(--f-ui);color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:10px;display:flex}@media (max-width:720px){.travel-channel{bottom:calc(var(--actionbar-h,64px) + 150px)}.tc-head small{display:none}.wm-scroll{overscroll-behavior-x:contain;margin:0 -4px;padding:0 4px 6px;overflow-x:auto}.wm-scroll .wm-frame{width:640px;max-width:none}.wm-node b{font-size:13px}}.uf-lvl{font:700 12px var(--f-ui);color:var(--parch-2);box-shadow:inset 0 0 0 1px var(--gold-hair);background:#00000073;border-radius:7px;margin-left:6px;padding:0 5px}.party-frame{left:14px;top:calc(var(--topbar-h) + 14px);border-radius:var(--r-md);border:1px solid var(--gold-hair);z-index:6;background:linear-gradient(#16111adb,#08060acc);width:214px;padding:6px 6px 7px;display:none;position:absolute;box-shadow:0 8px 22px #00000080}.party-frame.on{display:block}.party-frame.pf-pop{animation:pf-pop .42s var(--ease-out)}@keyframes pf-pop{0%{opacity:0;transform:translate(-12px)}}.pf-head{border-bottom:1px solid var(--gold-hair);align-items:center;gap:6px;margin-bottom:4px;padding:0 2px 5px;display:flex}.pf-head img{border-radius:50%;width:22px;height:22px}.pf-head .eyebrow{flex:1}.pf-n{font:600 13px var(--f-ui);color:var(--muted)}.pf-leave{width:30px;height:30px}.pf-leave svg{width:15px;height:15px}.pf-list{gap:3px;display:grid}.pf-row{border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--parch);text-align:left;cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast);background:#fff0d208;border:1px solid #0000;align-items:center;gap:8px;padding:3px 6px 3px 3px;display:flex}.pf-row:hover{border-color:var(--gold-hair);background:#fff0d212}.pf-row.me{background:#f2d99514}.pf-row.off{opacity:.55;filter:grayscale(.7)}.pf-ico{flex:none;width:34px;height:34px;position:relative}.pf-ico img{width:100%;height:100%;box-shadow:0 0 0 1px var(--gold-4);border-radius:50%}.pf-dot{background:#5a524a;border:2px solid #0c0a0e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.pf-dot.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.pf-txt{min-width:0;line-height:1.15;display:grid}.pf-name{font:700 14px var(--f-ui);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:flex;overflow:hidden}.pf-crown{color:var(--gold-1);filter:drop-shadow(0 0 4px var(--gold-glow));display:inline-flex}.pf-crown svg{width:14px;height:14px}.pf-txt small{font:500 13px var(--f-ui);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-where.here{color:var(--ok)}.social-overlay{pointer-events:none;z-index:60;position:fixed;inset:0}.social-overlay>*{pointer-events:auto}.invites{left:50%;top:calc(var(--topbar-h,60px) + 16px);pointer-events:none;gap:10px;width:min(440px,100vw - 24px);display:grid;position:absolute;transform:translate(-50%)}.invite{pointer-events:auto;background:linear-gradient(#1e1722f7,#0c090ef7);grid-template-columns:48px 1fr auto;grid-template-areas:"ico body secs""acts acts acts";align-items:center;gap:8px 12px;padding:12px 14px;display:grid;position:relative}.invite.duel{box-shadow:0 0 0 1px #e2545a66,0 14px 40px #000000b3,0 0 30px #e2545a2e}.invite.inv-in{animation:inv-in .36s var(--ease-out)}@keyframes inv-in{0%{opacity:0;transform:translateY(-16px)scale(.97)}}.inv-ico{width:48px;height:48px;box-shadow:0 0 0 1px var(--gold-3), 0 0 14px var(--gold-glow);border-radius:50%;grid-area:ico}.inv-body{grid-area:body;gap:3px;min-width:0;display:grid}.inv-text{font:500 15px var(--f-ui);color:var(--parch)}.inv-text b{color:var(--gold-1)}.inv-time{background:var(--well);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.inv-time-fill{background:linear-gradient(90deg, var(--gold-4), var(--gold-1));width:100%;height:100%;transition:width .25s linear;display:block}.invite.urgent .inv-time-fill{background:linear-gradient(90deg, #8e1d2a, var(--bad))}.inv-secs{width:40px;height:40px;font:700 16px var(--f-ui);color:var(--gold-1);box-shadow:inset 0 0 0 2px var(--gold-hair);border-radius:50%;grid-area:secs;place-items:center;display:grid}.invite.urgent .inv-secs{color:var(--bad);box-shadow:inset 0 0 0 2px #e2545a80}.inv-acts{grid-area:acts;justify-content:flex-end;gap:10px;display:flex}.inv-acts .btn{min-width:112px;min-height:40px}.arena-pill{font:600 14px var(--f-ui);color:var(--parch);background:linear-gradient(#1e1722f2,#0c090ef2);align-items:center;gap:10px;padding:6px 8px 6px 10px;display:none;position:absolute;bottom:18px;right:16px}.arena-pill.on{animation:inv-in .3s var(--ease-out);display:flex}.arena-pill img{border-radius:50%;width:28px;height:28px;animation:1.6s ease-in-out infinite ap-pulse}.arena-pill b{color:var(--gold-1);min-width:36px}.arena-pill .btn{min-height:40px}@keyframes ap-pulse{50%{box-shadow:0 0 0 5px #f2cd7826, 0 0 16px var(--gold-glow)}}.match-banner{text-align:center;animation:mb-in .5s var(--ease-out);pointer-events:none;z-index:70;background:radial-gradient(#281a12f5,#0a0709eb 70%,#0000);justify-items:center;gap:6px;padding:22px 46px 20px;display:grid;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.match-banner.out{opacity:0;transition:opacity .5s}.match-banner img{width:64px;height:64px;box-shadow:0 0 30px var(--gold-glow);border-radius:50%}.mb-title{font:700 clamp(28px, 5vw, 46px) var(--f-title);letter-spacing:.12em;color:var(--gold-1);text-shadow:0 0 24px #f2cd7880,0 2px #000}.mb-vs{font:500 16px var(--f-ui);color:var(--parch)}.mb-vs b{color:var(--gold-0)}@keyframes mb-in{0%{opacity:0;letter-spacing:.4em;transform:translate(-50%,-50%)scale(1.25)}}.player-menu{z-index:80;opacity:0;min-width:220px;transition:opacity .14s, transform .18s var(--ease-out);background:linear-gradient(#1e1722fa,#0c090efa);gap:2px;padding:8px;display:grid;position:fixed;transform:translateY(-4px)}.player-menu.on{opacity:1;transform:none}.pm-head{border-bottom:1px solid var(--gold-hair);align-items:center;gap:10px;margin-bottom:4px;padding:2px 4px 8px;display:flex}.pm-head img{width:36px;height:36px;box-shadow:0 0 0 1px var(--gold-4);border-radius:50%}.pm-head div{line-height:1.2;display:grid}.pm-head b{font:700 16px var(--f-title);letter-spacing:.04em}.pm-head b.f-heaven{color:var(--heaven)}.pm-head b.f-grim{color:#ff8c80}.pm-head small{font:500 13px var(--f-ui);color:var(--muted)}.pm-item{border-radius:var(--r-sm);min-height:42px;color:var(--parch);font:600 15px var(--f-ui);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:4px 8px;display:flex}.pm-item:hover:not(:disabled){color:var(--gold-0);background:#f2d9951a}.pm-item:disabled{color:var(--muted);cursor:default}.pm-item img{border-radius:50%;width:26px;height:26px}.pm-item small{font:500 13px var(--f-ui);color:var(--muted);margin-left:auto}.pm-item.danger{color:#ff9a90}.social-invite{gap:8px;margin-bottom:12px;display:flex}.social-invite .input{flex:1;min-width:0;min-height:40px}.social-row.pick{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.social-row.pick:hover{background:#f2d99512}.chat[data-ch=say] .chat-line.ch-party,.chat[data-ch=party] .chat-line:not(.ch-party){display:none}.chat-line.ch-party .chat-ch{color:#8cc8ff}.chat-line.ch-party{color:#cfe6ff}.rift-btn{justify-items:center;gap:2px;display:grid}.rift-party{font:600 13px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--parch-2)}.rift-party:empty{display:none}.ar-head{border-bottom:1px solid var(--gold-hair);grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-bottom:12px;display:grid}.ar-crest{width:72px;height:72px;box-shadow:0 0 0 1px var(--gold-3), 0 0 22px var(--gold-glow);border-radius:50%}.ar-me{gap:2px;display:grid}.ar-rating{font:700 34px var(--f-title);color:var(--gold-1);line-height:1}.ar-sub{font:500 14px var(--f-ui);color:var(--parch-2);gap:14px;display:flex}.ar-cta{justify-items:end;gap:6px;display:grid}.ar-wait{font:500 14px var(--f-ui);color:var(--parch-2);align-items:center;gap:6px;min-height:20px;display:flex}.ar-wait b{color:var(--gold-1)}.ar-wait small{color:var(--muted);font-size:13px}.ar-spin{border:2px solid var(--gold-hair);border-top-color:var(--gold-1);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite ar-spin}@keyframes ar-spin{to{transform:rotate(360deg)}}.ar-rules{margin:10px 0 12px;font-size:15px}.ar-board-title{margin-bottom:6px}.ar-board-wrap{max-height:42vh;overflow:auto}.ar-board{border-collapse:collapse;width:100%;font:500 14px var(--f-ui)}.ar-board th{text-align:left;font:600 12.5px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--gold-hair);padding:4px 8px}.ar-board td{border-bottom:1px solid #d6b26a14;padding:5px 8px}.ar-board td:first-child{width:32px;color:var(--muted)}.ar-board tr:first-child td:first-child{color:var(--gold-0)}.ar-board tr.me td{background:#f2d99514}.ar-knight{align-items:center;gap:8px;display:flex}.ar-knight img{border-radius:50%;width:24px;height:24px}.ar-knight b.f-heaven{color:var(--heaven)}.ar-knight b.f-grim{color:#ff8c80}.ar-knight small{color:var(--muted);font-size:13px}.ar-empty{text-align:center;padding:14px}@media (max-width:720px){.party-frame{left:8px;top:calc(var(--topbar-h) + 86px);width:168px;padding:4px}.pf-head{padding-bottom:3px}.pf-row{gap:6px;min-height:40px}.pf-ico{width:28px;height:28px}.pf-txt small{display:none}.invites{top:calc(var(--topbar-h,56px) + 8px)}.invite{grid-template-columns:40px 1fr auto;padding:10px}.inv-ico{width:40px;height:40px}.inv-acts .btn{flex:1}.arena-pill{left:8px;right:8px;bottom:calc(var(--actionbar-h,64px) + 8px);justify-content:space-between}.ar-head{grid-template-columns:auto 1fr}.ar-crest{width:56px;height:56px}.ar-cta{grid-column:1/-1;justify-items:stretch}.ar-cta .btn{width:100%}.ar-board-wrap{max-height:none}.player-menu{min-width:0;right:8px;left:8px!important}}.chat-chan{border:1px solid var(--gold-hair);border-radius:var(--r-sm);min-width:56px;min-height:40px;color:var(--parch-2);font:700 13px var(--f-ui);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#08060ab3;flex:none;margin-right:6px;padding:0 10px;display:none}body[data-party="1"] .chat-chan{display:inline-block}.chat-chan.party{color:#8cc8ff;border-color:#8cc8ff73}.chat-form{align-items:stretch;display:flex}.chat-form .chat-input{flex:1;min-width:0}.battle-top{flex-direction:column;gap:8px}.turn-order{box-shadow:inset 0 0 0 1px var(--gold-hair);pointer-events:auto;background:#08060a9e;border-radius:28px;align-items:flex-start;gap:6px;padding:5px 8px;display:flex}.to-unit{width:54px;transition:transform var(--t-med) var(--ease-out), opacity var(--t-med);justify-items:center;gap:2px;display:grid;position:relative}.to-pic{width:40px;height:40px;box-shadow:0 0 0 2px #0c0a0e, 0 0 0 3px var(--gold-4);background:radial-gradient(circle at 40% 35%,#3a2a24,#120c0e);border-radius:50%;place-items:center;display:grid;overflow:hidden}.to-pic img{object-fit:cover;width:100%;height:100%}.to-art{background-position:18% 22%;background-repeat:no-repeat;background-size:230%;width:100%;height:100%}.to-glyph{font:700 18px var(--f-title);color:#ffb9a8}.to-unit.enemy .to-pic{box-shadow:0 0 0 2px #0c0a0e,0 0 0 3px #8e2a2a}.to-unit.me .to-pic{box-shadow:0 0 0 2px #0c0a0e, 0 0 0 3px var(--gold-1)}.to-name{max-width:54px;font:600 12.5px var(--f-ui);color:var(--parch-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.to-unit.enemy .to-name{color:#ffb0a4}.to-unit.now{transform:translateY(2px)scale(1.12)}.to-unit.now .to-pic{box-shadow:0 0 0 2px #0c0a0e, 0 0 0 3px var(--gold-0), 0 0 18px 4px var(--gold-glow)}.to-unit.now .to-name{color:var(--gold-0)}.to-unit.now:after{content:"";border:6px solid #0000;border-top-color:var(--gold-1);position:absolute;top:-7px;left:50%;transform:translate(-50%)}.to-unit.casting .to-pic{animation:to-cast .6s var(--ease-out)}@keyframes to-cast{40%{box-shadow:0 0 0 2px #0c0a0e,0 0 0 3px #fff,0 0 24px 8px #ffdca099}}.to-unit.down{opacity:.35;filter:grayscale()}.bb-right{justify-items:center;gap:8px;display:grid}.turn-status{box-shadow:inset 0 0 0 1px var(--gold-hair);font:700 15px var(--f-title);letter-spacing:.08em;color:var(--parch-2);background:#08060ac7;border-radius:26px;align-items:center;gap:10px;padding:4px 16px 4px 4px;display:flex}.turn-status.mine{color:var(--gold-0);box-shadow:inset 0 0 0 1px var(--gold-2), 0 0 22px #f2cd7840}.turn-status.wait .ts-text{font-family:var(--f-ui);letter-spacing:.02em;font-weight:600}.turn-status.down{color:var(--muted)}.turn-status.over{visibility:hidden}.ts-timer{place-items:center;width:40px;height:40px;display:grid;position:relative}.ts-ring{position:absolute;inset:0;transform:rotate(-90deg)}.ts-ring-bg{fill:#00000080;stroke:#d6b26a2e;stroke-width:3.5px}.ts-ring-fg{fill:none;stroke:var(--gold-1);stroke-width:3.5px;stroke-linecap:round;transition:stroke-dasharray .2s linear}.turn-status.wait .ts-ring-fg{stroke:var(--parch-2)}.turn-status.urgent .ts-ring-fg{stroke:var(--bad)}.turn-status.urgent.mine{animation:.9s ease-in-out infinite ts-urgent}@keyframes ts-urgent{50%{box-shadow:inset 0 0 0 1px var(--bad), 0 0 24px #e2545a73}}.ts-sec{font:700 15px var(--f-ui);color:var(--parch);position:relative}.skill-bar.waiting{filter:grayscale(.65)brightness(.8)}.skill-bar.your-turn{animation:your-turn .7s var(--ease-out)}@keyframes your-turn{30%{box-shadow:0 0 0 2px var(--gold-1), 0 0 36px var(--gold-glow)}}.ally-frame{cursor:default;position:absolute;left:0}.ally-frame .hp-fill{background:linear-gradient(#8fe07f,#3c8f34)}.unit-frame.player{width:224px}.unit-frame.player .uf-name{white-space:nowrap;align-items:center;gap:5px;display:flex}.unit-frame.player .uf-lvl{margin-left:auto}.uf-cls{width:20px;height:20px;box-shadow:0 0 0 1px var(--gold-4);border-radius:50%}.unit-frame.acting{border-color:var(--gold-1);box-shadow:0 0 0 1px var(--gold-1), 0 0 20px var(--gold-glow)}.unit-frame.uf-auto{animation:uf-auto .9s var(--ease-out)}@keyframes uf-auto{30%{box-shadow:0 0 0 2px #8cc8ff,0 0 22px #8cc8ff80}}.battle-flee.armed{box-shadow:0 0 0 2px var(--bad);color:#ffb0a8}.pvp-result .pr-kind{margin-bottom:-4px}.pr-rating{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--gold-hair);background:#08060a8c;grid-template-columns:auto auto auto;grid-template-areas:"ico col delta""ico rec rec";justify-content:center;align-items:center;gap:2px 14px;margin:6px auto 4px;padding:10px 18px;display:grid}.pr-rating img{width:56px;height:56px;box-shadow:0 0 18px var(--gold-glow);border-radius:50%;grid-area:ico}.pr-rate-col{grid-area:col;justify-items:start;display:grid}.pr-rate{font:700 36px var(--f-title);color:var(--gold-0);line-height:1}.pr-delta{font:700 26px var(--f-ui);grid-area:delta}.pr-rating.up .pr-delta{color:var(--ok);text-shadow:0 0 14px #7fcf7480}.pr-rating.down .pr-delta{color:var(--bad);text-shadow:0 0 14px #e2545a80}.pr-delta.pr-pop{animation:pr-pop .7s var(--ease-out)}@keyframes pr-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.3)}}.pr-record{font:600 14px var(--f-ui);color:var(--parch-2);grid-area:rec;justify-self:start}.pr-note{font:500 15px var(--f-ui);color:var(--parch-2);text-align:center}.pr-purse{font:500 15px var(--f-ui);color:var(--parch-2);justify-content:center;gap:18px;display:flex}.pr-purse span{align-items:center;gap:6px;display:flex}.pr-purse img{width:24px;height:24px}.pr-purse b{color:var(--gold-1)}@media (max-width:720px){.skill-bar{gap:6px}.skill-bar .skill{aspect-ratio:1;flex:1 1 0;width:auto;min-width:0;max-width:62px;height:auto}.skill-bar .sk-sep{display:none}.battle-top>.btn{z-index:2}.battle-title{align-self:flex-end;max-width:calc(100vw - 122px)}.battle-title b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.turn-order{gap:3px;max-width:calc(100vw - 16px);padding:4px 6px;overflow-x:auto}.to-unit{width:44px}.to-pic{width:34px;height:34px}.to-name{max-width:44px}.bb-right{justify-items:stretch}.turn-status{justify-content:flex-start}.unit-frame.player,.ally-frame{width:168px}}.pvp-result .result-back{white-space:normal;max-width:100%;padding-inline:18px}