@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAVoAA8AAAAACegAAAUTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbDBwYBmAAbBEIColciA0LHgABNgIkAzgEIAWDZAc+DAcb9QdRlE5OmOBngm2rYa0IiBSU4SB6GXpb1ovxAEMb3kc8/X6ve+4LIEoWKsKQjE0KaAS5si8LV935qoC6jkBWl99PeNa/acrMsmIWkJM7J2fiwyD6/rZ3nySQEEJPI2+8mQgCjl/7/xfCPjhmumgbjyJtDTLAgZRI5C2Lsyg9Ej+AogCfIgpT4Glg/xqJD/gP3cxixar09EqCLkAR0S2CjsmOByOgCZ096O8EMaNtszM3NFMavYQr9Cp5x9dfFA/5c6zg2Tty8yAadUVizTiA6qa3QCC/ewmYw2NFVjA0W0NfnG8fGGCFUMwlNjUZzmSW9PlG/R/AyDGpxk28hPlctcMi84z8m/D+t4A8BCJ1LJF6PM8poA/kPvkJWDJ1K8BaUZaAFU7lYnST2ctUYrFxdcncWZ+9iCBZ7QpGtRZjgknaiROuAw9zmuW0fBVJAuYMq2n1OtKMXVFHky8Q0hrFz5fHL9r+nEPMnjt7HmivMC8x91xDA/1M/oAFOmT59tOnXR4D/SyfffGCednGaXbT8vxlrLJwBWKuYq7gZdFz7CSU+gIt6kE7uc+Qo2v37Ql5HkHKQsxRQtvGGz2XFwMdv411vIFQ6YqXmDMUlNIsQgwHBXRRFWtcw+hMzOajmR59mMsOuWmOF4yqrMx9tIxFTBfJL+Ii0RlIK4ImubT7MpIsjraaeanajTm7MtJOmW4rxrqXFRkT0If2oT0spW5rQzzafpjguAN9hiRinFZih+0AJ4zTkDbS8Uh95LjURmGlmKaOU1gqqpGTVk+skg4HuviVSNOtxkAukjRmgehpuFJzeK1lTT5P1BR1/PNEQdrPnuV+BTaWg//+kPhs+NC04dbkEaOaIOzcWmf+0GCvjO57t/beypjctoHZoyi8WpYUkmvITj8o+TTCOX91Xp24bnVevsQkk/AmUsZTIOZotreXUWEZNO7bn9qWsbLZpFW6JvXu9NXJzKKH42p+jchuqW1L6vNy1e9301q7tfmbr/QZMkUOD899Yd14NHBLo/SjF5cCSkjT2NHk135OQk4wT8IJPl3A+KVAmsC6w9Yzeb5ippX3NAv4svYkQsqFgb5lm1UzJZ7DRrsvW6fPCvnquOaJ3AZkUSKvIgyXf96PrZJ0kgSzaEuXOoX1hffmtOr/WYZ+xra+RIUo1WFKdehUQIrG3y5m3i9eznH2AwnYJE9dQSY4kM2VOdnutWqt4pcfeb+k1NlrCD2P3ZO5XLekNz+2uPpKb/XJ2t0NUfOkPccR0vHefWSNS4H/BGiupbdcml/BnXeommkZlIk13/I8D/sOQlw8z33xfpVl+C/GxBeA17vkDn3BYWv7dXrdRJsCQnVz7EH1QwnxcArxoPR47glkG2iQNwSZIChqhlyhaVP9a/045AZNdsyOfJGctxwg9NgmBAURbAFAm+MIaZIADY94zBhygFn0uMesbKlubVJlNpuQyGwxwB96jhQ4qR9Qu4XyKu1Tp1cLH/p5ZE990E5DFwpNaqksidKBtoMWVahBSjs1KNRwaI2gi380ig9P3rz5SjWgRqcMBWu/Q2sDMrNLKOq0U7MWT/ny5gPGn6tBkwHtavQaVcbp0m0kfWtTWctTnNVxceak0ulKzTpDe6uiNRqHjom7XY06zVt5qtVilAt3lKFEEM26JK19bwCDFNQf9sQgYUrmZO1Qm5ZiW0CGLZ6Hyvq4TZke5H+6xGcf+8Snzvruczt8Mu1G9R7wrwIAAA==) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAAdoAA4AAAAACcgAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABYAAAAWABEADkdQT1MAAAFcAAAADAAAAAwAFQAKR1NVQgAAAWgAAAAYAAAAGGyKdIVPUy8yAAABgAAAAE8AAABgZgH8y2NtYXAAAAHQAAAAUwAAAGxDUOfcZ2FzcAAAAiQAAAAIAAAACAAAABBnbHlmAAACLAAAA1QAAATSWeRXtGhlYWQAAAWAAAAAMgAAADb4vFe7aGhlYQAABbQAAAAeAAAAJAbhAvBobXR4AAAF1AAAADgAAAA4FcIAhmxvY2EAAAYMAAAAHgAAAB4HgwZJbWF4cAAABiwAAAAYAAAAIAAVAE5uYW1lAAAGRAAAAPIAAAHkJa9Cm3Bvc3QAAAc4AAAALwAAAD4DnwR9AAEAAAAMAAAAAAAAAAIAAQABAA0AAQAAAAEAAAAKAAoACgAAAAEAAAAKABYAFgABbGF0bgAIAAAAAAAAeNpjYGJczjiBgZWBgWkPUxcDA0MPhGa8y2DE8AsoygADDQwMugxIICAyKJjBgUFBQYF51n9VBgbm2Qx3gMKMDCDiF9MBIKXAwAQAu3UOIwB42mNgYGACYmYgFgGSjGCahSECSAsxCDAwA2UVGJ0YExkrGOsYJzEdV1D4/5+BASjmyJgAFKuFif1//O/wv2X/Jvzr+Vf51/X+W6BJGAAA3YQYRQAAAQAB//8AD3jabJQDtOtKFIb3nkmTpkqRSWqeukdBr23bNheebXvx2bZtLz7b9uLTcnsnBxe9J8bM/N8mILgA8E3yNlQARoUK+XLJGtUchyF+NXWNhUxD11RJrCMbeirk8qXpubBbENzhnBGL2sbmwZfN1zp3Mdx6MuiOoyelJJUUsqBIBVFp/TXwekZVr6o1n6PabuGx5FVIARTVQmkCHqZsHi6LbOfi8YMC47esmDT4NMkto/TRoMJWhUqt6waegUCq/T/+Q6+BGkwAGJVGw7Z6KF+5aRqarjJVlEp5puppqmvOS74HrSY6WgqK+V4s2c5IvTk/smFFdHLWDlTO2zv7VNKQJ+8outPl7rh94mnjt8xO4wJZUcXrJbd0vZiXyZln/KtYOUVPh8pszKOnZGKUFvaJuS4tJAQiqaixdN/FRB27dAl5VEtXXMsFYblLzlhz5wInjnHi+8hbUIAmJ9ZMTlx2MAxtgLbAcdNkgLaQL9kj0k5d0pu2zth/zZ66u24k2Oii3rd336zjE9jooHyynylR8/i5C7NxbTaNRnyhmBouTVi8ra+WnEgSHXC0/V/7P3ISvQA0SEMJAB0vSpTxwPBoTUBa4h8ySNX8BLQMpg/d8Ur/calF9P1RyWZi1GfC2sxpvjnWZZf9etll5PaCW2xN+z0kCVQK/4ivid6uL7Eiui6XXVcNXB2PFPklTq+AFPQBRAbzwswZmipR0zgsC61RiZFCF5KoS2Z4QbAf/3wGUZMF0au3TpN76Z/nd/iDiD2RnljPeQFs3dSnG0njlLSA+/CiEaIEgA/xKGlQdZhsawBIwVEGUwdhJmHkaJi6FMFJUh++/nDQ42u9qtTIK5d0MODy+gmrvfivb1Zi5nZGvsN9nerYvrs9Ad/l6nX+wgWduqBOOlhNJ2FGRQocyKmdURPRdPImgHYpryCe7A2J0txS9Fl7bpec7a24ijO8Lo9nBvVuWtzYls1m50gU/80bXYHW2Y/Fral+ZuGJGTUxStuzNBZndp4wiwHCbOLDm7l+GGAEj+OxnW59q8MEhGL7UXyefAMFAAw58eM5fqjb2IPdJoXD0cVaSgmkUsdFJCrI4QMrBHOKgBxWDiHGaf8sIKUA4wlZXlkB2a0Q3lYwhwEAvBLSq3jaY2BkYADi5t8fKo7F89t8ZeBmfsEABKd1OU/B6P9d/1WYdzLPBnI5GJhAogCeEw3qAAB42mNgZGBgnv1fBUi++9/1/zzzTqAIKuADAKY3BtYAAADHAAAAAAAAAU0AAAC8AAAB1QAFAX0ABQIYAB0BwgAZAmf/9QIzACUBxgAZAab/pgHjAEgB2wAlAAAAAAAAAAAAAAA7AGcAwAEOAUkBkwHSAhICMwJpAAB42mNgZGBg4GPwZWBjAAIgDw0AAAnZAGR42m2OBWoDQBREX929WLFPkLoXC1J3V5y4u8tpeoKeoFhOlgHiCWuzY3xgkiAjDI1OAf/UGniIVf4aeJh5fht4hDPcDTza4RljjZsGHmeZkwaeF4Iwea00Tva1cvjIEtE/L7ynEyGuNyU2JP2VG560xOrk8YhJEuBHJ4vcpPQ3DpU50DrigQIecc9IIY+a5BUj5MS6uqzRJp4jpQ+1PvQPqSMuPTvQfUmKNBWy4kOEpRkb+NjsaLHWHDZwEiWINhxniCchNq6/j7DuPbxqr6pzB6MknBdvaDpyOlmKuv1ibhrtxotyCaQLOwZO7qgDp2hIawAAeNptwUkBgCAAALCJf8MY0TA24EUa7hhQgE0AVvQ6eXAJbkXVdMkw/bJvA722ChwA) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lilita-one-latin-400-normal-87r-Z-Re.woff2) format("woff2"),url(/assets/lilita-one-latin-400-normal-DXkechA3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lalezar-arabic-400-normal-D6_F3AeY.woff2) format("woff2"),url(/assets/lalezar-arabic-400-normal-BT7j_n2X.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lalezar-vietnamese-400-normal-ScipispP.woff2) format("woff2"),url(/assets/lalezar-vietnamese-400-normal-DXhD3tbU.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lalezar-latin-ext-400-normal-Boaamuqr.woff2) format("woff2"),url(/assets/lalezar-latin-ext-400-normal-Dq4DC2QX.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Lalezar;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lalezar-latin-400-normal-CsH8Qv7g.woff2) format("woff2"),url(/assets/lalezar-latin-400-normal-Bm4W26Zi.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-arabic-400-normal-DMZFCm7K.woff2) format("woff2"),url(/assets/vazirmatn-arabic-400-normal-C4W5XURk.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-ext-400-normal-BdGhO0lm.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-400-normal-DPxMaNjI.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Vazirmatn;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vazirmatn-latin-400-normal-BT_DHTc7.woff2) format("woff2"),url(/assets/vazirmatn-latin-400-normal-GKyMcI03.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-arabic-700-normal-Dge_DOjm.woff2) format("woff2"),url(/assets/vazirmatn-arabic-700-normal-B5nPuCFv.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-ext-700-normal-BfoXmNMx.woff2) format("woff2"),url(/assets/vazirmatn-latin-ext-700-normal-DMYLqBto.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Vazirmatn;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/vazirmatn-latin-700-normal-9BlbvDRV.woff2) format("woff2"),url(/assets/vazirmatn-latin-700-normal-DrB0PBU6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amaranth;src:url(/assets/menu/fonts/Amaranth-Regular.otf?v=e5417064b5) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-display: "Lilita One", "Lalezar", "Amaranth", system-ui, sans-serif;--font-body: "Amaranth", "Vazirmatn", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-tip: Georgia, "Times New Roman", "Vazirmatn", serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#181825;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}:root:lang(fa){--font-display: "Lalezar", "Lilita One", system-ui, sans-serif;--font-body: "Vazirmatn", "Amaranth", system-ui, sans-serif;--font-tip: "Vazirmatn", system-ui, sans-serif}:lang(fa) *{letter-spacing:normal!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:#0e0a08;position:fixed;inset:0}#root{display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;overflow:hidden;padding-top:var(--sat);padding-right:var(--sar);padding-bottom:var(--sab);padding-left:var(--sal)}#root:has(.play-screen){padding:0}.play-screen{--board-w: min(100vw, 54.6875vh );--u: calc(var(--board-w) / 100);display:flex;flex-direction:column;width:100%;height:100%;height:100dvh;background:#1d2c44;position:fixed;inset:0;z-index:1;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@supports (height: 100dvh){.play-screen{--board-w: min(100dvw, 54.6875dvh )}}.board-area{flex:1 1 auto;min-height:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0a163073,#0a163099),url(/assets/royale/board/castle-backdrop.webp?v=b7742d7f8a) center / cover no-repeat,#1d2c44;position:relative}.board-wrapper{--field-w: 1260;--field-h: 2304;width:min(100vw,calc(var(--field-w) / var(--field-h) * 100vh));height:min(100vh,calc(var(--field-h) / var(--field-w) * 100vw));width:min(100dvw,calc(var(--field-w) / var(--field-h) * 100dvh));height:min(100dvh,calc(var(--field-h) / var(--field-w) * 100dvw));aspect-ratio:1260 / 2304;background:#3d5a2a;flex:0 0 auto;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #0000008c}.app-shell{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden}.menu-overlay{position:fixed;inset:0;z-index:40;width:100%;height:100%;height:100dvh;overflow:hidden}.phaser-board-root{position:absolute;inset:0;user-select:none}.phaser-host{position:absolute;inset:0;overflow:hidden;background:#0e0a08;touch-action:none;user-select:none}.board-top-panel{--hud-btn: max(2.2rem, calc(var(--u) * 10.4));position:absolute;z-index:4;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem;padding:0 3%;pointer-events:none}:root[dir=rtl] .rtl-mirror{transform:scaleX(-1)}.kit-icon{object-fit:contain}.kit-square{display:block;width:100%;height:auto}.royale-btn,.lobby-play,.lobby-mode,.lobby-toast,.lobby-coins:before,.lobby-profile:before,.lobby-map-main .lobby-arena-progress-fill,.lobby-reward-tile,.loading-bar-fill{background:var(--pl) left center / auto 100% no-repeat,var(--pr) right center / auto 100% no-repeat,var(--pm) calc(var(--cl) * var(--h) - 2px) center / calc(100% - (var(--cl) + var(--cr)) * var(--h) + 4px) 100% no-repeat}.board-top-side{display:flex;align-items:flex-start;gap:calc(var(--u) * 1.8);margin-top:calc(var(--u) * 1.2);pointer-events:auto}.royale-icon-btn{pointer-events:auto;flex:0 0 auto;width:var(--hud-btn);padding:0;border:0;border-radius:24%;background:none;cursor:pointer;display:block;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease}.royale-icon-btn:active{transform:translateY(3px)}.turn-banner{--seat: #f6c445;--clock-size: calc(var(--u) * 11.5);position:absolute;z-index:4;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:calc(var(--u) * 2);width:calc(var(--u) * 70);padding:calc(var(--u) * 1.2) calc(var(--u) * 2.2) calc(var(--u) * 1.2 + var(--sab));border:calc(var(--u) * .8) solid #f6c445;border-bottom:0;border-radius:calc(var(--u) * 3.8) calc(var(--u) * 3.8) 0 0;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 45%),linear-gradient(180deg,#1f3e78,#142a55);box-shadow:0 0 0 calc(var(--u) * .55) #1d1209,0 calc(var(--u) * -.8) calc(var(--u) * 2.6) #00000073;pointer-events:none}.turn-banner-p0{--seat: #ff5a52}.turn-banner-p1{--seat: #5aa8ff}.turn-banner-p2{--seat: #ffd84a}.turn-banner-p3{--seat: #5fdc6e}.turn-banner-text{flex:1;min-width:0}.turn-banner-title{font-family:var(--font-display);font-size:calc(var(--u) * 5.8);line-height:1.2;padding-inline:.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#fff;-webkit-text-stroke:calc(var(--u) * .4) #0b1430;paint-order:stroke fill;text-shadow:0 2px 0 rgba(0,0,0,.5)}.turn-banner.is-mine .turn-banner-title{color:#ffe066}.turn-banner-sub{min-height:1.35em;font-family:var(--font-body);font-weight:500;font-size:calc(var(--u) * 3.6);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#cfe0ff}.turn-countdown{position:relative;flex:none;width:var(--clock-size);height:var(--clock-size);display:grid;place-items:center;border-radius:50%;background-color:var(--seat);background-image:radial-gradient(circle at 50% 28%,rgba(255,255,255,.45),transparent 60%),linear-gradient(180deg,transparent 45%,rgba(0,0,0,.35));box-shadow:0 0 0 calc(var(--u) * .55) #1d1209,0 calc(var(--u) * .8) 0 #0b2457,0 calc(var(--u) * 1.6) calc(var(--u) * 2.6) #00000073;transition:background-color .25s ease}.turn-countdown-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:6}.turn-countdown-track{stroke:#0b1430}.turn-countdown-fill{stroke:#ffd23a;stroke-dasharray:100;transition:stroke-dashoffset .25s ease-out}.is-running .turn-countdown-fill{transition:stroke-dashoffset 1s linear}.turn-countdown-value{position:relative;font-family:var(--font-display);font-size:calc(var(--clock-size) * .46);line-height:1;color:#fff;-webkit-text-stroke:calc(var(--u) * .4) #0b1430;paint-order:stroke fill}.turn-countdown-urgent{box-shadow:0 0 0 calc(var(--u) * .55) #1d1209,0 calc(var(--u) * .8) 0 #0b2457,0 0 calc(var(--u) * 2.6) #ff5a468c}.turn-countdown-urgent .turn-countdown-fill{stroke:#ff7a6b}.turn-frame{position:absolute;inset:0;z-index:3;pointer-events:none}.turn-frame.is-gold{box-shadow:inset 0 0 calc(var(--u) * 7) calc(var(--u) * 1) #ffd23a4d;animation:match-breathe 1.8s ease-in-out infinite}.turn-frame.is-red{box-shadow:inset 0 0 calc(var(--u) * 7) calc(var(--u) * 1.2) #ff5a4657;animation:match-breathe 1.2s ease-in-out infinite}.turn-frame.is-flash{box-shadow:inset 0 0 calc(var(--u) * 8) calc(var(--u) * 1.4) #ff5a4666;animation:match-flash 1s ease-out both}@keyframes match-breathe{50%{opacity:.6}}@keyframes match-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.board-wrapper.is-frozen .phaser-host{filter:saturate(.35) brightness(.7);transition:filter .3s ease}.board-overlay{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.seat-you,.seat-offline,.opening-pips,.match-toast,.intro-arrow{position:absolute;transform:translate(-50%,-50%)}.board-overlay .seat-you{height:auto;padding:calc(var(--u) * .1) calc(var(--u) * 2.1) calc(var(--u) * .4);font-family:var(--font-display);font-size:calc(var(--u) * 3.2);line-height:1.15;paint-order:stroke fill}.board-overlay .seat-offline{justify-content:center;width:calc(var(--u) * 7);height:calc(var(--u) * 7);padding:calc(var(--u) * 1.1)}.seat-offline svg{width:100%;height:100%}.opening-pips{display:flex;gap:calc(var(--u) * .8)}.opening-pips i{width:calc(var(--u) * 2.3);height:calc(var(--u) * 2.3);border:calc(var(--u) * .32) solid #1d1209;border-radius:calc(var(--u) * .65);background:#fff}.opening-pips i.is-used{background:#4b5268}.board-overlay .match-chip{position:absolute;left:50%;top:calc(var(--u) * 3.6);transform:translate(-50%);gap:calc(var(--u) * 1.4);height:auto;padding:calc(var(--u) * .9) calc(var(--u) * 2.6) calc(var(--u) * 1.1);font-family:var(--font-body);font-weight:700;font-size:calc(var(--u) * 3.3);white-space:nowrap;-webkit-text-stroke:0}.match-chip i{flex:none;width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4);border:calc(var(--u) * .6) solid rgba(255,255,255,.2);border-top-color:#ffd84a;border-radius:50%;animation:royale-spin .8s linear infinite}.match-toast{left:50%;top:46.875%;width:max-content;max-width:calc(var(--u) * 80);padding:calc(var(--u) * 1.3) calc(var(--u) * 4.1) calc(var(--u) * 2);border:calc(var(--u) * .63) solid #f6c445;border-radius:calc(var(--u) * 3.2);background:linear-gradient(180deg,#24498c,#142a55);box-shadow:0 0 0 calc(var(--u) * .4) #1d1209,inset 0 calc(var(--u) * .5) 0 #ffffff2e,0 calc(var(--u) * 1.1) calc(var(--u) * 2) #00000073;text-align:center;animation:match-toast-in .2s ease-out}.match-toast b{display:block;font-family:var(--font-display);font-weight:400;font-size:calc(var(--u) * 5.2);line-height:1.25;color:#fff;-webkit-text-stroke:calc(var(--u) * .6) #0b1430;paint-order:stroke fill}.match-toast span{display:block;margin-top:calc(var(--u) * .15);font-family:var(--font-body);font-weight:500;font-size:calc(var(--u) * 3);line-height:1.45;color:#cfe0ff}.match-toast.is-good b{color:#a6f08a}.match-toast.is-bad b{color:#ffb4a8}.match-toast.is-gold b{color:#ffe066}.match-toast.is-at-tray{top:71.2%;padding:calc(var(--u) * .6) calc(var(--u) * 3.2) calc(var(--u) * 1.3)}.match-toast.is-at-tray b{font-size:calc(var(--u) * 4.3)}@keyframes match-toast-in{0%{opacity:0;margin-top:calc(var(--u) * 1.1)}}.intro-spot{position:absolute;border-radius:calc(var(--u) * 3);box-shadow:0 0 0 200vmax #050a1973;animation:royale-fade-in .2s ease-out}.intro-arrow{width:calc(var(--u) * 6.7);height:calc(var(--u) * 9.2);margin-top:calc(var(--u) * -9.5);animation:intro-arrow-bob 1s ease-in-out infinite alternate}.intro-arrow.is-up{margin-top:calc(var(--u) * 26);rotate:180deg}@keyframes intro-arrow-bob{to{translate:0 calc(var(--u) * 1.1)}}.match-sheet h2{font-family:var(--font-display)}.match-sheet .lobby-sheet-note{line-height:1.7}.match-sheet .game-over-actions{width:100%}.match-sheet .royale-btn{min-width:76%}@media(prefers-reduced-motion:reduce){.turn-frame.is-gold,.turn-frame.is-red,.intro-arrow,.match-chip i{animation:none}}.settings-anchor{position:relative;pointer-events:auto}.settings-popover{position:absolute;inset-inline-end:0;top:calc(100% + .6rem);z-index:6;display:flex;flex-direction:column;gap:.6rem;min-width:max(11rem,calc(var(--u) * 50));animation:royale-pop .2s ease-out}.settings-popover .royale-btn{font-size:max(1.1rem,calc(var(--u) * 5));padding:.5em .8em .6em}.board-top-emoji{position:relative;overflow:hidden}.board-top-emoji-cooldown{position:absolute;inset:0;background:#050c228c;transform-origin:bottom;animation:emoji-cooldown linear forwards;pointer-events:none}@keyframes emoji-cooldown{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.emoji-popover{--choice: max(3.1rem, calc(var(--u) * 15));position:absolute;inset-inline-end:0;top:calc(100% + .6rem);z-index:6;display:grid;grid-template-columns:repeat(4,var(--choice));gap:.4rem;max-height:min(60vh,calc(var(--choice) * 7));overflow-y:auto;overscroll-behavior:contain;padding:.7rem;background:linear-gradient(180deg,#1f3e78,#142a55);border:3px solid #f6c445;border-radius:16px;box-shadow:0 0 0 2px #1d1209,0 10px 20px #00000080;animation:royale-pop .2s ease-out}.emoji-choice{display:flex;align-items:center;justify-content:center;width:var(--choice);height:var(--choice);padding:.25rem;border:0;border-radius:12px;background:#ffffff1a;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease}.emoji-choice:hover,.emoji-choice:focus-visible{background:#ffffff3d}.emoji-choice:active{transform:scale(.9)}.emoji-choice:disabled{opacity:.45;cursor:default}.emoji-choice img{width:100%;height:100%;object-fit:contain}.emoji-choice-glyph{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--choice) * .65);line-height:1}.phaser-host canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%;touch-action:none;image-rendering:auto}.phaser-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#ddd;font-size:.95rem;background:#1e1e2e8c;z-index:2}.phaser-status-error{color:#ff6b6b;padding:1rem;text-align:center;pointer-events:auto}.royale-btn{--h: 2.5em;--cl: .4545;--cr: .4545;--pl: url(/assets/kit/btn-gold-l.webp?v=9713531450);--pm: url(/assets/kit/btn-gold-m.webp?v=916e9d6420);--pr: url(/assets/kit/btn-gold-r.webp?v=ca36161fd1);position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--h);padding:0 1.25em .22em;border:0;font-family:var(--font-display);font-size:clamp(1.3rem,5.6vw,1.65rem);letter-spacing:.02em;line-height:1;color:#fff4dc;-webkit-text-stroke:.2em #2a1600;paint-order:stroke fill;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,filter .12s ease}.royale-btn:hover:not(:disabled){filter:brightness(1.06)}.royale-btn:active:not(:disabled){transform:translateY(3px);filter:brightness(.94)}.royale-btn:disabled{cursor:default;filter:grayscale(.55) brightness(.85)}.royale-btn-yellow{-webkit-text-stroke-color:#4a2a00}.royale-btn-blue{--pl: url(/assets/kit/btn-blue-l.webp?v=371e590c78);--pm: url(/assets/kit/btn-blue-m.webp?v=11f0fa409e);--pr: url(/assets/kit/btn-blue-r.webp?v=0c031949ba);-webkit-text-stroke-color:#0b2457}.royale-btn-red{--pl: url(/assets/kit/btn-red-l.webp?v=43db48664e);--pm: url(/assets/kit/btn-red-m.webp?v=f175bcfa29);--pr: url(/assets/kit/btn-red-r.webp?v=5c91c5e871);-webkit-text-stroke-color:#4a0b06}.royale-btn-green{--cl: .4242;--cr: .4242;--pl: url(/assets/kit/btn-green-l.webp?v=ffdde8b0ae);--pm: url(/assets/kit/btn-green-m.webp?v=50122a1e2f);--pr: url(/assets/kit/btn-green-r.webp?v=cefc0748bb);-webkit-text-stroke-color:#0d3a10}.royale-btn-gray{--pl: url(/assets/kit/btn-grey-l.webp?v=99141c0679);--pm: url(/assets/kit/btn-grey-m.webp?v=b05d54d45d);--pr: url(/assets/kit/btn-grey-r.webp?v=b2172b971a);-webkit-text-stroke-color:#262b38}.game-over-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#050a199e;animation:royale-fade-in .3s ease-out}.game-over-modal{--w: min(86vw, 340px);--panel-s: calc(var(--w) / 424);position:relative;width:var(--w);margin-top:7rem;padding:4.4rem 1.6rem 2.2rem;text-align:center;background:url(/assets/kit/panel-top.webp?v=31890ed3b2) center top / 100% auto no-repeat,url(/assets/kit/panel-b.webp?v=02a9362f57) center bottom / 100% auto no-repeat,url(/assets/kit/panel-m.webp?v=ce6c57700d) 0 calc(var(--panel-s) * 48 - 2px) / 100% calc(100% - var(--panel-s) * 96 + 4px) no-repeat;animation:royale-pop .45s cubic-bezier(.2,1.6,.4,1)}.game-over-out{padding-top:5rem}.game-over-out .game-over-knight-out{filter:grayscale(.85) brightness(.8) drop-shadow(0 10px 10px rgba(0,0,0,.5));animation:none}.game-over-modal.game-over-lose{margin-top:calc(var(--w) * .16);padding-top:0}.game-over-lose .game-over-ribbon{margin-top:calc(var(--w) * -.16)}.game-over-ranks{display:grid;gap:.3rem;margin:0 0 1.1rem;padding:0;list-style:none}.game-over-ranks li{display:flex;align-items:center;gap:.55rem;padding:.22rem .6rem;border-radius:.6rem;background:#050c2299;box-shadow:inset 0 .14rem .28rem #0000008c;font-family:var(--font-display);color:#fff}.game-over-ranks li.is-me{outline:.09rem solid #f6c445}.game-over-rank-place{width:1.1rem;color:#ffe066}.game-over-rank-avatar{width:1.7rem;height:1.7rem;border-radius:50%}.game-over-rank-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.game-over-rank-home{display:flex;align-items:center;gap:.25rem;font-size:.95rem;color:#ffe9a0}.game-over-rank-home img{width:1.05rem}.game-over-again{gap:.6rem}.game-over-again .lobby-play-fee{height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:.8em;-webkit-text-stroke:inherit}.game-over-again .lobby-play-fee-icon{width:1.3em;height:1.3em}.game-over-hearts{position:absolute;left:50%;top:3.2rem;display:flex;gap:.35rem;transform:translate(-50%)}.game-over-hearts img{width:2.4rem;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.game-over-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.game-over-rays{position:absolute;left:50%;top:-3.5rem;width:22rem;height:22rem;margin:-11rem 0 0 -11rem;background:repeating-conic-gradient(from 0deg,rgba(255,230,120,.18) 0deg 10deg,transparent 10deg 24deg);mask-image:radial-gradient(circle,#000 0%,transparent 62%);-webkit-mask-image:radial-gradient(circle,#000 0%,transparent 62%);animation:royale-spin 24s linear infinite;pointer-events:none}.game-over-knight{position:absolute;left:50%;top:-7.5rem;height:12rem;transform:translate(-50%);filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));animation:royale-hero 2.4s ease-in-out infinite}.game-over-crown{position:absolute;left:50%;top:-10.6rem;width:4rem;margin-left:-2rem;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35));animation:royale-bob 1.8s ease-in-out infinite}.game-over-ribbon{position:relative;display:flex;align-items:center;justify-content:center;margin:0 calc(50% - var(--w) * .56) .9rem;aspect-ratio:517 / 162;padding:0 calc(var(--w) * .24) calc(var(--w) * .115);background:url(/assets/kit/title-ribbon.webp?v=66e5a6a5a9) center / 100% 100% no-repeat}.game-over-ribbon h2{margin:0;max-width:100%;padding:.08em .2em;overflow:hidden;white-space:nowrap;font-family:var(--font-display);font-weight:400;font-size:2.3rem;line-height:1.35;letter-spacing:.02em;color:#ffd84a;-webkit-text-stroke:.2em #14204a;paint-order:stroke fill}.game-over-winner{margin:0 0 1.3rem;font-family:var(--font-display);font-size:1.35rem;color:#ffe9a0;-webkit-text-stroke:1.5px #0b2457;paint-order:stroke fill}.game-over-coins{display:flex;align-items:center;justify-content:center;gap:.35rem;width:fit-content;margin:-.5rem auto 1.2rem;padding-block:.25rem .3rem;padding-inline:.3rem 1rem;border:2px solid #f6c445;border-radius:999px;background:#050c228c;box-shadow:0 0 0 2px #1d1209;font-family:var(--font-display);font-size:1.3rem;line-height:1;color:#ffe066;-webkit-text-stroke:1.5px #3b1d00;paint-order:stroke fill;animation:royale-pop .45s .25s cubic-bezier(.2,1.6,.4,1) both}.game-over-medals{display:flex;align-items:center;justify-content:center;gap:.35rem;width:fit-content;margin:-.5rem auto 1.2rem;padding-block:.25rem .3rem;padding-inline:.3rem 1rem;border:2px solid #f6c445;border-radius:999px;background:#050c228c;box-shadow:0 0 0 2px #1d1209;font-family:var(--font-display);font-size:1.15rem;line-height:1;color:#ffe066;-webkit-text-stroke:1.5px #3b1d00;paint-order:stroke fill}.game-over-medals.is-loss{border-color:#8a97b5;color:#e6ebf7}.game-over-medals-icon{flex:none;width:1.7rem;height:1.7rem}.game-over-coins-icon{width:1.9rem;height:1.9rem}.game-over-modal .royale-btn{min-width:70%}@keyframes royale-spin{to{transform:rotate(360deg)}}@keyframes royale-hero{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}@keyframes royale-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}@keyframes royale-fade-in{0%{opacity:0}}@keyframes royale-pop{0%{transform:scale(.6);opacity:0}}@media(prefers-reduced-motion:reduce){.game-over-rays,.game-over-knight,.game-over-crown,.lobby-play{animation:none}}.stage-backdrop{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(22px) brightness(.5) saturate(1.1)}.stage-col{position:relative;width:min(100vw,max(50.4vh,440px));width:min(100dvw,max(50.4dvh,440px));height:100vh;height:100dvh;margin:0 auto;overflow:hidden;overflow:clip;container-type:size;box-shadow:0 0 80px #0009}.loading-screen{position:fixed;inset:0;z-index:60;overflow:hidden;background:#0d1b3a;opacity:0;transition:opacity .42s ease}.loading-screen.is-shown{opacity:1}.loading-screen:not(.is-shown){pointer-events:none}.loading-art{position:absolute;inset:0;background-size:cover;background-position:center top}.loading-crest{position:absolute;left:0;right:0;top:20cqh;display:flex;flex-direction:column;align-items:center}.loading-lion{width:46cqw;height:46cqw}.loading-ribbon{display:flex;align-items:center;justify-content:center;width:80cqw;aspect-ratio:517 / 162;margin-top:-11cqw;padding:0 17cqw 8cqw;background:url(/assets/kit/title-ribbon.webp?v=66e5a6a5a9) center / 100% 100% no-repeat}.loading-word{display:block;max-width:100%;max-height:17cqw;object-fit:contain}.loading-ui{position:absolute;left:0;right:0;bottom:calc(14cqh + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;padding:0 7cqw;text-align:center}.loading-bar{position:relative;width:76cqw;aspect-ratio:656 / 49;background:url(/assets/kit/load-track.webp?v=c4a6ebe067) center / 100% 100% no-repeat}.loading-bar-fill{--h: 4.1cqw;--cl: .478;--cr: .478;--pl: url(/assets/kit/load-fill-l.webp?v=390b013b87);--pm: url(/assets/kit/load-fill-m.webp?v=b3e562d36f);--pr: url(/assets/kit/load-fill-r.webp?v=9f201667df);position:absolute;inset-inline-start:2%;top:13%;height:var(--h);transition:width .35s ease-out}.loading-bar-pct{margin-top:2.4cqw;font-family:var(--font-display);font-size:4.2cqw;line-height:1;color:#fff4dc;-webkit-text-stroke:1cqw #14204a;paint-order:stroke fill}.loading-title{margin:2.4cqw 0 0;font-family:var(--font-display);font-size:8.6cqw;line-height:1.1;color:#fff4dc;-webkit-text-stroke:1.8cqw #14204a;paint-order:stroke fill}.loading-tip{min-height:2.6em;margin:2.4cqw 0 0;max-width:76cqw;font-family:var(--font-tip);font-size:4.1cqw;line-height:1.5;color:#c9d1ec;animation:royale-fade-in .5s ease-out}.lobby{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;overflow:clip;background:#0d1b3a;font-family:var(--font-display);transition:opacity .9s ease,transform .9s cubic-bezier(.5,0,.3,1);-webkit-user-select:none;user-select:none}.lobby-opening{opacity:0;transform:scale(1.08);pointer-events:none}.lobby-col{--u: min(1cqw, .45cqh);--content: min(100cqw, calc(var(--u) * 112));--gutter: calc(var(--u) * 5);--gap: calc(var(--u) * 4);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}.lobby-col>*{position:relative;z-index:1}.lobby-bg{position:absolute!important;inset:0;z-index:0!important;background-size:cover;background-position:center top}.lobby-square-btn{display:block;width:calc(var(--u) * 11);padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease}.lobby-square-btn:active,.lobby-profile:active,.lobby-coins-add:active,.lobby-tab:active{transform:translateY(calc(var(--u) * .6))}.lobby-top{z-index:5!important;display:flex;align-items:center;align-self:center;gap:calc(var(--u) * 2.4);width:var(--content);padding:var(--gutter) var(--gutter) 0}.lobby-top .lobby-square-btn{flex:0 0 auto;width:calc(var(--u) * 11)}.lobby-profile{--pill-h: calc(var(--u) * 16);--pill-s: calc(var(--pill-h) / 159);--h: var(--pill-h);--cl: .956;--cr: .1635;--pl: url(/assets/kit/pill-profile-l.webp?v=2049ecf707);--pm: url(/assets/kit/pill-profile-m.webp?v=f4aefe2250);--pr: url(/assets/kit/pill-profile-r.webp?v=577fd40654);position:relative;isolation:isolate;flex:0 1 auto;min-width:calc(var(--u) * 42);margin-inline-end:auto;display:flex;align-items:center;height:var(--pill-h);padding:0;border:0;background:none;color:#14204a;font-family:inherit;cursor:pointer;text-align:start;touch-action:manipulation}.lobby-profile:before,.lobby-coins:before{content:"";position:absolute;inset:0;z-index:-1}[dir=rtl] .lobby-profile:before,[dir=rtl] .lobby-coins:before{transform:scaleX(-1)}.lobby-player-avatar{position:relative;display:block;flex:0 0 auto;border-radius:50%;border:calc(var(--u) * .9) solid #3fc46a;box-shadow:0 0 0 calc(var(--u) * .7) #f6c445,0 0 0 calc(var(--u) * 1.1) #1d1209,0 calc(var(--u) * 1) calc(var(--u) * 1.6) #00000080;background:#1d4a9c}.lobby-player-avatar.has-ring{border-width:0;box-shadow:none}.lobby-avatar{width:calc(var(--pill-s) * 104);height:calc(var(--pill-s) * 104);margin-inline-start:calc(var(--pill-s) * 24.5)}.lobby-profile .lobby-player-avatar:not(.has-ring){border-width:0;box-shadow:none}.lobby-avatar-img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.lobby-avatar-ring{position:absolute;left:calc((100% - 100% / .84) / 2);top:calc(50% - 100% / .84 * 405 / 351 * .58);width:calc(100% / .84);max-width:none;height:auto;pointer-events:none;filter:drop-shadow(0 calc(var(--u) * .6) 0 rgba(0,0,0,.4))}.lobby-avatar-crown{position:absolute;top:calc(var(--u) * -5);left:50%;width:calc(var(--u) * 7.4);transform:translate(-50%);filter:drop-shadow(0 calc(var(--u) * .4) 0 rgba(0,0,0,.4))}.lobby-profile-info{flex:1 1 auto;align-self:stretch;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(var(--u) * .4);padding-block:calc(var(--pill-s) * 30) calc(var(--pill-s) * 46);padding-inline:calc(var(--u) * 4.3) calc(var(--u) * 1.5)}.lobby-profile-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:calc(var(--u) * 4.2);line-height:1.05;padding-block:.1em .35em;margin-block:-.1em -.35em}.lobby-profile-wins{display:flex;align-items:center;gap:calc(var(--u) * .75);font-size:calc(var(--u) * 3.05);line-height:1;white-space:nowrap}.lobby-profile-wins img,.lobby-profile-wins :is(svg,img){flex:none;width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4)}.lobby-profile-wins strong{font-weight:400}.lobby-profile-wins span{font-family:var(--font-body);font-weight:700;color:#6a4a12}.lobby-coins{--pill-h: calc(var(--u) * 9.6);--pill-s: calc(var(--pill-h) / 125);--h: var(--pill-h);--cl: .968;--cr: .92;--pl: url(/assets/kit/pill-coin-l.webp?v=9acabca2ec);--pm: url(/assets/kit/pill-coin-m.webp?v=59d247a368);--pr: url(/assets/kit/pill-coin-r.webp?v=8f72765db0);position:relative;isolation:isolate;flex:0 0 auto;display:flex;align-items:center;height:var(--pill-h);padding-inline:calc(var(--pill-s) * 126) calc(var(--pill-s) * 120)}.lobby-coins-value{min-width:calc(var(--u) * 9);padding-top:calc(var(--u) * .6);font-size:calc(var(--u) * 4.2);color:#14204a;text-align:center}.lobby-coins-add{position:absolute;inset-block:0;inset-inline-end:0;width:calc(var(--pill-s) * 115);padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lobby-sheet .royale-btn{font-size:calc(var(--u) * 4.6)}.lobby-logo{position:relative;display:flex;flex-direction:column;align-items:center;height:calc(var(--u) * 40);margin:2.4cqh 0 0;font-weight:400}.lobby-logo-lion{position:relative;width:calc(var(--u) * 27);height:calc(var(--u) * 27)}.lobby-logo-ribbon{position:relative;display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 62);aspect-ratio:517 / 162;margin-top:calc(var(--u) * -7);padding:0 calc(var(--u) * 13) calc(var(--u) * 6.4);background:url(/assets/kit/title-ribbon.webp?v=66e5a6a5a9) center / 100% 100% no-repeat}.lobby-logo-title{display:block;max-width:100%;max-height:calc(var(--u) * 13.5);object-fit:contain}.lobby-maps{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2cqh}.lobby-map-main{position:relative;z-index:2;flex:0 1 auto;min-height:0;height:min(calc(var(--u) * 76),37cqh);aspect-ratio:746 / 703;animation:lobby-map-in .32s cubic-bezier(.2,1.4,.4,1)}.lobby-map-art{position:absolute;left:16.6%;top:10.4%;width:66.8%;height:51%;object-fit:cover}.lobby-map-frame{position:absolute;inset:0;width:100%;height:100%}@keyframes lobby-map-in{0%{opacity:0;transform:scale(.86)}}.lobby-map-name{position:absolute;left:21%;right:21%;top:66%;height:14.6%;justify-content:center;white-space:nowrap;font-size:calc(var(--u) * 4.2);line-height:1;color:#14204a}.lobby-map-name>span{overflow:hidden;text-overflow:ellipsis}.lobby-map-main .lobby-arena-progress-fill{--h: calc(min(calc(var(--u) * 76), 37cqh)/20) ;--cl: .468;--cr: .468;--pl: url(/assets/kit/bar-fill-l.webp?v=45eed80795);--pm: url(/assets/kit/bar-fill-m.webp?v=7588359fe5);--pr: url(/assets/kit/bar-fill-r.webp?v=3f481de410);position:absolute;inset-inline-start:10.9%;top:85.2%;height:var(--h);max-width:78.3%;transition:width .45s ease}.lobby-map-btn{display:flex;flex:0 1 auto;flex-direction:column;align-items:center;min-height:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lobby-map-btn:active .lobby-map-main{filter:brightness(.92)}.lobby-map-btn:focus-visible{outline:none}.lobby-map-btn:focus-visible .lobby-map-main{outline:2px solid #ffe066;outline-offset:2px}.lobby-map-name{display:inline-flex;align-items:center;gap:calc(var(--u) * 1.6)}.lobby-map-name-chevron{flex:none;width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4)}.lobby-arena-progress{display:flex;flex-direction:column;align-items:center;margin-top:calc(var(--u) * 2)}.lobby-arena-progress-text{display:flex;align-items:center;gap:calc(var(--u) * .8);font-family:var(--font-body);font-size:calc(var(--u) * 2.9);font-weight:600;line-height:1.1;color:#fff;text-shadow:0 calc(var(--u) * .3) calc(var(--u) * .5) rgba(0,0,0,.9);font-variant-numeric:tabular-nums}.lobby-arena-progress-text img{flex:none;width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.6)}.lobby-arenas{position:absolute!important;inset:0;z-index:30!important;display:flex;flex-direction:column;background:#14204a url(/assets/kit/bg.jpg?v=998112a088) center top / cover no-repeat;transform:translateY(100%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.3,1),visibility 0s linear .28s}.lobby-arenas.is-open{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.3,1)}.lobby-arenas-head{flex:none;display:flex;align-items:center;gap:calc(var(--u) * 3);padding:calc(calc(var(--u) * 3.4) + env(safe-area-inset-top,0px)) calc(var(--u) * 3.4) calc(var(--u) * 2.6)}.lobby-arenas-title{flex:1;margin:0;font-size:calc(var(--u) * 6.4);font-weight:400;line-height:1;color:#fff4dc;-webkit-text-stroke:calc(var(--u) * 1.2) #14204a;paint-order:stroke fill}.lobby-arenas-medals{display:flex;align-items:center;gap:calc(var(--u) * 1);font-size:calc(var(--u) * 4.4);line-height:1;color:#fff4dc;-webkit-text-stroke:calc(var(--u) * 1) #14204a;paint-order:stroke fill}.lobby-arenas-medals :is(svg,img){width:calc(var(--u) * 5);height:calc(var(--u) * 5)}.lobby-arenas-close{flex:none;width:calc(var(--u) * 10.5);padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lobby-arenas-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lobby-arenas-scroll::-webkit-scrollbar{display:none}.lobby-arenas-road{position:relative;display:flex;flex-direction:column;padding-block:calc(var(--u) * 5) calc(calc(var(--u) * 6) + env(safe-area-inset-bottom,0px))}.lobby-arenas-rail,.lobby-arenas-fill{position:absolute;inset-inline-start:calc(var(--u) * 9.5);width:calc(var(--u) * 2);border-radius:999px}.lobby-arenas-rail{top:calc(var(--u) * 8);bottom:calc(var(--u) * 9);background:#070f26;box-shadow:0 0 0 calc(var(--u) * .4) #5d76a8b3}.lobby-arenas-fill{bottom:calc(var(--u) * 9);background:linear-gradient(180deg,#fff4b0,#f6c445 40%,#c27a12);box-shadow:0 0 calc(var(--u) * 1.6) #f6c4454d;transition:height .7s ease}.lobby-arenas-marker{position:absolute;top:0;left:50%;z-index:3;display:flex;align-items:center;gap:calc(var(--u) * .6);padding:calc(var(--u) * .5) calc(var(--u) * 1.5);border:calc(var(--u) * .45) solid #f6c445;border-radius:999px;background:#0b1430;box-shadow:0 0 0 calc(var(--u) * .35) #1d1209;font-size:calc(var(--u) * 3.1);line-height:1;color:#fff;white-space:nowrap;transform:translate(-50%,-50%)}.lobby-arenas-marker :is(svg,img){width:calc(var(--u) * 4);height:calc(var(--u) * 4)}.lobby-arena{position:relative;display:flex;align-items:flex-start;padding-inline:calc(var(--u) * 21) calc(var(--u) * 4);padding-bottom:calc(var(--u) * 5)}.lobby-arena:last-child{padding-bottom:calc(var(--u) * 2)}.lobby-arena-gate{position:absolute;inset-inline-start:calc(var(--u) * 3);bottom:calc(var(--u) * 5);z-index:2;display:flex;flex-direction:column;align-items:center;width:calc(var(--u) * 15);font-size:calc(var(--u) * 3);line-height:1.1;color:#c7d3ee;font-variant-numeric:tabular-nums}.lobby-arena:last-child .lobby-arena-gate{bottom:calc(var(--u) * 2)}.lobby-arena-gate :is(svg,img){width:calc(var(--u) * 7);height:calc(var(--u) * 7);filter:grayscale(.9) brightness(.8)}.lobby-arena.is-passed .lobby-arena-gate,.lobby-arena.is-current .lobby-arena-gate{color:#ffe9a0}.lobby-arena.is-passed .lobby-arena-gate :is(svg,img),.lobby-arena.is-current .lobby-arena-gate :is(svg,img){filter:none}.lobby-arena-card{display:block;flex:1;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit}button.lobby-arena-card{cursor:pointer}button.lobby-arena-card:focus-visible{outline:none}button.lobby-arena-card:focus-visible .lobby-arena-art{outline:2px solid #ffe066;outline-offset:2px}.lobby-arena-art{position:relative;display:block;aspect-ratio:640 / 583;overflow:hidden;border:calc(var(--u) * .8) solid #f6c445;border-radius:calc(var(--u) * 3);background:#1d1209;box-shadow:0 0 0 calc(var(--u) * .5) #1d1209,0 calc(var(--u) * 1.6) calc(var(--u) * 2.4) #0000008c}.lobby-arena-art>img{display:block;width:100%;height:100%;object-fit:cover}.lobby-arena-name{display:block;margin-top:calc(var(--u) * 1.6);text-align:center;font-size:calc(var(--u) * 4.4);line-height:1.15;color:#fff;-webkit-text-stroke:calc(var(--u) * .25) #0b1430;paint-order:stroke fill}.lobby-arena-status{display:block;margin-top:calc(var(--u) * .6);text-align:center;font-family:var(--font-body);font-size:calc(var(--u) * 3);font-weight:600;line-height:1.2;color:#c7d3ee}.lobby-arena-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 1);font-size:calc(var(--u) * 5.2);line-height:1;color:#fff;-webkit-text-stroke:calc(var(--u) * .3) #0b1430;paint-order:stroke fill}.lobby-arena-lock{width:calc(var(--u) * 13);height:calc(var(--u) * 13);filter:drop-shadow(0 calc(var(--u) * .7) 0 rgba(0,0,0,.4))}.lobby-arena-need{display:flex;align-items:center;gap:calc(var(--u) * .8)}.lobby-arena-need :is(svg,img){width:calc(var(--u) * 6);height:calc(var(--u) * 6)}.lobby-arena.is-later .lobby-arena-art>img{filter:brightness(.5)}.lobby-arena.is-next .lobby-arena-status{color:#ffe9a0}.lobby-arena.is-current .lobby-arena-art{border-color:#ffe066;box-shadow:0 0 0 calc(var(--u) * .5) #1d1209,0 0 calc(var(--u) * 5) #ffe0666b}.lobby-arena.is-current .lobby-arena-status{color:#8ff0a4}.lobby-arena.is-passed .lobby-arena-art{border-color:#76819b}.lobby-arena.is-passed .lobby-arena-art>img{filter:grayscale(1) brightness(.62)}.lobby-arena.is-passed .lobby-arena-name{color:#c7d3ee}.lobby-arena-tick{display:block;width:calc(var(--u) * 11);height:calc(var(--u) * 11)}.lobby-rewards{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:calc(var(--u) * 1.8);margin-top:calc(var(--u) * 1.6)}.lobby-reward{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .2)}.lobby-reward-tile{--h: calc(var(--u) * 12);--cl: .2553;--cr: .2553;--pl: url(/assets/kit/mode-card-l.webp?v=084713e970);--pm: url(/assets/kit/mode-card-m.webp?v=895ce8c220);--pr: url(/assets/kit/mode-card-r.webp?v=418f053653);position:relative;display:block;width:calc(var(--u) * 13.6);height:var(--h)}.lobby-reward-tile.is-big{--h: calc(var(--u) * 17);width:calc(var(--u) * 19)}.lobby-reward-art{position:absolute;top:calc(var(--h) * .2);inset-inline-start:calc(var(--h) * .25);width:calc(100% - var(--h) * .5);height:calc(var(--h) * .59);object-fit:contain}.lobby-reward-glyph{display:grid;place-items:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--h) * .45);line-height:1}.lobby-reward-tick{position:absolute;bottom:calc(var(--h) * .21);inset-inline-end:calc(var(--h) * .25);width:calc(var(--h) * .28);height:calc(var(--h) * .28)}.lobby-reward-label{max-width:calc(var(--u) * 22);padding:.1em .25em;overflow:hidden;font-family:var(--font-display);font-size:calc(var(--u) * 3.2);line-height:1.25;color:#fff4dc;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:calc(var(--u) * .8) #14204a;paint-order:stroke fill}.lobby-reward-label.is-coins{color:#ffd84a}.lobby-sheet .lobby-reward-label{font-size:calc(var(--u) * 3.4)}.lobby-prize-items{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--u) * 2.4)}.lobby-gift{position:relative;display:flex;align-items:flex-start;min-height:calc(var(--u) * 13);padding-inline:calc(var(--u) * 21) calc(var(--u) * 4);padding-bottom:calc(var(--u) * 5)}.lobby-gift .lobby-rewards{justify-content:flex-start;margin-top:0}.lobby-gift-mark{position:absolute;inset-inline-start:calc(var(--u) * 3);top:calc(var(--u) * 1.5);z-index:2;display:flex;flex-direction:column;align-items:center;width:calc(var(--u) * 15);font-size:calc(var(--u) * 3);line-height:1.1;color:#c7d3ee;font-variant-numeric:tabular-nums}.lobby-gift-box{position:relative;display:block;width:calc(var(--u) * 9);height:calc(var(--u) * 9)}.lobby-gift-box>img{display:block;width:100%;height:100%;filter:grayscale(.85) brightness(.75)}.lobby-gift-tick{position:absolute;bottom:calc(var(--u) * -.8);inset-inline-end:calc(var(--u) * -1.4);width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4)}.lobby-gift.is-got .lobby-gift-mark,.lobby-gift.is-next .lobby-gift-mark{color:#ffe9a0}.lobby-gift.is-got .lobby-gift-box>img,.lobby-gift.is-next .lobby-gift-box>img{filter:none}.lobby-gift.is-next .lobby-gift-box{animation:lobby-gift-breathe 2.6s ease-in-out infinite}.lobby-gift.is-new .lobby-gift-box{animation:lobby-gift-pop .7s ease .5s 1 both}@keyframes lobby-gift-breathe{50%{transform:translateY(calc(var(--u) * -.7))}}@keyframes lobby-gift-pop{40%{transform:scale(1.25)}}.lobby-arena.is-new .lobby-arena-art{animation:lobby-arena-open 1.4s ease .25s 1}.lobby-arena-unlocking{animation:lobby-arena-unlock .6s ease .25s 1 both}@keyframes lobby-arena-open{40%{box-shadow:0 0 0 calc(var(--u) * .5) #1d1209,0 0 calc(var(--u) * 8) #ffe066bf}}@keyframes lobby-arena-unlock{to{opacity:0;transform:translateY(calc(var(--u) * -3)) scale(1.15)}}@media(prefers-reduced-motion:reduce){.lobby-arenas,.lobby-arenas.is-open,.lobby-arenas-fill,.lobby-arena-progress-fill{transition:none}.lobby-arena.is-new .lobby-arena-art,.lobby-gift .lobby-gift-box{animation:none}}.lobby-error{align-self:center;width:calc(var(--content) - var(--gutter) * 2);margin:calc(var(--u) * 2) 0 0;padding:calc(var(--u) * 1.6) calc(var(--u) * 3);border:calc(var(--u) * .5) solid #f6c445;border-radius:calc(var(--u) * 2.4);background:#961812e6;font-size:calc(var(--u) * 3.6);color:#fff;text-align:center}.lobby-modes{display:flex;flex-direction:column;align-self:center;gap:var(--gap);width:var(--content);padding:var(--gap) var(--gutter) calc(var(--u) * 3)}.lobby-mode{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 2.6);width:100%;min-width:0;--h: calc(var(--u) * 26);--cl: .2553;--cr: .2553;--pl: url(/assets/kit/mode-card-l.webp?v=084713e970);--pm: url(/assets/kit/mode-card-m.webp?v=895ce8c220);--pr: url(/assets/kit/mode-card-r.webp?v=418f053653);height:var(--h);padding:calc(var(--h) * .12) calc(var(--h) * .12 + var(--u) * 2.4) calc(var(--h) * .15);border:0;font-family:inherit;color:#fff4dc;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease}.lobby-mode:active{transform:translateY(calc(var(--u) * 1))}.lobby-mode.is-locked{--pl: url(/assets/kit/mode-locked-l.webp?v=d29a6bfd81);--pm: url(/assets/kit/mode-locked-m.webp?v=3bb4b9cce3);--pr: url(/assets/kit/mode-locked-r.webp?v=6cae6d62f1)}.lobby-mode-icon{flex:none;width:calc(var(--h) * .42);height:calc(var(--h) * .36)}.lobby-mode-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * .6)}.lobby-mode-end{flex:none;display:grid;place-items:center;width:calc(var(--u) * 7);height:calc(var(--u) * 7)}.lobby-mode-end>*{width:100%;height:100%}.lobby-mode-end>.kit-icon{width:70%;height:70%}.lobby-mode-title,.lobby-mode-sub,.lobby-mode-prize{-webkit-text-stroke:calc(var(--u) * .9) #14204a;paint-order:stroke fill}.lobby-mode-title{max-width:100%;font-size:calc(var(--u) * 5);line-height:1.15;white-space:nowrap}.lobby-mode-sub{font-size:calc(var(--u) * 3.4);line-height:1.15;white-space:nowrap}.lobby-mode-prize{display:flex;align-items:center;gap:calc(var(--u) * 1);max-width:100%;font-size:calc(var(--u) * 3.6);line-height:1.15;white-space:nowrap}.lobby-mode-prize-amount{display:flex;align-items:center;gap:calc(var(--u) * .8);color:#ffd84a}.lobby-mode-prize.is-long{font-size:calc(var(--u) * 3)}.lobby-mode-prize-icon{flex:none;width:calc(var(--u) * 4.4);height:calc(var(--u) * 4.4)}.lobby-modes-sheet{--panel-s: calc(var(--u) * 86 / 424);width:calc(var(--u) * 86);align-items:stretch}.lobby-modes-sheet>h2{align-self:center}.lobby-modes-sheet .lobby-mode{--h: calc(var(--u) * 22)}.lobby-play{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 1.8);--h: calc(var(--u) * 16);--cl: .4242;--cr: .4242;--pl: url(/assets/kit/btn-green-l.webp?v=ffdde8b0ae);--pm: url(/assets/kit/btn-green-m.webp?v=50122a1e2f);--pr: url(/assets/kit/btn-green-r.webp?v=cefc0748bb);height:var(--h);padding:0 calc(var(--u) * 6) calc(var(--u) * 1.6);border:0;font-family:inherit;font-size:calc(var(--u) * 5.8);line-height:1;color:#fff4dc;-webkit-text-stroke:calc(var(--u) * 1.1) #0d3a10;paint-order:stroke fill;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease,filter .15s ease;animation:lobby-play-pulse 1.8s ease-in-out infinite}.lobby-play:active:not(:disabled){transform:translateY(calc(var(--u) * 1))}.lobby-play:disabled{cursor:default;filter:grayscale(.6) brightness(.8);animation:none}@keyframes lobby-play-pulse{50%{scale:1.025}}.lobby-play-label{min-width:0;padding:.12em .2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.25}.lobby-play-label:lang(fa){font-size:calc(var(--u) * 6.8)}.lobby-play-fee{flex:0 0 auto;display:inline-flex;align-items:center;gap:calc(var(--u) * .6);height:calc(var(--u) * 7);padding-inline:calc(var(--u) * .6) calc(var(--u) * 2.6);border:calc(var(--u) * .55) solid #f6c445;border-radius:999px;background:linear-gradient(180deg,#24498c,#142a55);box-shadow:0 0 0 calc(var(--u) * .4) #1d1209,inset 0 calc(var(--u) * .4) 0 #ffffff2e;font-size:calc(var(--u) * 4.4);color:#fff;-webkit-text-stroke:calc(var(--u) * .25) #0b1430;text-shadow:none}.lobby-play .lobby-play-fee{height:auto;padding:0;border:0;background:none;box-shadow:none;font-size:calc(var(--u) * 4.2);-webkit-text-stroke:inherit}.lobby-play-fee-icon{width:calc(var(--u) * 5);height:calc(var(--u) * 5)}.lobby-play .lobby-play-fee-short{color:#ffb4a8}.lobby-nav{--nav-w: calc(var(--content) - var(--gutter) * 2);--strip-h: calc(var(--nav-w) * 136 / 980);display:grid;grid-template-columns:210fr 158fr 244fr 158fr 210fr;align-items:end;align-self:center;width:var(--nav-w);height:calc(var(--u) * 18.7);margin-bottom:calc(var(--u) * 3 + env(safe-area-inset-bottom,0px));background:url(/assets/kit/nav-strip.webp?v=704df73eac) center bottom / 100% var(--strip-h) no-repeat}.lobby-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--strip-h) * .02);height:var(--strip-h);padding:calc(var(--strip-h) * .19) 0 calc(var(--strip-h) * .17);border:none;background:none;font-family:inherit;font-size:calc(var(--strip-h) * .21);line-height:1.15;color:#fff4dc;-webkit-text-stroke:calc(var(--u) * .8) #14204a;paint-order:stroke fill;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lobby-tab-icon{width:calc(var(--strip-h) * .4);height:calc(var(--strip-h) * .32)}.lobby-tab-home{justify-self:center;width:calc(var(--u) * 22);height:auto;aspect-ratio:176 / 146;margin-bottom:calc(var(--u) * .4);padding:0 0 calc(var(--u) * 2.4);background:url(/assets/kit/tab-on.webp?v=91f94f6776) center / 100% 100% no-repeat;color:#14204a;-webkit-text-stroke:0;font-size:calc(var(--u) * 3.6);cursor:default}.lobby-tab-home .lobby-tab-icon{width:calc(var(--u) * 10);height:calc(var(--u) * 8.6)}.lobby-toast{position:absolute!important;left:50%;bottom:calc(calc(var(--u) * 26) + env(safe-area-inset-bottom,0px));z-index:45!important;--h: calc(var(--u) * 10);--cl: .6737;--cr: .6737;--pl: url(/assets/kit/name-plate-l.webp?v=1733252b4c);--pm: url(/assets/kit/name-plate-m.webp?v=a6c8fea961);--pr: url(/assets/kit/name-plate-r.webp?v=307bd9612c);display:flex;align-items:center;height:var(--h);padding:calc(var(--u) * .4) calc(var(--u) * 9) 0;font-size:calc(var(--u) * 4.2);color:#14204a;white-space:nowrap;transform:translate(-50%);animation:lobby-toast 1.8s ease both}@keyframes lobby-toast{0%{opacity:0;transform:translate(-50%,calc(var(--u) * 2)) scale(.9)}12%,80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(var(--u) * -1))}}.lobby-modal{position:absolute!important;inset:0;z-index:40!important;display:flex;align-items:center;justify-content:center;background:#040a1e9e;animation:royale-fade-in .2s ease-out}.lobby-sheet{--panel-s: calc(var(--u) * 80 / 424);position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3);width:calc(var(--u) * 80);min-height:calc(var(--u) * 46);padding:calc(var(--panel-s) * 26) calc(var(--u) * 7) calc(var(--u) * 7);background:url(/assets/kit/panel-t.webp?v=600ab3479e) center top / 100% auto no-repeat,url(/assets/kit/panel-b.webp?v=02a9362f57) center bottom / 100% auto no-repeat,url(/assets/kit/panel-m.webp?v=ce6c57700d) 0 calc(var(--panel-s) * 96 - 2px) / 100% calc(100% - var(--panel-s) * 144 + 4px) no-repeat;color:#fff4dc;text-align:center;animation:royale-pop .3s cubic-bezier(.2,1.5,.4,1)}.lobby-sheet>h2{order:-1}.lobby-sheet h2{display:flex;align-items:center;justify-content:center;margin:0 0 calc(var(--panel-s) * 22);max-width:70%;height:calc(var(--panel-s) * 46);overflow:hidden;font-weight:400;font-size:calc(var(--u) * 5.2);line-height:1;white-space:nowrap;color:#14204a}.lobby-sheet-close{position:absolute;top:calc(var(--u) * -3.6);inset-inline-end:calc(var(--u) * -3.6);width:calc(var(--u) * 10.5);padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .08s ease}.lobby-sheet-close:active{transform:translateY(calc(var(--u) * .6))}.lobby-sheet-heading{display:flex;align-items:center;gap:calc(var(--u) * 2.4);width:100%;margin:calc(var(--u) * 1) 0 0;font-weight:400;font-size:calc(var(--u) * 4.2);letter-spacing:.04em;text-transform:uppercase;color:#ffd84a;-webkit-text-stroke:calc(var(--u) * .25) #3b1d00;paint-order:stroke fill}.lobby-sheet-heading:before,.lobby-sheet-heading:after{content:"";flex:1;height:calc(var(--u) * .6);border-radius:999px;background:linear-gradient(90deg,transparent,#f6c445)}.lobby-sheet-heading:after{background:linear-gradient(90deg,#f6c445,transparent)}.lobby-stat,.lobby-setting{border-radius:calc(var(--u) * 3);background:#050c2299;box-shadow:inset 0 calc(var(--u) * .6) calc(var(--u) * 1.2) #0000008c,0 calc(var(--u) * .3) 0 #ffffff1f}.lobby-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 2.4);width:100%;margin:0;padding:0;list-style:none}.lobby-stat{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * 2.4) calc(var(--u) * 1) calc(var(--u) * 2)}.lobby-stat svg,.lobby-stat img{width:calc(var(--u) * 9);height:calc(var(--u) * 9);object-fit:contain;filter:drop-shadow(0 calc(var(--u) * .4) 0 rgba(0,0,0,.4))}.lobby-stat strong{font-weight:400;font-size:calc(var(--u) * 7);line-height:1;-webkit-text-stroke:calc(var(--u) * .3) #0b1430;paint-order:stroke fill}.lobby-stat span{font-family:var(--font-body);font-size:calc(var(--u) * 3.2);line-height:1.1;color:#cfe0ff}.lobby-setting{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 3);width:100%;padding-block:calc(var(--u) * 2) calc(var(--u) * 2.4);padding-inline:calc(var(--u) * 4) calc(var(--u) * 2);font-size:calc(var(--u) * 5.2)}.lobby-setting .royale-btn{min-width:calc(var(--u) * 28)}.lobby-profile-sheet{margin-top:calc(var(--u) * 18)}.lobby-sheet-avatar{position:absolute;left:50%;top:calc(var(--u) * -21);width:calc(var(--u) * 20);height:calc(var(--u) * 20);translate:-50% 0;box-shadow:0 0 0 calc(var(--u) * .7) #f6c445,0 0 0 calc(var(--u) * 1.1) #1d1209}.lobby-sheet-field{display:flex;align-items:center;gap:calc(var(--u) * 2.4);width:100%;padding:calc(var(--u) * 1.4);padding-inline-start:calc(var(--u) * 3);border:calc(var(--u) * .6) solid #f6c445;border-radius:calc(var(--u) * 3);background:linear-gradient(180deg,#2a1f18,#3a2c20);box-shadow:inset 0 calc(var(--u) * .6) calc(var(--u) * 1) #0000008c}.lobby-sheet-field span{font-size:calc(var(--u) * 3.8);text-transform:uppercase;color:#ffd84a}.lobby-sheet .lobby-sheet-field-btn{flex:0 0 auto;padding:calc(var(--u) * 1.4) calc(var(--u) * 3) calc(var(--u) * 1.8);font-size:calc(var(--u) * 3.8);border-radius:calc(var(--u) * 2.4)}.lobby-sheet-field input{flex:1;min-width:0;padding:calc(var(--u) * 1.6) calc(var(--u) * 2);border:none;border-radius:calc(var(--u) * 2);background:#00000059;font-family:inherit;font-size:calc(var(--u) * 5);color:#fff;outline:none;-webkit-user-select:text;user-select:text}.lobby-sheet-note{margin:0;font-family:var(--font-body);font-size:calc(var(--u) * 3.6);color:#cfe0ff}.lobby-spinner{width:calc(var(--u) * 13);height:calc(var(--u) * 13);border-radius:50%;border:calc(var(--u) * 1.6) solid rgba(255,255,255,.2);border-top-color:#ffd84a;animation:royale-spin .8s linear infinite}.lobby-sheet.lobby-shop-sheet{width:calc(var(--u) * 92);height:min(86cqh,calc(var(--u) * 210));gap:calc(var(--u) * 2);padding:calc(var(--u) * 5) calc(var(--u) * 3) calc(var(--u) * 3.4)}.lobby-shop-balance{display:flex;flex:none;align-items:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * .8);padding-inline-end:calc(var(--u) * 4);border-radius:999px;background:#050c2299;box-shadow:inset 0 calc(var(--u) * .6) calc(var(--u) * 1.2) #0000008c,0 calc(var(--u) * .3) 0 #ffffff1f;font-size:calc(var(--u) * 5.4);line-height:1;-webkit-text-stroke:calc(var(--u) * .28) #0b1430;paint-order:stroke fill}.lobby-shop-balance-icon{width:calc(var(--u) * 7.5);height:calc(var(--u) * 7.5);filter:drop-shadow(0 calc(var(--u) * .4) 0 rgba(0,0,0,.35))}.lobby-shop-scroll{display:flex;flex:1;flex-direction:column;gap:calc(var(--u) * 4);width:100%;min-height:0;padding:calc(var(--u) * 1.2) calc(var(--u) * 1) calc(var(--u) * 4);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--u) * 2.4),#000 calc(100% - calc(var(--u) * 4)),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 calc(var(--u) * 2.4),#000 calc(100% - calc(var(--u) * 4)),transparent 100%)}.lobby-shop-scroll::-webkit-scrollbar{display:none}.lobby-shop-section{display:flex;flex:none;flex-direction:column;align-items:center;gap:calc(var(--u) * 2)}.lobby-shop-hint{margin-top:calc(var(--u) * -.6);font-size:calc(var(--u) * 3.2)}.lobby-shop-status{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3);margin:auto 0}.lobby-shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * 2);width:100%;margin:0;padding:0;list-style:none}.lobby-shop-grid.is-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * 2.4)}.lobby-shop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * 2) calc(var(--u) * 1.2) calc(var(--u) * 2.2);border-radius:calc(var(--u) * 3);background:radial-gradient(ellipse at 50% 30%,rgba(246,196,69,.22) 0%,transparent 62%),#050c2299;box-shadow:inset 0 calc(var(--u) * .6) calc(var(--u) * 1.2) #0000008c,0 calc(var(--u) * .3) 0 #ffffff1f}.lobby-shop-card.is-equipped{background:radial-gradient(ellipse at 50% 30%,rgba(246,196,69,.38) 0%,transparent 66%),#050c2299;box-shadow:inset 0 0 0 calc(var(--u) * .6) #f6c445,inset 0 calc(var(--u) * .6) calc(var(--u) * 1.6) #00000080,0 0 calc(var(--u) * 2) #f6c44559}.lobby-shop-check{position:absolute;top:calc(var(--u) * 1);inset-inline-end:calc(var(--u) * 1);width:calc(var(--u) * 5.4);height:calc(var(--u) * 5.4);filter:drop-shadow(0 calc(var(--u) * .3) 0 rgba(0,0,0,.4))}.lobby-shop-pack-art{width:calc(var(--u) * 13);height:calc(var(--u) * 13);filter:drop-shadow(0 calc(var(--u) * .6) 0 rgba(0,0,0,.4))}.lobby-shop-pack strong{font-weight:400;font-size:calc(var(--u) * 6);line-height:1;color:#ffe066;-webkit-text-stroke:calc(var(--u) * .3) #3b1d00;paint-order:stroke fill}.lobby-sheet .lobby-shop-buy{width:100%;margin-top:auto;padding:calc(var(--u) * 1.3) calc(var(--u) * .8) calc(var(--u) * 1.6);font-size:calc(var(--u) * 3.6);-webkit-text-stroke-width:calc(var(--u) * .45);white-space:normal;border-radius:calc(var(--u) * 2.2)}.lobby-sheet .is-packs .lobby-shop-buy{padding:calc(var(--u) * 1.6) calc(var(--u) * 2) calc(var(--u) * 2);font-size:calc(var(--u) * 4.2);border-radius:calc(var(--u) * 2.4)}.lobby-shop-test-note{flex:none;margin:0;padding:calc(var(--u) * .8) calc(var(--u) * 3) calc(var(--u) * 1);border:calc(var(--u) * .35) dashed rgba(246,196,69,.7);border-radius:999px;font-family:var(--font-body);font-size:calc(var(--u) * 3);color:#ffe9a0}.lobby-shop-item-art{width:calc(var(--u) * 16);height:calc(var(--u) * 16);object-fit:contain;filter:drop-shadow(0 calc(var(--u) * .6) 0 rgba(0,0,0,.4))}.lobby-shop-emoji-art{display:flex;align-items:center;justify-content:center;width:calc(var(--u) * 16);height:calc(var(--u) * 16);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:calc(var(--u) * 10.5);line-height:1;filter:drop-shadow(0 calc(var(--u) * .6) 0 rgba(0,0,0,.4))}.lobby-shop-item-art.is-avatar{border-radius:50%;object-fit:cover}.lobby-shop-ring-art{width:calc(var(--u) * 11.5);height:calc(var(--u) * 11.5);margin:calc(var(--u) * 3.4) 0 calc(var(--u) * 1.1)}.lobby-shop-item-name{max-width:100%;font-size:calc(var(--u) * 3.6);line-height:1.1;overflow-wrap:anywhere;-webkit-text-stroke:calc(var(--u) * .25) #0b1430;paint-order:stroke fill}.lobby-shop-prices{display:flex;flex-direction:column;gap:calc(var(--u) * 1.4);width:100%;margin-top:auto}.lobby-sheet .lobby-shop-prices .lobby-shop-buy{margin-top:0}.lobby-sheet .lobby-shop-buy-coins{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * .8)}.lobby-shop-buy-icon{width:calc(var(--u) * 4.2);height:calc(var(--u) * 4.2);flex:none}
