@font-face{font-family:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-bhaijaan-2-arabic-wght-normal-CRcpK9-Q.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-bhaijaan-2-vietnamese-wght-normal-BbBSjvDu.woff2)format("woff2-variations");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:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-bhaijaan-2-latin-ext-wght-normal-CVnLRR-E.woff2)format("woff2-variations");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:"Baloo Bhaijaan 2 Variable";font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/baloo-bhaijaan-2-latin-wght-normal-Dg-XQwW0.woff2)format("woff2-variations");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: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+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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+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: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+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: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+??,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:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-arabic-400-normal-CyCXRvzh.woff2)format("woff2"),url(/assets/tajawal-arabic-400-normal-DCQxawbB.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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:Tajawal;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/tajawal-latin-400-normal-BVNSOH3d.woff2)format("woff2"),url(/assets/tajawal-latin-400-normal-BdYcZznU.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:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-arabic-500-normal-BZ8ojJNu.woff2)format("woff2"),url(/assets/tajawal-arabic-500-normal-CbVEaYEW.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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:Tajawal;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/tajawal-latin-500-normal-CoYeBiSI.woff2)format("woff2"),url(/assets/tajawal-latin-500-normal-DU9v6xgj.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:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-arabic-700-normal-D2-eand5.woff2)format("woff2"),url(/assets/tajawal-arabic-700-normal-9L7Zusdl.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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:Tajawal;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/tajawal-latin-700-normal-BypgxfGb.woff2)format("woff2"),url(/assets/tajawal-latin-700-normal-CV3bxpHe.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:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-arabic-800-normal-TQp-UTiE.woff2)format("woff2"),url(/assets/tajawal-arabic-800-normal-Bp_4IW2m.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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:Tajawal;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/tajawal-latin-800-normal-CmI34b-g.woff2)format("woff2"),url(/assets/tajawal-latin-800-normal-Dm5jVIIh.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{--font-display:"Baloo Bhaijaan 2 Variable", "Tajawal", system-ui, sans-serif;--font-logo:"Lalezar", "Baloo Bhaijaan 2 Variable", system-ui, sans-serif;--font-body:"Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--c-bg-1:#0a0620;--c-bg-2:#2a1166;--c-bg-3:#6d28d9;--ink:#fff;--ink-dim:#ffffffbd;--ink-faint:#ffffff9e;--ink-dark:#2a1a4a;--surface:#ffffff1a;--surface-2:#ffffff29;--surface-3:#ffffff3d;--line:#ffffff29;--line-strong:#ffffff4d;--panel:color-mix(in srgb, var(--c-bg-2) 55%, #0b0524);--panel-2:color-mix(in srgb, var(--c-bg-2) 78%, #fff 7%);--panel-line:color-mix(in srgb, var(--c-bg-3) 45%, transparent);--panel-edge:color-mix(in srgb, var(--c-bg-1) 70%, #000);--primary:#ffce3a;--primary-2:#ffb01f;--primary-edge:#b9760a;--primary-ink:#5a3b00;--secondary:#ff5c9d;--secondary-2:#ff3d86;--secondary-edge:#b81f5c;--accent:#2fe3c8;--accent-2:#16c9ad;--accent-edge:#0a8e79;--success:#33c870;--success-edge:#1d8f4c;--danger:#ff5470;--danger-edge:#c42a45;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-2xl:36px;--r-pill:999px;--sh-sm:0 2px 6px #00000040;--sh-md:0 8px 22px #0000004d;--sh-lg:0 16px 40px #0000006b;--hi:inset 0 2px 0 #fff6;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:28px;--s7:40px;--s8:56px;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%);--wallpaper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(28,26) rotate(-12)'%3E%3Crect width='32' height='32' rx='7'/%3E%3Ccircle cx='9' cy='9' r='2.4' fill='rgba(255,255,255,0.06)' stroke='none'/%3E%3Ccircle cx='16' cy='16' r='2.4' fill='rgba(255,255,255,0.06)' stroke='none'/%3E%3Ccircle cx='23' cy='23' r='2.4' fill='rgba(255,255,255,0.06)' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(136,20) rotate(9)'%3E%3Cpath d='M13 0l3.8 7.9 8.6 1.2-6.2 6 1.5 8.6L13 19.6l-7.7 4.1 1.5-8.6-6.2-6 8.6-1.2z'/%3E%3C/g%3E%3Cg transform='translate(232,44) rotate(-7)'%3E%3Cpath d='M0 6.5C0 2.9 3 0 6.8 0c3.7 0 6.7 2.9 6.7 6.3 0 4.9-6.3 5.2-6.3 10'/%3E%3Ccircle cx='7' cy='22.5' r='2.2' fill='rgba(255,255,255,0.06)' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(24,132) rotate(6)'%3E%3Crect width='36' height='27' rx='8'/%3E%3Cpath d='M10 27l4 9 7-9'/%3E%3C/g%3E%3Cg transform='translate(130,118) rotate(-8)'%3E%3Cpath d='M2 0h24v7a12 12 0 0 1-24 0z'/%3E%3Cpath d='M11 19v6M7 25h14M0 3h-0M28 3c4 0 4 8-2 9M0 3c-4 0-4 8 2 9'/%3E%3C/g%3E%3Cg transform='translate(226,142) rotate(12)'%3E%3Crect width='27' height='37' rx='5'/%3E%3Ccircle cx='13.5' cy='18.5' r='5.5'/%3E%3C/g%3E%3Cg transform='translate(42,222) rotate(-9)'%3E%3Crect width='44' height='24' rx='12'/%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3Ccircle cx='32' cy='10' r='2' fill='rgba(255,255,255,0.06)' stroke='none'/%3E%3Ccircle cx='37' cy='15' r='2' fill='rgba(255,255,255,0.06)' stroke='none'/%3E%3C/g%3E%3Cg transform='translate(150,236) rotate(5)'%3E%3Cpath d='M0 18L5 4l7 8L18 0l6 12 7-8 5 14z'/%3E%3Cpath d='M2 24h32'/%3E%3C/g%3E%3Cg transform='translate(248,232) rotate(-14)'%3E%3Cpath d='M12 0L3 17h7L6 32l15-19h-8L18 0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}[data-theme=ocean]{--c-bg-1:#04263b;--c-bg-2:#0e4a6e;--c-bg-3:#1488b0;--primary:#59d2ff;--primary-2:#2bb6ef;--primary-edge:#0a6f9e;--primary-ink:#05384d;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=sunset]{--c-bg-1:#2a0a2e;--c-bg-2:#7a1f3a;--c-bg-3:#d9532b;--primary:#ffb24d;--primary-2:#ff8f1f;--primary-edge:#b35e0a;--primary-ink:#4d2a00;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=forest]{--c-bg-1:#06281c;--c-bg-2:#0f5135;--c-bg-3:#1f9d5c;--primary:#b6ff4d;--primary-2:#8fe01f;--primary-edge:#5e8f0a;--primary-ink:#20330a;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=midnight]{--c-bg-1:#05060f;--c-bg-2:#0e1430;--c-bg-3:#243a7a;--primary:#6f9dff;--primary-2:#3d6fff;--primary-edge:#1f3fb8;--primary-ink:#0a1a4d;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=candy]{--c-bg-1:#2e0a2a;--c-bg-2:#7a1f63;--c-bg-3:#d92ba0;--primary:#ff6bd1;--primary-2:#ff3db0;--primary-edge:#b81f7c;--primary-ink:#4d0033;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=neon]{--c-bg-1:#0a0420;--c-bg-2:#1b0b3e;--c-bg-3:#6a1bd6;--primary:#2ffaff;--primary-2:#19d6e6;--primary-edge:#0a7e8e;--primary-ink:#042a30;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=lava]{--c-bg-1:#1a0606;--c-bg-2:#4a0f12;--c-bg-3:#d63a1f;--primary:#ff7a3d;--primary-2:#ff5320;--primary-edge:#b3300a;--primary-ink:#401200;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=toxic]{--c-bg-1:#04130a;--c-bg-2:#0a3318;--c-bg-3:#18b35a;--primary:#4dff88;--primary-2:#1fe066;--primary-edge:#0a8f3c;--primary-ink:#043318;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=gold]{--c-bg-1:#0a0a1a;--c-bg-2:#16213e;--c-bg-3:#2a3a6e;--primary:#ffd24d;--primary-2:#ffb81f;--primary-edge:#b3820a;--primary-ink:#3d2c00;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}[data-theme=carbon]{--c-bg-1:#0c0e12;--c-bg-2:#1a1f29;--c-bg-3:#2e3a4e;--primary:#5cc8ff;--primary-2:#2ba6ef;--primary-edge:#0a6f9e;--primary-ink:#052838;--bg-app:linear-gradient(172deg, var(--c-bg-2), var(--c-bg-1) 72%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-app);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;touch-action:manipulation;background-attachment:fixed;overflow:hidden}#root{justify-content:center;display:flex}:root{--stage-w:480px}@media (width>=760px){:root{--stage-w:720px}}@media (width>=1100px){:root{--stage-w:920px}}.app-frame{width:100%;max-width:var(--stage-w);isolation:isolate;background-image:var(--wallpaper);background-size:300px 300px;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.app-frame:before{content:"";z-index:3;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.app-frame:after{content:"";z-index:3;pointer-events:none;background:radial-gradient(130% 100% at 50% 42%,#0000 58%,#04020e80 100%);position:absolute;inset:0}.screen{z-index:1}@media (width>=540px){.app-frame{box-shadow:0 0 0 1px #ffffff12,0 30px 90px #0000008c}}@media (width>=760px){.settings,.qa,.lobby,.join{width:100%;max-width:640px;margin-inline:auto}}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.btn:active:not(:disabled){filter:none;transform:translateY(4px)}.icon-btn:hover{background:var(--surface-3);transform:translateY(-1px)}.icon-btn:active{transform:scale(.92)}.chip:hover:not(.is-on){background:var(--surface-2);color:var(--ink)}.card:hover{transform:translateY(-3px)scale(1.02)}.card:active{transform:scale(.94)}.mode-card:hover:not(:disabled),.preset-card:hover,.ob__mode:hover{border-color:var(--line-strong);transform:translateY(-3px)}.theme-swatch:hover,.pick-emoji:hover,.opt-tab:hover:not(.is-on){background:var(--surface-2)}}.screen{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);flex-direction:column;display:flex;position:absolute;inset:0}.scroll-y{-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior:contain;overflow-y:auto}.scroll-y::-webkit-scrollbar{display:none}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;font-family:inherit}.selectable{-webkit-user-select:text;user-select:text}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{--btn-bg1:var(--surface-2);--btn-bg2:var(--surface);--btn-edge:#00000052;--btn-ink:var(--ink);--btn-glow:transparent;font-family:var(--font-display);letter-spacing:.3px;color:var(--btn-ink);border-radius:var(--r-pill);background:linear-gradient(180deg, color-mix(in srgb, var(--btn-bg1) 78%, #fff) 0%, var(--btn-bg1) 34%, var(--btn-bg2) 100%);box-shadow:inset 0 2px 0 #ffffff80, inset 0 -3px 6px #00000024, 0 7px 0 var(--btn-edge), 0 10px 22px #00000059, 0 0 24px var(--btn-glow);text-shadow:0 1px #ffffff40;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:15px 28px;font-size:21px;line-height:1;transition:transform 60ms,box-shadow 60ms,filter .15s;display:inline-flex;position:relative;overflow:hidden}.btn:active{box-shadow:inset 0 2px 0 #ffffff59, inset 0 3px 8px #0000002e, 0 2px 0 var(--btn-edge), var(--sh-sm);transform:translateY(5px)}.btn--primary:after,.btn--secondary:after,.btn--accent:after,.btn--success:after{content:"";top:-30%;bottom:-30%;pointer-events:none;background:linear-gradient(100deg,#0000 0%,#ffffff73 50%,#0000 100%);width:34%;animation:4.6s ease-in-out infinite btn-shine;position:absolute;inset-inline-start:-60%;transform:skew(-18deg)}@keyframes btn-shine{0%,74%{opacity:0;inset-inline-start:-60%}80%{opacity:1}92%,to{opacity:0;inset-inline-start:130%}}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;filter:grayscale(.35);pointer-events:none}.btn--lg{padding:18px 36px;font-size:27px}.btn--sm{padding:11px 18px;font-size:17px}.btn--block{width:100%;display:flex}.btn__emoji{font-size:1.05em}.btn--primary{--btn-bg1:#ffd84d;--btn-bg2:#ffb01f;--btn-edge:#b9760a;--btn-ink:#5a3b00;--btn-glow:#ffc32859}.btn--secondary{--btn-bg1:#ff7cb3;--btn-bg2:#ff3d86;--btn-edge:#b81f5c;--btn-ink:#fff;--btn-glow:#ff3d864d}.btn--accent{--btn-bg1:#46ecd3;--btn-bg2:#16c9ad;--btn-edge:#0a8e79;--btn-ink:#053b33;--btn-glow:#16c9ad4d}.btn--success{--btn-bg1:#6bea9b;--btn-bg2:#2bbf66;--btn-edge:#1d8f4c;--btn-ink:#053a1d}.btn--danger{--btn-bg1:#ff8094;--btn-bg2:#ff3a59;--btn-edge:#c42a45;--btn-ink:#fff}.btn--glass{--btn-bg1:var(--panel-2);--btn-bg2:var(--panel);--btn-edge:var(--panel-edge);--btn-ink:#fff}.icon-btn{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--panel-line);width:44px;height:44px;box-shadow:inset 0 1.5px 0 #ffffff24, 0 3px 0 var(--panel-edge), var(--sh-sm);color:var(--ink);place-items:center;font-size:20px;transition:transform 60ms,background .15s,box-shadow 60ms;display:inline-grid}.icon-btn:active{box-shadow:var(--hi), 0 1px 0 #00000047, var(--sh-sm);transform:scale(.92)}.icon-btn--badged{position:relative;overflow:visible}.icon-badge{top:-3px;border-radius:var(--r-pill);background:linear-gradient(180deg, var(--danger), var(--danger-edge));color:#fff;border:2px solid var(--c-bg-1);place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:900;line-height:1;animation:.3s cubic-bezier(.2,1.4,.4,1) icon-badge-pop;display:grid;position:absolute;inset-inline-end:-3px;box-shadow:0 2px 6px #0006}@keyframes icon-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel--pad{padding:var(--s5)}.badge{font-family:var(--font-display);border-radius:var(--r-pill);border:1px solid var(--line);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;background:linear-gradient(#fff3,#ffffff14);align-items:center;gap:6px;padding:5px 12px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff4d,0 2px #00000040}.badge--primary{color:var(--primary-ink);box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 var(--primary-edge);background:linear-gradient(#ffd84d,#ffb01f);border-color:#0000}.badge--accent{color:#053b33;box-shadow:inset 0 1px 0 #ffffff80, 0 2px 0 var(--accent-edge);background:linear-gradient(#46ecd3,#16c9ad);border-color:#0000}.badge--danger{color:#fff;box-shadow:inset 0 1px 0 #fff6, 0 2px 0 var(--danger-edge);background:linear-gradient(#ff8094,#ff3a59);border-color:#0000}.avatar{border-radius:var(--r-pill);background:var(--surface-2);box-shadow:var(--hi), var(--sh-sm);flex:none;place-items:center;line-height:1;display:grid;position:relative}.avatar__dot{bottom:1px;border-radius:var(--r-pill);background:var(--success);width:12px;height:12px;box-shadow:0 0 0 2px var(--c-bg-1);position:absolute;inset-inline-end:1px}.avatar__dot.is-off{background:var(--ink-faint)}.card{aspect-ratio:1/1.18;perspective:700px;background:0 0;width:100%;padding:0;transition:transform 80ms;display:block;position:relative}.card:active{transform:scale(.94)}.card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.25,1);display:block;position:relative}.card[data-flipped=true] .card__inner{transform:rotateY(180deg)}.card__face{border-radius:var(--r-md);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0;overflow:hidden}.card__front{color:var(--ink-dark);box-shadow:inset 0 2px 0 #ffffffe6, inset 0 -4px 8px #6d28d91a, 0 3px 0 #5a3ca059, var(--sh-sm);background:radial-gradient(120% 60% at 50% -20%,#fffffff2,#0000 60%),linear-gradient(#fdfcff 0%,#f2edff 62%,#e4dbfa 100%);border:1px solid #6d28d924}.card__emoji{font-size:30px;line-height:1}.card--md .card__emoji{font-size:42px}.card--lg .card__emoji{font-size:72px}.card__svg{width:34px;height:34px;color:var(--ink-dark)}.card--md .card__svg{width:46px;height:46px}.card--lg .card__svg{width:76px;height:76px}.card__map{width:54px;height:34px;margin-bottom:2px}.card--md .card__map{width:72px;height:46px}.card--lg .card__map{width:120px;height:76px}.card__svg--mini{width:26px;height:26px;color:var(--ink-dark);margin-bottom:2px}.card--md .card__svg--mini{width:30px;height:30px}.card--lg .card__svg--mini{width:40px;height:40px}.card__flag{object-fit:cover;border-radius:4px;width:42px;height:28px;box-shadow:0 1px 3px #00000059}.card--md .card__flag{border-radius:5px;width:58px;height:39px}.card--lg .card__flag{border-radius:8px;width:92px;height:61px}.card__avatar{aspect-ratio:1;object-fit:contain;width:80%}.card__photo{aspect-ratio:1;object-fit:contain;border-radius:6px;width:78%}.card__emoji--mini{margin-bottom:2px;font-size:20px}.card--md .card__emoji--mini{font-size:26px}.card--lg .card__emoji--mini{font-size:34px}.card__name{font-family:var(--font-body);color:var(--ink-dark);text-align:center;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;padding:0 4px;font-size:11px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.card--md .card__name{font-size:15px}.card--lg .card__name{font-size:19px}.card__label{font-family:var(--font-body);color:#5b4b86;text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;padding:0 3px;font-size:12px;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.card--md .card__label{font-size:13px}.card--lg .card__label{font-size:18px}.card__back{color:#ffd678bf;background:radial-gradient(65% 55%,#ffce3a24,#0000 70%),repeating-linear-gradient(45deg,#3a1a7a 0 7px,#2c1160 7px 14px),linear-gradient(#34156e,#241048);border:1px solid #ffce3a38;transform:rotateY(180deg);box-shadow:inset 0 0 0 3px #ffffff0d,inset 0 0 22px #00000073}.card__x{font-family:var(--font-logo);text-shadow:0 0 14px #ffce3a73;font-size:30px;font-weight:400}.card.is-selected .card__front{animation:1.1s ease-in-out infinite card-picked}@keyframes card-picked{0%,to{box-shadow:0 0 0 4px #ffce3ae6, 0 0 22px #ffce3a73, var(--sh-md)}50%{box-shadow:0 0 0 5px #ffce3a, 0 0 34px #ffce3abf, var(--sh-md)}}.card.is-dim{opacity:.5}.card__info{top:3px;z-index:3;width:20px;height:20px;color:var(--primary);cursor:pointer;background:#0006;border-radius:50%;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid;position:absolute;inset-inline-end:3px}.card__info:after{content:"";border-radius:50%;position:absolute;inset:-12px}.card__corner-flag{top:4px;z-index:3;object-fit:cover;border-radius:3px;width:22px;height:15px;position:absolute;inset-inline-start:4px;box-shadow:0 1px 3px #0006}.card--lg .card__corner-flag{border-radius:4px;width:34px;height:23px}.info-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000009e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.info-card{background:linear-gradient(180deg, var(--c-bg-2), var(--c-bg-1));border:1px solid var(--line-strong);border-radius:var(--r-xl);width:100%;max-width:320px;box-shadow:var(--sh-lg);text-align:right;direction:rtl;padding:18px;position:relative}.info-card__head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.info-card__emoji{font-size:28px}.info-card__title{font-family:var(--font-display);color:#fff;font-size:23px}.info-card__rows{flex-direction:column;gap:8px;display:flex}.info-row{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;gap:10px;padding:8px 12px;display:flex}.info-row__k{color:var(--ink-dim);font-weight:700}.info-row__v{color:#fff;text-align:left;font-weight:800}.info-card__note{color:var(--ink);border-radius:var(--r-md);background:#ffffff0f;margin-top:2px;padding:9px 12px;font-size:14px;font-weight:700;line-height:1.55}.info-card__close{top:10px;border:1px solid var(--line);background:var(--surface-2);color:#fff;cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:14px;font-weight:800;position:absolute;inset-inline-start:10px}.mini-map{--mini-map-ocean:#2b3b66;--mini-map-land:#6f7da8;--mini-map-accent:#ff5470;background:var(--mini-map-ocean);border:1px solid #ffffff2e;border-radius:14%;line-height:0;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000040}.mini-map__svg{width:100%;height:100%;display:block}.mini-map__ocean{fill:var(--mini-map-ocean)}.mini-map__land{fill:var(--mini-map-land);stroke:#0000002e;stroke-width:.4px;stroke-linejoin:round}.mini-map__grid line{stroke:#ffffff1f;stroke-width:.4px}.mini-map__pin-ring{fill:var(--mini-map-accent);opacity:.28}.mini-map__pin-dot{fill:var(--mini-map-accent);stroke:#fff;stroke-width:2px}.screen-col{flex-direction:column;flex:1;min-height:0;display:flex}.g-head{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.g-head__title{font-family:var(--font-display);color:#fff;text-shadow:0 2px #0000004d,0 8px 20px #0006;padding-bottom:6px;font-size:23px;font-weight:700;position:relative}.g-head__title:after{content:"";bottom:0;background:linear-gradient(90deg, transparent, var(--primary), transparent);border-radius:999px;width:44px;height:3px;position:absolute;inset-inline-start:50%;transform:translate(-50%);box-shadow:0 0 10px #ffce3a99}.spinner{border:4px solid var(--surface-3);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lobby{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.lobby__label{color:var(--ink-dim);font-size:15px;font-weight:700}.code-box{direction:ltr;gap:10px;display:flex}.code-char{width:56px;height:70px;font-family:var(--font-display);color:var(--primary);text-shadow:0 0 16px #ffce3a80;border-radius:var(--r-md);box-shadow:var(--hi), 0 4px 0 #0000004d, 0 0 18px #ffce3a26;background:radial-gradient(100% 60% at 50% -10%,#ffffff2e,#0000 55%),linear-gradient(#ffffff24,#ffffff0d);border:1.5px solid #ffce3a59;place-items:center;font-size:44px;font-weight:700;display:grid}.lobby__wait{flex-direction:column;align-items:center;gap:12px;margin-top:6px;display:flex}.join{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.code-input{text-align:center;width:100%;max-width:300px;font-family:var(--font-display);letter-spacing:14px;text-indent:14px;color:#fff;background:var(--surface-2);border:2px solid var(--line-strong);border-radius:var(--r-lg);text-transform:uppercase;direction:ltr;outline:none;padding:14px;font-size:40px}.code-input:focus{border-color:var(--primary)}.join__error{color:var(--danger);font-weight:800}.settings{flex-direction:column;flex:1;gap:18px;min-height:0;padding:8px 16px 16px;display:flex}.set-group{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--panel-line);box-shadow:inset 0 2px 0 #ffffff1a, 0 5px 0 var(--panel-edge), 0 10px 20px #00000040;flex-direction:column;gap:10px;padding:14px;display:flex}.set-label{font-family:var(--font-display);color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.set-label:before{content:"";background:linear-gradient(180deg, var(--primary), var(--primary-2,var(--primary)));border-radius:999px;flex:none;width:4px;height:18px;box-shadow:0 0 8px #ffce3a80}.set-hint{font-family:var(--font-body);color:var(--ink-dim);font-size:12px;font-weight:700}.set-sliderval{font-family:var(--font-display);color:var(--primary,#ffce3a);margin-inline-start:6px}.set-value{color:var(--primary);font-size:24px}.set-slider{appearance:none;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);outline:none;width:100%;height:12px}.set-slider::-webkit-slider-thumb{appearance:none;width:28px;height:28px;box-shadow:var(--sh-sm);cursor:pointer;background:linear-gradient(#ffd34d,#ffb01f);border:2px solid #ffffffb3;border-radius:50%}.set-slider::-moz-range-thumb{cursor:pointer;background:#ffc02e;border:2px solid #ffffffb3;border-radius:50%;width:28px;height:28px}.set-options{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-body);color:var(--ink-dim);border-radius:var(--r-pill);background:var(--panel-2);border:1px solid var(--panel-line);box-shadow:inset 0 1.5px 0 #ffffff1a, 0 2px 0 var(--panel-edge);align-items:center;gap:6px;padding:10px 15px;font-size:15px;font-weight:800;transition:transform 60ms,background .15s,color .15s;display:inline-flex}.chip:active{transform:scale(.95)}.chip.is-on{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 75%, #fff), var(--primary-2,var(--primary)));color:var(--primary-ink);box-shadow:inset 0 1.5px 0 #ffffff8c, 0 3px 0 var(--primary-edge,#0000004d), 0 0 14px #ffce3a40;border-color:#0000}.chip__emoji{font-size:18px}.chip__sub{opacity:.6;font-size:12px}.settings__foot{padding:12px 16px calc(12px + var(--safe-bottom));flex-direction:column;gap:8px;display:flex}.pstrip{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.pchip{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);align-items:center;gap:8px;padding:6px 10px;transition:box-shadow .2s,background .2s;display:flex}.pchip.is-turn{background:var(--surface-3);box-shadow:0 0 0 2px var(--primary)}.pchip.is-guessing{background:var(--surface-3);border-color:var(--danger);animation:1s ease-in-out infinite chip-guess}@keyframes chip-guess{0%,to{box-shadow:0 0 #ff547000}50%{box-shadow:0 0 0 4px #ff547099,0 0 18px #ff547080}}.pchip__guess{font-size:15px;animation:.9s ease-in-out infinite guess-bob}@keyframes guess-bob{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-2px)rotate(8deg)}}.play__board.is-guess-alert{border-radius:var(--r-lg);animation:1.1s ease-in-out infinite board-alert}@keyframes board-alert{0%,to{box-shadow:inset 0 0 0 2px #ff547040}50%{box-shadow:inset 0 0 0 3px #ff5470e6,inset 0 0 30px #ff547066}}.pchip__name{font-size:14px;font-weight:800}.pstrip__mid{flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.turn-badge{font-family:var(--font-display);color:var(--primary);white-space:nowrap;font-size:17px}.turn-badge:not(.is-wait){animation:1.3s ease-in-out infinite turn-pulse}@keyframes turn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.09)}}.turn-badge.is-wait{color:var(--ink-dim)}.turn-timer{font-family:var(--font-display);color:var(--ink-dim);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 9px;font-size:15px;line-height:1.4}.turn-timer.is-low{color:#fff;background:var(--danger);border-color:#0000;animation:.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.12)}}.secret{flex-direction:column;flex:1;min-height:0;display:flex}.secret__head{text-align:center;padding:8px 16px 6px}.secret__title{font-family:var(--font-display);color:#fff;font-size:26px}.secret__hint{color:var(--ink-dim);font-size:13px;font-weight:700}.secret__board{flex:1;min-height:0}.secret__foot{justify-content:center;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.play{flex-direction:column;flex:1;min-height:0;display:flex}.play__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;padding:6px 12px 2px;display:flex}.play__counts{align-items:center;gap:6px;display:inline-flex}.play-toast{text-align:center;color:#fff;border-radius:var(--r-pill);box-shadow:var(--sh-lg);background:linear-gradient(#ff5c5cf2,#ce2b2bf2);border:1px solid #ffffff40;margin:4px 12px 0;padding:8px 12px;font-size:14px;font-weight:800;animation:.22s toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.guess-alert{color:#2a1a05;border-radius:var(--r-pill);box-shadow:var(--sh-lg);background:linear-gradient(#ffd34d,#ffb01f);border:1px solid #ffffff8c;justify-content:center;align-items:center;gap:8px;margin:4px 12px 0;padding:9px 12px;font-size:15px;font-weight:900;animation:1.1s ease-in-out infinite guess-pulse;display:flex}.guess-alert__dot{background:#d62828;border-radius:50%;width:9px;height:9px;animation:1.1s ease-out infinite guess-dot;box-shadow:0 0 #d6282899}@keyframes guess-pulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.015)}}@keyframes guess-dot{0%{box-shadow:0 0 #d6282899}to{box-shadow:0 0 0 9px #d6282800}}.secret-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.secret-chip__lead{color:var(--ink-dim);font-weight:700}.secret-chip__emoji{font-size:18px}.secret-chip__flag{border-radius:3px;width:22px;height:15px;box-shadow:0 1px 2px #00000059}.secret-chip__avatar{border-radius:6px;width:22px;height:22px}.secret-chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:104px;font-weight:800;overflow:hidden}.play__board{flex:1;min-height:0}.guessing-hint{text-align:center;color:var(--primary);padding:6px;font-size:14px;font-weight:800}.f2f-banner{text-align:center;border-radius:var(--r-md,16px);border:1px solid var(--line);box-shadow:var(--hi), var(--sh-sm);background:linear-gradient(#ffffff1f,#ffffff0d);margin:6px 12px 0;padding:10px 12px}.f2f-banner__starts{font-family:var(--font-display);color:#fff;font-size:22px;line-height:1.2}.f2f-banner__hint{color:var(--ink-dim);margin-top:2px;font-size:13px;font-weight:700}.f2f-actions{padding:8px 12px calc(12px + var(--safe-bottom));gap:10px;display:flex}.f2f-win__emoji{text-align:center;margin-bottom:6px;font-size:56px;line-height:1}.dc-banner{border-radius:var(--r-pill);border:1px solid var(--danger);color:#fff;background:#ff54702e;justify-content:center;align-items:center;gap:8px;margin:4px 12px 0;padding:9px 12px;font-size:13px;font-weight:800;animation:1.4s ease-in-out infinite pulse;display:flex}.qa{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08041652;flex-direction:column;max-height:46%;display:flex}.qa__log{scrollbar-width:none;flex-direction:column;flex:1;gap:6px;min-height:56px;padding:10px 12px;display:flex;overflow-y:auto}.qa__log::-webkit-scrollbar{display:none}.qa__empty{color:var(--ink-faint);text-align:center;margin:auto;font-size:13px;font-weight:700}.qrow{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:flex}.qrow__who{opacity:.85;flex:none;font-size:13px;font-weight:800}.qrow__text{flex:1;min-width:0}.qrow__a{flex:none;margin-inline-start:auto;font-weight:800}.qrow__a.yes{color:var(--success)}.qrow__a.no{color:var(--danger)}.qrow__a.pending{color:var(--ink-faint)}.qa__action{padding:10px 12px calc(10px + var(--safe-bottom));border-top:1px solid var(--line);align-items:center;gap:8px;display:flex}.qa__input{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:#fff;outline:none;flex:1;min-width:0;padding:12px 16px;font-size:15px}.qa__input::placeholder{color:var(--ink-faint)}.qa__input:focus{border-color:var(--accent)}.qa__ask{flex-direction:column;gap:6px;width:100%;display:flex}.qa__askRow{align-items:center;gap:8px;display:flex}.qa__notice{color:var(--danger);text-align:center;font-size:13px;font-weight:800}.qa__answer{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.qa__question{text-align:center;font-size:16px;font-weight:800}.qa__answerBtns{gap:12px;width:100%;display:flex}.qa__waiting{text-align:center;color:var(--ink-dim);justify-content:center;align-items:center;gap:10px;width:100%;font-weight:700;display:flex}.result{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex}.result__title{font-family:var(--font-display);background:linear-gradient(#fff6d8 8%,#ffd84d 45%,#ff9d1f 80%,#ffcf3d 100%);color:#0000;filter:drop-shadow(0 3px #7a3e0080)drop-shadow(0 12px 28px #ffb01f4d);-webkit-background-clip:text;background-clip:text;font-size:54px;font-weight:800;line-height:1.15;animation:.55s cubic-bezier(.2,1.4,.4,1) both cup-pop}.result__sub{color:var(--ink-dim);font-weight:800}.reveal{gap:22px;display:flex}.reveal__col{flex-direction:column;align-items:center;gap:8px;display:flex}.reveal__label{color:var(--ink-dim);font-size:13px;font-weight:800}.reveal__card{width:104px}.result__actions{flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:6px;display:flex}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;background:radial-gradient(120% 100% at 50% 30%,#14082d8c,#060212c7);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.modal{text-align:center;border-radius:var(--r-2xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(120% 60% at 50% -15%,#ffffff24,#0000 55%),linear-gradient(#3a206ed9,#160a34eb);border:1.5px solid #ffffff29;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;padding:22px 18px;display:flex;box-shadow:inset 0 2px #ffffff2e,0 24px 60px #0000008c,0 0 40px #7c4dff33}.modal__title{font-family:var(--font-display);color:#fff;font-size:28px}.modal__body{color:var(--ink-dim);font-weight:700}.modal__card{width:110px}.modal__btns{gap:12px;width:100%;display:flex}.profile-preview{align-items:center;gap:12px;display:flex}.profile-preview__name{font-family:var(--font-display);color:#fff;font-size:24px}.text-input{width:100%;font-family:var(--font-body);color:#fff;border:1.5px solid var(--line);border-radius:var(--r-md);background:#00000047;outline:none;padding:12px 14px;font-size:17px;font-weight:700;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 6px #00000059}.text-input:focus{border-color:var(--primary);box-shadow:inset 0 2px 6px #00000059,0 0 14px #ffce3a40}.text-input::placeholder{color:var(--ink-faint)}.pick-grid{flex-wrap:wrap;gap:8px;display:flex}.pick-custom{text-align:center;margin-top:8px;font-size:22px}.pick-emoji{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.pick-emoji.is-on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.pick-color{cursor:pointer;border:2px solid #ffffff4d;border-radius:50%;width:40px;height:40px}.pick-color.is-on{border-color:#fff;box-shadow:0 0 0 3px #ffffff80}.theme-grid{flex-wrap:wrap;gap:8px;display:flex}.theme-swatch{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line);color:#fff;cursor:pointer;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:14px;font-weight:800;display:inline-flex}.theme-swatch.is-on{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.theme-swatch__dot{border:1px solid #fff6;border-radius:50%;width:24px;height:24px}.theme-swatch.is-locked{opacity:.92}.theme-swatch__lock{color:var(--primary,#ffce3a);margin-inline-start:2px;font-size:12px;font-weight:900}.prog-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.prog-level{align-items:center;gap:8px;display:flex}.prog-level__badge{border-radius:var(--r-pill,999px);min-width:34px;height:34px;font-family:var(--font-display);color:var(--primary-ink,#2a1a05);background:linear-gradient(180deg, var(--primary,#ffce3a), var(--primary-2,#ff9f1f));box-shadow:var(--hi), var(--sh-sm);place-items:center;padding:0 8px;font-size:18px;display:grid}.prog-level__word{color:var(--ink-dim,#c8d0e8);font-weight:800}.prog-coins{font-family:var(--font-display);color:#fff;font-size:20px}.prog-bar{border-radius:var(--r-pill,999px);background:#ffffff24;height:10px;overflow:hidden}.prog-bar__fill{border-radius:var(--r-pill,999px);background:linear-gradient(90deg, var(--primary,#ffce3a), var(--primary-2,#ff9f1f));height:100%;transition:width .4s}.prog-xp{text-align:center;color:var(--ink-dim,#c8d0e8);margin-top:5px;font-size:12px;font-weight:800}.vol-row{align-items:center;gap:10px;display:flex}.vol-row__label{color:#fff;white-space:nowrap;min-width:96px;font-size:14px;font-weight:800}.vol-row .set-slider{flex:1}.scoreboard{flex-direction:column;align-items:center;gap:2px;margin-bottom:6px;display:flex}.scoreboard__label{color:var(--ink-dim);font-size:13px;font-weight:700}.scoreboard__nums{font-family:var(--font-display);color:#fff;font-size:26px}.hint-row{justify-content:center;padding:4px 12px 0;display:flex}.hint-btn{color:var(--primary-ink);border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--sh-sm);background:linear-gradient(#ffe08a,#ffce3a);border:1px solid #ffffff80;padding:7px 16px;font-size:14px;font-weight:800}.hint-btn:disabled{opacity:.5}.react-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin:2px auto 6px;padding:4px 6px;display:flex;overflow-x:auto}.react-bar__btn{cursor:pointer;background:0 0;border:none;border-radius:999px;min-width:40px;padding:9px 8px;font-size:22px;line-height:1}.react-bar__btn:active{background:#ffffff1a;transform:scale(1.3)}.react-float{z-index:900;pointer-events:none;font-size:72px;animation:2.4s ease-out forwards react-rise;position:fixed;bottom:120px}.react-float.is-mine{right:24px}.react-float.is-theirs{left:24px}@keyframes react-rise{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:1;transform:translateY(-30px)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(-220px)scale(1)}}.app-version{text-align:center;color:var(--ink-dim);letter-spacing:.5px;margin-bottom:10px;font-size:14px;font-weight:800}.credit-card{border-radius:var(--r-lg);border:1px solid var(--line);width:fit-content;max-width:90%;box-shadow:var(--hi), var(--sh-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff1f,#ffffff0a);flex-direction:column;align-items:center;gap:1px;margin:4px auto 0;padding:6px 16px;display:flex}.credit-card__label{font-family:var(--font-body);letter-spacing:1px;color:var(--ink-faint);font-size:12px;font-weight:800}.credit-card__name{font-family:var(--font-display);color:var(--primary);text-shadow:0 2px 8px #00000059;align-items:center;gap:5px;font-size:19px;line-height:1.1;text-decoration:none;display:inline-flex}.credit-card__name:active{transform:scale(.97)}.credit-card__link{opacity:.8;font-size:13px}.credit-card__phone{font-family:var(--font-body);color:var(--ink-dim);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);margin-top:1px;padding:2px 10px;font-size:11px;font-weight:700;text-decoration:none}.credit-card__phone:active{background:var(--surface-3)}.stats-grid{flex-wrap:wrap;gap:8px;display:flex}.stat-box{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);flex-direction:column;flex:60px;align-items:center;gap:2px;min-width:60px;padding:10px 6px;display:flex}.stat-box__n{font-family:var(--font-display);color:var(--primary);font-size:24px}.stat-box__l{color:var(--ink-dim);font-size:11px;font-weight:700}.ach-grid{flex-wrap:wrap;gap:8px;display:flex}.ach-badge{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);opacity:.45;filter:grayscale(.7);flex-direction:column;align-items:center;gap:3px;width:78px;padding:8px 4px;display:flex}.ach-badge.is-on{opacity:1;filter:none;border-color:var(--primary)}.ach-badge__emoji{font-size:26px}.ach-badge__name{text-align:center;color:#fff;font-size:11px;font-weight:800}.ach-pop{flex-direction:column;gap:4px;margin:4px 0 8px;display:flex}.ach-pop__item{color:var(--primary-ink);border-radius:var(--r-pill);background:linear-gradient(#ffe08a,#ffce3a);justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:800;animation:.25s toast-in;display:flex}.ach-pop__emoji{font-size:18px}.how-steps{text-align:right;flex-direction:column;gap:12px;margin:4px 0 8px;padding:0;list-style:none;display:flex}.how-step{color:var(--ink);align-items:flex-start;gap:10px;font-size:15px;font-weight:700;line-height:1.5;display:flex}.how-step__n{width:26px;height:26px;font-family:var(--font-display);background:var(--primary);color:var(--primary-ink);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.custom-tip{text-align:center;padding:4px 8px}.custom-add{align-items:stretch;gap:8px;display:flex}.custom-add__emoji{text-align:center;flex:none;width:64px;font-size:22px}.custom-add .text-input{flex:1}.custom-add button{flex:none}.custom-card{position:relative}.custom-card__del{top:-6px;background:var(--danger);color:#fff;cursor:pointer;z-index:2;border:1px solid #ffffff80;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid;position:absolute;inset-inline-start:-6px}.preset-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-card{border-radius:var(--r-lg);border:2px solid var(--panel-line);background:linear-gradient(180deg, var(--panel-2), var(--panel));box-shadow:0 3px 0 var(--panel-edge);color:var(--ink);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:transform 80ms,border-color .15s,background .15s;display:flex}.preset-card:active{transform:scale(.96)}.preset-card.is-on{border-color:var(--primary);box-shadow:var(--hi), 0 0 18px #ffce3a40;background:linear-gradient(#ffce3a33,#ffb01f14)}.preset-card__name{font-family:var(--font-display);font-size:17px}.preset-card__desc{color:var(--ink-dim);font-size:11.5px;font-weight:700;line-height:1.4}.adv-toggle{border:1px solid var(--panel-line);background:var(--panel-2);box-shadow:0 2px 0 var(--panel-edge);color:var(--ink-dim);font-family:var(--font-display);cursor:pointer;border-radius:999px;align-self:center;margin:2px auto;padding:9px 20px;font-size:15px;display:block}.adv-toggle.is-open{color:var(--ink);background:var(--surface-2)}.adv-body{flex-direction:column;gap:18px;display:flex}.gather-table{border:1px solid var(--line);width:210px;height:130px;box-shadow:var(--hi), 0 12px 30px #0000004d;background:radial-gradient(at 50% 40%,#ffffff24,#ffffff0a 70%);border-radius:60px;justify-content:center;align-items:center;gap:26px;margin:8px auto 4px;display:flex;position:relative}.gather-seat{flex-direction:column;align-items:center;gap:6px;display:flex}.gather-seat__name{color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:12px;font-weight:800;overflow:hidden}.gather-seat--empty .gather-seat__circle{border:2px dashed var(--line-strong);width:56px;height:56px;color:var(--ink-faint);border-radius:50%;place-items:center;font-size:22px;animation:2.6s ease-in-out infinite seat-breathe;display:grid}@keyframes seat-breathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.ticket{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--panel-2), var(--panel));width:100%;max-width:330px;box-shadow:inset 0 2px 0 #ffffff1a, 0 5px 0 var(--panel-edge), var(--sh-md);border:1px solid #ffce3a4d;flex-direction:column;align-items:center;gap:10px;margin:6px auto;padding:14px;display:flex}.ticket__actions{justify-content:center;gap:8px;width:100%;display:flex}.lobby-assist{border-radius:var(--r-md);color:var(--ink);text-align:center;background:#ffce3a24;border:1px solid #ffce3a59;margin-top:10px;padding:10px 14px;font-size:13.5px;font-weight:700;animation:.25s toast-in}.howto-steps{text-align:start;flex-direction:column;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex}.howto-step{color:var(--ink);align-items:flex-start;gap:10px;font-size:15px;font-weight:700;line-height:1.5;display:flex}.howto-step__num{background:linear-gradient(180deg, var(--primary), var(--primary-2));width:26px;height:26px;color:var(--primary-ink);font-family:var(--font-display);box-shadow:var(--hi), 0 2px 0 var(--primary-edge);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.opt-tabs{gap:6px;padding:0 16px 8px;display:flex}.opt-tab{border:1px solid var(--panel-line);background:var(--panel-2);box-shadow:0 2px 0 var(--panel-edge);color:var(--ink-dim);font-family:var(--font-display);cursor:pointer;border-radius:999px;flex:1;padding:10px 8px;font-size:15px;transition:transform 60ms,background .15s,color .15s}.opt-tab:active{transform:scale(.96)}.opt-tab.is-on{background:var(--primary);color:var(--primary-ink);box-shadow:var(--hi), var(--sh-sm);border-color:#0000}.ach-badge__bar{background:#00000059;border-radius:999px;width:100%;height:5px;margin-top:4px;overflow:hidden}.ach-badge__fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%;display:block}.ach-badge__count{color:var(--ink-faint);font-variant-numeric:tabular-nums;direction:ltr;font-size:11px;font-weight:800}.qbubble{border-radius:16px;flex-direction:column;gap:3px;max-width:82%;margin-bottom:6px;padding:8px 12px;animation:.22s toast-in;display:flex;position:relative}.qbubble.is-mine{background:linear-gradient(#ffce3a47,#ffb01f29);border:1px solid #ffce3a66;border-end-end-radius:4px;align-self:flex-end}.qbubble.is-theirs{background:var(--surface-2);border:1px solid var(--line);border-end-start-radius:4px;align-self:flex-start}.qbubble__who{color:var(--ink-faint);font-size:10.5px;font-weight:800}.qbubble__text{color:var(--ink);word-break:break-word;font-size:14px;font-weight:700;line-height:1.45}.qbubble__stamp{font-family:var(--font-display);border-radius:999px;align-self:flex-end;padding:1px 9px;font-size:13px;animation:.3s cubic-bezier(.2,1.4,.4,1) cup-pop}.qbubble__stamp.yes{color:#7dffb0;background:#33c87040;border:1px solid #33c87080}.qbubble__stamp.no{color:#ff9aac;background:#ff547038;border:1px solid #ff547080}.qbubble__stamp.pending{color:var(--ink-faint)}.qa__log{flex-direction:column;display:flex}.podium{flex-direction:column;gap:8px;width:100%;max-width:340px;margin:4px auto;display:flex}.podium-row{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);align-items:center;gap:10px;padding:9px 12px;display:flex}.podium-row.is-first{background:linear-gradient(#ffce3a38,#ffb01f1a);border-color:#ffce3a73;box-shadow:0 0 16px #ffce3a33}.podium-row__rank{text-align:center;font-family:var(--font-display);flex:0 0 26px;font-size:17px}.podium-row__name{min-width:64px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:14px;font-weight:800;overflow:hidden}.podium-row__bar{background:#0000004d;border-radius:999px;flex:1;height:8px;overflow:hidden}.podium-row__fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.2,.8,.25,1);display:block}.podium-row.is-first .podium-row__fill{background:linear-gradient(90deg, var(--primary-2), var(--primary))}.podium-row__score{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font-size:17px}.ring-wrap{background:conic-gradient(var(--primary) calc(var(--pct,100) * 1%), #ffffff24 0);border-radius:50%;place-items:center;padding:3px;transition:background .25s linear;display:inline-grid;position:relative}.ring-wrap.is-low{background:conic-gradient(var(--danger) calc(var(--pct,100) * 1%), #ffffff24 0);animation:.6s ease-in-out infinite pulse}.play__board.is-guess-mode .card:not(.is-selected){filter:saturate(.5)brightness(.72);transition:filter .25s}.play__board.is-guess-mode .card.is-selected{transition:transform .15s;transform:translateY(-4px)scale(1.04)}.reward-seq{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:340px;box-shadow:var(--hi), var(--sh-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:8px;margin:4px auto;padding:12px 14px;display:flex}.reward-seq__row{align-items:center;gap:12px;display:flex}.reward-seq__level{width:46px;height:46px;font-family:var(--font-display);color:var(--primary-ink);background:linear-gradient(180deg, var(--primary), var(--primary-2));box-shadow:var(--hi), 0 3px 0 var(--primary-edge), var(--sh-sm);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.reward-seq__level.is-up{animation:1.2s ease-out reward-level-glow}@keyframes reward-level-glow{0%{box-shadow:0 0 0 0 #ffce3acc, var(--sh-sm)}to{box-shadow:0 0 0 26px #ffce3a00, var(--sh-sm)}}.reward-seq__bar-wrap{flex-direction:column;flex:1;gap:5px;display:flex}.reward-seq__labels{font-family:var(--font-display);justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.reward-seq__xp{color:var(--accent)}.reward-seq__coins{color:var(--primary);font-variant-numeric:tabular-nums}.reward-seq__bar{border:1px solid var(--line);background:#00000059;border-radius:999px;height:12px;overflow:hidden}.reward-seq__fill{background:linear-gradient(90deg, var(--accent-2), var(--accent));border-radius:999px;height:100%;transition:width .55s cubic-bezier(.2,.8,.25,1);box-shadow:inset 0 2px #ffffff59}.reward-seq__levelup{font-family:var(--font-display);text-align:center;color:var(--primary);text-shadow:0 2px 8px #ffce3a66;font-size:21px}.reward-seq__achs{flex-direction:column;gap:6px;display:flex}.reward-seq__ach{border-radius:var(--r-md);color:#fff;background:linear-gradient(#ffce3a38,#ffb01f1f);border:1px solid #ffce3a73;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:800;display:flex}.reward-seq__ach-emoji{font-size:20px}.pg-theme{border-radius:var(--r-xl,22px);font-family:var(--font-display);color:var(--primary-ink,#2a1a05);background:linear-gradient(180deg, var(--primary,#ffce3a), var(--primary-2,#ff9f1f));box-shadow:var(--hi), var(--sh-md);align-items:center;gap:8px;padding:12px 22px;font-size:30px;display:inline-flex}.pg-theme span{font-size:30px}.tf-wrap{transition:background .18s}.tf-wrap--right{background:radial-gradient(circle at 50% 35%,#33c87047,#0000 70%)}.tf-wrap--wrong{background:radial-gradient(circle at 50% 35%,#ff547047,#0000 70%)}.tf-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.tf-top{justify-content:center;align-items:center;gap:10px;width:100%;max-width:420px;display:flex}.tf-pill{color:var(--ink-dim,#c8d0e8);border:1px solid var(--line,#ffffff24);border-radius:var(--r-pill,999px);background:#ffffff12;padding:4px 12px;font-size:14px;font-weight:800}.tf-timer{font-family:var(--font-display);min-width:52px;color:var(--primary,#ffce3a);font-variant-numeric:tabular-nums;text-shadow:0 0 16px #ffce3a8c,0 2px #00000059;font-size:30px;font-weight:700}.tf-timer.is-low{color:#ff6b81;animation:.6s ease-in-out infinite tf-pulse}@keyframes tf-pulse{50%{transform:scale(1.18)}}.tf-card{border-radius:var(--r-xl,22px);border:1px solid var(--line-strong,#ffffff38);width:100%;max-width:420px;box-shadow:var(--sh-lg,0 12px 40px #0006);background:linear-gradient(165deg,#ffffff1a,#ffffff08);flex-direction:column;gap:14px;padding:26px 18px;transition:border-color .2s,background .2s;display:flex}.tf-card.is-true{background:linear-gradient(165deg,#34d39929,#34d39908);border-color:#34d39999}.tf-card.is-false{background:linear-gradient(165deg,#ff6b8129,#ff6b8108);border-color:#ff6b8199}.tf-card__q{font-family:var(--font-display);color:#fff;font-size:25px;line-height:1.55}.tf-verdict{font-family:var(--font-display);border-radius:var(--r-pill,999px);align-self:center;padding:7px 14px;font-size:18px}.tf-verdict.is-true{color:#062b1c;background:#34d399}.tf-verdict.is-false{color:#2b0610;background:#ff6b81}.tf-zones{justify-content:center;gap:14px;width:100%;max-width:420px;display:flex}.tf-zone{border-radius:var(--r-lg,18px);font-family:var(--font-display);color:#fff;cursor:pointer;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:22px 8px;font-size:22px;transition:transform 80ms;display:flex;box-shadow:0 6px #00000040}.tf-zone:active{transform:translateY(3px);box-shadow:0 3px #00000040}.tf-zone__ic{font-size:30px}.tf-zone--true{background:linear-gradient(#34d399,#1fa67a)}.tf-zone--false{background:linear-gradient(#ff6b81,#e0445e)}.tf-reveal,.tf-waiting{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;display:flex}.tf-youresult{font-family:var(--font-display);border-radius:var(--r-pill,999px);padding:8px 18px;font-size:20px}.tf-youresult.is-right{color:#062b1c;background:#34d399}.tf-youresult.is-wrong{color:#fff;background:#ff6b8147;border:1px solid #ff6b81}.tf-youresult.is-none{color:var(--ink-dim,#c8d0e8);background:#ffffff14}.tf-chosen{font-family:var(--font-display);border-radius:var(--r-pill,999px);padding:8px 20px;font-size:22px}.tf-chosen.is-true{color:#062b1c;background:#34d39980}.tf-chosen.is-false{color:#fff;background:#ff6b8180}.tf-tallyrow{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.tf-tally{border-radius:var(--r-pill,999px);border:1px solid var(--line,#ffffff24);background:#ffffff0f;padding:3px 10px;font-size:12px;font-weight:700}.tf-tally.is-ok{background:#34d3992e;border-color:#34d39980}.tf-tally.is-no{background:#ff6b8129;border-color:#ff6b8173}.celebrate{flex-direction:column;align-items:center;gap:6px;padding-top:6px;display:flex;position:relative}.celebrate:before{content:"";top:-30px;pointer-events:none;z-index:-1;background:radial-gradient(55% 55% at 50% 30%,#ffce3a47,#0000 70%);width:300px;height:240px;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.celebrate--lose:before{background:radial-gradient(55% 55% at 50% 30%,#7882aa2e,#0000 70%)}.celebrate__cup{filter:drop-shadow(0 8px 22px #ffc32873);font-size:4rem;line-height:1;animation:.6s cubic-bezier(.2,1.4,.4,1) both cup-pop}@keyframes cup-pop{0%{transform:scale(0)rotate(-25deg)}to{transform:scale(1)rotate(0)}}.celebrate__title{font-family:var(--font-display);color:#fff;font-size:1.6rem;font-weight:900}.celebrate__you{border-radius:var(--r-pill,999px);padding:5px 16px;font-size:.95rem;font-weight:800}.celebrate__you.is-win{color:#062b1c;background:#ffce3a}.celebrate__you.is-lose{color:var(--ink-dim,#c8d0e8);background:#ffffff14}.confetti{pointer-events:none;z-index:1;height:100vh;max-height:720px;position:absolute;inset:-20px 0 auto;overflow:hidden}.confetti__pc{opacity:.9;border-radius:2px;width:9px;height:14px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-24px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-30px)rotate(0)}to{opacity:.9;transform:translateY(105vh)rotate(720deg)}}.firework{opacity:0;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite firework-burst;position:absolute;box-shadow:0 0 0 2px #ffce3ae6,24px 0 #ff5470e6,-24px 0 #38bdf8e6,0 24px #34d399e6,0 -24px #a78bfae6,17px 17px #ffce3ae6,-17px -17px #ff5470e6,17px -17px #38bdf8e6,-17px 17px #34d399e6}.firework--1{animation-delay:.1s;top:18%;left:22%}.firework--2{animation-delay:.7s;top:26%;left:74%}.firework--3{animation-delay:1.3s;top:12%;left:52%}@keyframes firework-burst{0%{opacity:1;transform:scale(.2)}60%{opacity:.9;transform:scale(1.6)}to{opacity:0;transform:scale(2.2)}}.celebrate__cup--lose{animation:1s both cup-sink}@keyframes cup-sink{0%{opacity:0;transform:translateY(-14px)scale(.6)}60%{transform:translateY(3px)scale(1.05)}to{opacity:.92;transform:translateY(0)rotate(-5deg)}}.celebrate--lose .celebrate__title{opacity:.85}.loss{pointer-events:none;z-index:1;height:100vh;max-height:720px;position:absolute;inset:-20px 0 auto;overflow:hidden}.loss__drop{background:linear-gradient(#96a2c400,#96a2c48c);border-radius:2px;width:2px;height:16px;animation-name:loss-rain;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-24px}@keyframes loss-rain{0%{opacity:0;transform:translateY(-24px)}25%{opacity:.6}to{opacity:0;transform:translateY(102vh)}}@media (prefers-reduced-motion:reduce){.confetti__pc,.firework,.celebrate__cup,.loss__drop,.tf-timer.is-low{animation:none}.confetti,.loss{display:none}}.ml-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:24px 18px;display:flex}.ml-question{font-family:var(--font-display);color:#fff;max-width:20ch;font-size:30px;line-height:1.5}.ml-chosen{font-family:var(--font-display);color:var(--primary,#ffce3a);border-radius:var(--r-xl,22px);background:#ffce3a24;border:1px solid #ffce3a66;padding:14px 26px;font-size:34px;animation:.35s ml-pop}@keyframes ml-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.ml-hint,.spy-passto{color:var(--ink-dim,#c8d0e8);font-size:16px;font-weight:800}.spy-card{border-radius:var(--r-xl,24px);border:1px solid var(--line-strong,#ffffff2e);box-shadow:var(--sh-md);background:linear-gradient(160deg,#6f9dff33,#0003);flex-direction:column;align-items:center;gap:8px;min-width:70%;padding:26px 24px;display:flex}.spy-card--spy{background:linear-gradient(160deg,#ff547042,#0003);border-color:#ff547080}.spy-card__cap{color:var(--ink-dim,#c8d0e8);font-size:14px;font-weight:800}.spy-card__word{font-family:var(--font-display);color:#fff;text-align:center;font-size:40px}.spy-card__big{font-size:60px;line-height:1}.spy-card__title{font-family:var(--font-display);color:#ff8aa0;font-size:26px}.spy-card__hint{color:var(--ink-dim,#c8d0e8);text-align:center;max-width:24ch;font-size:14px;font-weight:700}.spy-result__spies{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;display:flex}.spy-result__spy{font-family:var(--font-display);color:#fff;border-radius:var(--r-pill,999px);background:#ff547033;border:1px solid #ff547073;padding:8px 18px;font-size:22px}.spy-cat{border-radius:var(--r-pill,999px);border:1px solid var(--line,#ffffff24);background:#ffffff14;align-self:center;padding:5px 16px;font-size:15px;font-weight:700}.spy-discuss{text-align:center;gap:14px}.spy-howto{border-radius:var(--r-lg,16px);border:1px solid var(--line,#ffffff1f);text-align:start;background:#ffffff0d;flex-direction:column;gap:8px;width:min(440px,100%);margin:0 auto;padding:14px 16px;display:flex}.spy-howto__title{font-family:var(--font-display);color:var(--primary,#ffce3a);font-size:17px}.spy-howto__step{color:var(--ink-dim,#c8d0e8);font-size:14px;line-height:1.6}.spy-order{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.spy-order__chip{border-radius:var(--r-pill,999px);border:1px solid var(--line,#ffffff24);background:#ffffff12;align-items:center;gap:6px;padding:5px 12px 5px 6px;font-size:14px;font-weight:700;display:inline-flex}.spy-order__chip.is-first{background:#ffce3a2e;border-color:#ffce3a80}.spy-order__n{width:22px;height:22px;font-family:var(--font-display);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.draw-wrap{padding:calc(6px + var(--safe-top)) 10px calc(10px + var(--safe-bottom));gap:6px}.draw-bar{justify-content:space-between;align-items:center;padding:2px 6px;display:flex}.draw-round{font-family:var(--font-display);color:var(--primary,#ffce3a);font-size:16px}.draw-wordcap{text-align:center;color:var(--ink-faint,#8b93ad);font-size:11px;font-weight:700}.draw-prompt{border-radius:var(--r-lg,16px);background:#ffce3a1a;border:1px solid #ffce3a4d;align-items:center;gap:10px;padding:4px 8px;display:flex}.draw-prompt .card{flex:none;width:64px}.draw-prompt__cap{font-family:var(--font-display);color:var(--ink-faint,#8b93ad);font-size:15px}.draw-guesshead{flex-direction:column;align-items:center;gap:4px;display:flex}.draw-mask{direction:rtl;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:5px;display:flex}.draw-mask__slot{border-bottom:2px solid var(--ink-faint,#8b93ad);min-width:16px;height:24px;font-family:var(--font-display);color:var(--primary,#ffce3a);justify-content:center;align-items:center;font-size:20px;display:inline-flex}.draw-mask__gap{width:14px}.draw-canvas-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.draw-canvas-frame{max-width:100%;max-height:100%;line-height:0;position:relative}.draw-canvas{border-radius:var(--r-lg,16px);border:1px dashed var(--line-strong,#ffffff38);touch-action:none;cursor:crosshair;background:#1b2030;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.draw-textbox{z-index:3;gap:4px;display:flex;position:absolute;transform:translate(8px,-50%)}.draw-textbox .text-input{width:130px}.draw-scores{flex-wrap:wrap;justify-content:center;gap:4px 6px;padding:2px 0;display:flex}.draw-score{border-radius:var(--r-pill,999px);border:1px solid var(--line,#ffffff1f);background:#ffffff0f;align-items:center;gap:5px;padding:2px 8px 2px 4px;font-size:12px;display:flex}.draw-score.is-drawer{background:#ffce3a29;border-color:#ffce3a66}.draw-score.is-correct{background:#34d3992e;border-color:#34d39980}.draw-score__name{font-weight:700}.draw-score__pts{font-family:var(--font-display);color:var(--primary,#ffce3a)}.draw-tools{flex-direction:column;gap:6px;display:flex}.draw-tools__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.draw-swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:26px;height:26px;padding:0}.draw-swatch.is-on{box-shadow:0 0 0 2px var(--primary,#ffce3a);border-color:#fff}.draw-sizebtn,.draw-toolbtn{border-radius:var(--r-md,12px);border:1px solid var(--line,#ffffff1f);cursor:pointer;background:#ffffff14;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.draw-sizebtn.is-on,.draw-toolbtn.is-on{border-color:var(--primary,#ffce3a);background:#ffce3a33}.draw-toolbtn:disabled{opacity:.35;cursor:default}.draw-toolbtn>svg{color:#fff}.draw-sizedot{background:#fff;border-radius:50%}.draw-toolbar{gap:8px;display:flex}.draw-toolbar>*{flex:1}.draw-guessed{text-align:center;font-family:var(--font-display);color:#34d399;padding:8px;font-size:18px}.draw-guessed--gave{color:var(--ink-dim,#c8d0e8)}.draw-score.is-gave{opacity:.6}.draw-guesswrap{flex-direction:column;gap:6px;display:flex}.draw-guessfb{font-family:var(--font-display);border-radius:var(--r-pill,999px);align-self:center;padding:5px 16px;font-size:15px;animation:.3s both cup-pop}.draw-guessfb.is-close{color:#2b1c06;background:#ffce3a}.draw-guessfb.is-wrong{color:#fff;background:#ff6b8147;border:1px solid #ff6b81}.draw-reveal{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.draw-reveal .card{width:110px}.draw-reveal__cap{font-family:var(--font-display);color:var(--ink-faint,#8b93ad);font-size:16px}.draw-reveal__list{flex-direction:column;gap:4px;width:min(280px,80%);display:flex}.draw-reveal__row{border-radius:var(--r-md,12px);background:#34d39924;justify-content:space-between;padding:5px 12px;font-weight:700;display:flex}.draw-confirm{z-index:30;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.draw-confirm__box{border-radius:var(--r-lg,16px);background:linear-gradient(180deg, var(--c-bg-2,#232a3d), var(--c-bg-1,#1b2030));border:1px solid var(--line-strong,#ffffff38);width:min(320px,100%);box-shadow:var(--sh-lg,0 12px 40px #00000080);text-align:center;flex-direction:column;gap:14px;padding:20px;display:flex}.draw-confirm__msg{font-family:var(--font-display);font-size:19px}.draw-confirm__row{gap:10px;display:flex}.draw-confirm__row>*{flex:1}.spy-pick{flex-direction:column;gap:10px;width:100%;max-width:300px;display:flex}.tf-streak{color:#ff8f1f;font-weight:900}.ml-titles{flex-direction:column;gap:8px;width:100%;max-width:340px;margin:0 auto;display:flex}.ml-title-row{border-radius:var(--r-md);background:linear-gradient(#ffce3a33,#ffb01f14);border:1px solid #ffce3a66;justify-content:space-between;align-items:center;padding:10px 14px;animation:.3s toast-in;display:flex}.ml-title-row--dim{background:var(--surface);border-color:var(--line)}.ml-title-row__title{font-family:var(--font-display);color:var(--primary);font-size:16px}.ml-title-row--dim .ml-title-row__title{color:var(--ink-dim)}.ml-title-row__name{color:var(--ink);font-weight:800}.ml-chosen__votes{color:var(--ink-dim);font-size:15px}.hu-recap{flex-direction:column;gap:6px;width:100%;max-width:320px;max-height:40vh;display:flex;overflow-y:auto}.hu-recap__row{border-radius:var(--r-md);align-items:center;gap:10px;padding:8px 12px;font-weight:800;animation:.25s toast-in;display:flex}.hu-recap__row.is-ok{color:#a9f5c6;background:#33c87029;border:1px solid #33c87066}.hu-recap__row.is-no{color:pink;background:#ff54701f;border:1px solid #ff547059}.lt-answers{flex-direction:column;gap:12px;width:100%;max-width:340px;margin:0 auto;display:flex}.lt-answers__cat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 12px}.lt-answers__label{font-family:var(--font-display);color:var(--primary);margin-bottom:4px;font-size:15px}.lt-answers__row{justify-content:space-between;gap:8px;padding:2px 0;font-size:13.5px;font-weight:700;display:flex}.lt-answers__name{color:var(--ink-dim)}.lt-answers__val{color:var(--ink)}.ml-recap{flex-direction:column;gap:8px;width:100%;max-width:360px;margin:0 auto;display:flex}.ml-recap__row{border-radius:var(--r-md);background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--panel-line);box-shadow:0 3px 0 var(--panel-edge);text-align:start;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.ml-recap__q{color:var(--ink-dim);font-size:13px;font-weight:700;line-height:1.5}.ml-recap__who{font-family:var(--font-display);color:var(--primary);font-size:16px}.title{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.title__floaters{pointer-events:none;z-index:0;position:absolute;inset:0}.floater{opacity:.16;filter:saturate(1.2);font-size:34px;position:absolute}.floater:nth-child(odd){opacity:.1;filter:saturate(1.2)blur(2px);font-size:52px}.floater:nth-child(3n){opacity:.22;font-size:24px}.title__top{z-index:2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.title__top-left{gap:8px;display:flex}.title__center{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;padding:2px 24px;display:flex;position:relative}.logo{width:76px;height:76px;color:var(--primary);background:radial-gradient(120% 80% at 50% -10%, #ffffff2e, transparent 55%), linear-gradient(180deg, var(--panel-2), var(--panel));box-shadow:inset 0 2px 0 #ffffff29, 0 5px 0 var(--panel-edge), 0 0 30px #ffc32847, var(--sh-lg);border:1.5px solid #ffce3a73;border-radius:22px;flex:none;place-items:center;font-size:40px;display:grid;position:relative}.logo:before{content:"";z-index:-1;pointer-events:none;background:conic-gradient(#ffce3a29 0deg,#0000 24deg,#ff5c9d1a 60deg,#0000 90deg,#ffce3a24 130deg,#0000 160deg,#2fe3c81a 210deg,#0000 245deg,#ffce3a29 300deg,#0000 330deg);border-radius:50%;animation:26s linear infinite logo-rays;position:absolute;inset:-110%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 68%);mask:radial-gradient(circle,#000 20%,#0000 68%)}@keyframes logo-rays{to{transform:rotate(360deg)}}.title__name{font-family:var(--font-logo);letter-spacing:1px;background:linear-gradient(#fff6d8 8%,#ffd84d 42%,#ff9d1f 78%,#ffcf3d 100%);color:#0000;filter:drop-shadow(0 3px #7a3e008c)drop-shadow(0 12px 26px #ffb01f59);-webkit-background-clip:text;background-clip:text;font-size:46px;font-weight:400;line-height:1.08}.title__tag{font-family:var(--font-body);color:var(--ink-dim);max-width:280px;font-size:15px;font-weight:700;line-height:1.45}.title__actions{flex-direction:column;gap:9px;width:100%;max-width:340px;margin-top:8px;display:flex}.title__actions button{padding-top:12px;padding-bottom:12px}.title__actions .btn__emoji{font-size:18px}@media (height<=860px){.title__tag{display:none}.logo{width:62px;height:62px;font-size:32px}.title__name{font-size:40px}.title__actions{gap:7px}.daily-card__desc{display:none}}@media (height<=620px){.logo{border-radius:16px;width:50px;height:50px;font-size:26px}.title__name{font-size:32px}}.title__footer{text-align:center;padding:4px 16px calc(10px + var(--safe-bottom));color:var(--ink-faint);z-index:1;flex:none;font-size:13px;font-weight:700;position:relative}.id-chip{background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--panel-line);box-shadow:inset 0 1.5px 0 #ffffff1f, 0 3px 0 var(--panel-edge), var(--sh-sm);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 10px;display:flex}.id-chip:active{transform:scale(.96)}.id-chip__avatar{place-items:center;width:62px;height:62px;display:grid;position:relative}.lvl-ring{pointer-events:none;position:absolute;inset:0}.id-chip__lvl{bottom:-2px;background:linear-gradient(180deg, var(--primary), var(--primary-2));min-width:22px;height:22px;color:var(--primary-ink);font-family:var(--font-display);box-shadow:0 2px 0 var(--primary-edge), var(--sh-sm);border-radius:999px;place-items:center;padding:0 4px;font-size:13px;display:grid;position:absolute;inset-inline-end:-2px}.id-chip__txt{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.id-chip__name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:17px;line-height:1;overflow:hidden}.id-chip__coins{font-family:var(--font-display);color:var(--primary);font-variant-numeric:tabular-nums;font-size:14px;line-height:1}.friends-online{width:100%;color:var(--ink);font-family:var(--font-display);cursor:pointer;background:#33c87029;border:1px solid #33c87080;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:16px;display:flex}.friends-online:active{transform:scale(.97)}.friends-online__dot{background:var(--success);width:10px;height:10px;box-shadow:0 0 8px var(--success);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.title__dock{justify-content:center;gap:14px;padding-bottom:6px;display:flex}.daily-card{border-radius:var(--r-lg);width:100%;color:var(--ink);cursor:pointer;background:linear-gradient(#ffce3a2e,#ffb01f14);border:1px solid #ffce3a73;flex-direction:column;align-items:center;gap:3px;padding:9px 16px;transition:transform 80ms;display:flex}.daily-card:active:not(:disabled){transform:scale(.97)}.daily-card.is-done{opacity:.65;border-color:var(--panel-line);background:var(--panel);cursor:default}.daily-card__name{font-family:var(--font-display);align-items:center;gap:8px;font-size:18px;display:inline-flex}.daily-card__flame{color:#ff8f1f}.daily-card__desc{color:var(--ink-dim);font-size:12.5px;font-weight:700}.daily-modal{max-width:380px}.daily-score{font-family:var(--font-display);color:var(--primary);font-variant-numeric:tabular-nums;direction:ltr;font-size:44px}.daily-streak{font-family:var(--font-display);color:var(--ink);font-size:19px}.invite-friends{margin-top:10px}.invite-friends__list{flex-direction:column;gap:6px;max-height:230px;display:flex;overflow-y:auto}.invite-friends__row{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.invite-friends__main{align-items:center;gap:8px;min-width:0;display:flex}.invite-friends__name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.invite-friends__empty{color:var(--ink-dim);text-align:center;padding:8px;font-size:13px;font-weight:700}.invite-friends .presence-dot{background:#6b7280;border-radius:50%;flex-shrink:0;width:9px;height:9px}.invite-friends .presence-dot.is-on{background:#33c870;box-shadow:0 0 6px #33c870b3}.board-grid{grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;display:grid}@media (width>=460px){.board-grid{gap:9px}}@media (width>=760px){.board-grid{grid-template-columns:repeat(6,1fr);gap:10px;max-width:720px;margin-inline:auto}}@media (width>=1100px){.board-grid{grid-template-columns:repeat(8,1fr);max-width:900px}}.acc-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.acc-card__name{margin-top:6px;font-size:20px;font-weight:800}.acc-card__user{opacity:.7;direction:ltr;font-size:14px}.acc-code-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.acc-code{letter-spacing:2px;text-align:center;direction:ltr;background:#ffffff14;border-radius:14px;flex:1;padding:10px 12px;font-size:18px;font-weight:800}.acc-hint{opacity:.72;margin:2px 2px 0;font-size:13px;line-height:1.5}.form-error{color:#ff5470;text-align:center;background:#ff54701f;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700}.acc-link{color:inherit;opacity:.85;cursor:pointer;background:0 0;border:none;align-self:center;padding:6px;font-size:14px;font-weight:700;text-decoration:underline}.acc-link:active{opacity:.6}.auth{flex-direction:column;gap:18px;display:flex}.auth-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:4px 8px 0;display:flex}.auth-hero__title{font-family:var(--font-display,inherit);font-size:24px;font-weight:900}.auth-hero__sub{opacity:.74;max-width:34ch;font-size:13.5px;line-height:1.6}.auth-tabs{border-radius:var(--r-pill,999px);border:1px solid var(--line,#ffffff1f);background:#ffffff0f;gap:4px;padding:4px;display:flex}.auth-tab{border-radius:var(--r-pill,999px);color:var(--ink-dim,#c8d0e8);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:15px;font-weight:800;transition:background .15s,color .15s}.auth-tab.is-on{background:var(--primary,#ffce3a);color:#2b2300;box-shadow:0 3px 12px #ffce3a4d}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field__label{opacity:.8;padding-inline-start:2px;font-size:13px;font-weight:800}.auth-field__hint{opacity:.66;padding-inline-start:2px;font-size:12.5px;line-height:1.5}.auth-input{position:relative}.auth-input .text-input{width:100%;padding-inline-start:40px}.auth-input__ic{inset-inline-start:14px;opacity:.6;pointer-events:none;font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.auth-field__warn{border-radius:var(--r-md);color:#ffd9a0;background:#ffb01f24;border:1px solid #ffb01f66;margin-top:6px;padding:8px 12px;font-size:12.5px;font-weight:700;line-height:1.5;display:block}.friends-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:24px;display:flex}.friends-empty__msg{font-family:var(--font-body);color:var(--ink-dim);margin:0;font-size:18px;font-weight:700}.friend-add{align-items:stretch;gap:8px;display:flex}.friend-add .text-input{flex:1}.friend-add .btn{flex:none}.friend-row{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md,16px);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.friend-row__main{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.friend-row__txt{flex-direction:column;min-width:0;display:flex}.friend-row__name{font-family:var(--font-body);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.friend-row__user{font-family:var(--font-body);color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.presence-dot{background:var(--ink-faint,#6b7280);width:10px;height:10px;box-shadow:var(--sh-sm);border-radius:50%;flex:none}.presence-dot.is-on{background:#33c870;box-shadow:0 0 6px #33c870b3}.friend-row__btns{flex:none;align-items:center;gap:6px;display:flex}.friend-row__pending{font-family:var(--font-body);color:var(--ink-dim);flex:none;font-size:13px}.friend-msg{font-family:var(--font-body);color:var(--ink-dim);margin:4px 2px 0;font-size:15px;font-weight:700}.fh-intro{opacity:.9;margin:0 0 4px;font-size:.95rem;line-height:1.7}.fh-stepper{justify-content:center;align-items:center;gap:18px;display:flex}.fh-stepper__value{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:2.4rem;font-weight:800}.fh-names{gap:8px;display:grid}.fh-warn{text-align:center;color:#ffd34d;margin-bottom:8px;font-weight:700}.fh-stage{padding:20px 18px calc(20px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.fh-actions{gap:10px;width:100%;max-width:420px;display:grid}.fh-flash{border-radius:14px;width:100%;max-width:420px;padding:12px 14px;font-weight:700;line-height:1.5}.fh-flash--bad{color:#ffd4d4;background:#ff5a5a2e;border:1px solid #ff5a5a66}.fh-pass__to{opacity:.85;font-size:1.3rem}.fh-pass__name{text-shadow:0 4px 20px #00000059;margin-bottom:6px;font-size:2.8rem;font-weight:900;line-height:1.2}.fh-show__name{font-size:1.6rem;font-weight:800}.fh-show__card{margin:6px 0;transform:scale(1.05)}.fh-show__hold{color:#ffd34d;max-width:460px;font-size:1.15rem;font-weight:800;line-height:1.6}.fh-show__hint{opacity:.85;max-width:460px;font-size:.95rem;line-height:1.6}.fh-guess__q{font-size:1.8rem;font-weight:900}.fh-guess__input{text-align:center;width:100%;max-width:420px;font-size:1.3rem}.fh-result{text-align:center;align-items:center}.fh-result__emoji{font-size:3.2rem;line-height:1}.fh-result__title{margin:4px 0 10px;font-size:1.7rem;font-weight:900}.fh-result__card{justify-content:center;margin-bottom:8px;display:flex}.fh-reveal__label{margin-top:14px}.fh-reveal{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px;padding-bottom:8px;display:grid}.fh-reveal__item{flex-direction:column;align-items:center;gap:6px;display:flex}.fh-reveal__name{opacity:.92;text-align:center;font-size:.85rem;font-weight:700}.fhr-intro{opacity:.9;margin:0 0 4px;font-size:.95rem;line-height:1.7}.fhr-warn{text-align:center;color:#ffd34d;margin:6px 0 0;font-weight:700}.fhr-order{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.fhr-order__item{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700}.fhr-order__item b{color:var(--accent,#ffce3a)}.fhr-order__item.is-turn{background:var(--primary);color:#fff;border-color:#0000;box-shadow:0 0 0 2px #ffffff40}.fhr-order__item.is-turn b{color:#fff}.fhr-order__item.is-out{opacity:.45;text-decoration:line-through}.fhr-wait{text-align:center;opacity:.9;padding:8px 0;font-weight:700}.fhr-mode{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fhr-join{gap:8px;display:flex}.fhr-code-input{text-align:center;letter-spacing:.2em;flex:1;font-size:1.2rem}.fhr-lobby{text-align:center}.fhr-code{margin:6px 0 14px}.fhr-code__value{letter-spacing:.18em;font-variant-numeric:tabular-nums;text-shadow:0 4px 20px #00000059;font-size:3rem;font-weight:900}.fhr-code__hint{opacity:.85;margin-top:4px;font-size:.9rem}.fhr-badge{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;margin:0 auto 14px;padding:4px 14px;font-size:.9rem;font-weight:700;display:inline-block}.fhr-players{gap:8px;margin-top:8px;display:grid}.fhr-player{background:#ffffff12;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.fhr-player__name{font-weight:700}.fhr-you{opacity:.7;font-weight:600}.fhr-banner{text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;margin-bottom:6px;padding:12px 14px}.fhr-banner.is-mine{background:#78c8782e;border-color:#78c87873}.fhr-banner__title{font-size:1.4rem;font-weight:900}.fhr-banner__hint{opacity:.9;margin-top:4px;font-size:.9rem;line-height:1.5}.fhr-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;padding-bottom:8px;display:grid}.fhr-cell{flex-direction:column;align-items:center;gap:6px;display:flex}.fhr-cell.is-out{opacity:.5}.fhr-cell__name{text-align:center;opacity:.92;font-size:.85rem;font-weight:700}.fhr-out{color:#ff8a8a;font-weight:800}.fhr-placeholder,.fhr-mine{background:#ffffff0f;border:1px dashed #ffffff38;border-radius:16px;justify-content:center;align-items:center;width:88px;height:110px;font-size:2.4rem;font-weight:900;display:flex}.fhr-placeholder{opacity:.5}.fhr-cell--me .fhr-mine{background:#ffffff1a;border-style:solid}.fhr-mine__hint{opacity:.7;text-align:center;font-size:.75rem}.fhr-hints{flex-direction:column;align-items:center;gap:5px;width:100%;margin-top:8px;display:flex}.fhr-hint{text-align:center;border-radius:var(--r-md,12px);color:#fff;background:#ffce3a29;border:1px solid #ffce3a66;width:100%;padding:6px 10px;font-size:.82rem;font-weight:700}.fhr-turn-actions,.fhr-guessbox{gap:10px;display:grid}.fhr-ask{gap:8px;display:flex}.fhr-ask-input{flex:1}.fhr-actions{gap:10px;display:grid}.fhr-guess-input{text-align:center;width:100%;font-size:1.2rem}.fhr-watch{gap:10px;display:grid}.fhr-question{text-align:center;background:#ffffff14;border-radius:14px;padding:10px 14px}.fhr-question__label{opacity:.7;font-size:.8rem}.fhr-question__text{font-size:1.2rem;font-weight:800;line-height:1.4}.fhr-verbal{text-align:center;color:#ffd34d;font-weight:700}.fhr-votes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fhr-tally{text-align:center;font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:800}.fhr-result{text-align:center}.fhr-result__emoji{font-size:3.2rem;line-height:1}.fhr-result__title{margin:4px 0 10px;font-size:1.6rem;font-weight:900}.fhr-reveal__label{margin-top:14px}.fhr-timer{font-family:var(--font-display);color:var(--ink-dim);font-variant-numeric:tabular-nums;direction:ltr;margin-top:6px;font-size:20px}.fhr-timer.is-low{color:var(--danger);animation:.6s ease-in-out infinite pulse}.mode-pick{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:16px;display:flex}.mode-card{--mc:111, 157, 255;border:1.5px solid rgba(var(--mc), .4);border-radius:var(--r-xl,22px);background:radial-gradient(130% 90% at 85% -15%, rgba(var(--mc), .42), transparent 58%), radial-gradient(90% 70% at 10% 110%, rgba(var(--mc), .18), transparent 55%), linear-gradient(165deg, rgba(var(--mc), .12), #06031473);box-shadow:inset 0 1.5px 0 #ffffff38, 0 8px 24px #00000059, 0 0 22px rgba(var(--mc), .12);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 18px;transition:transform 90ms,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.mode-card:after{content:"";inset-inline-end:-18px;background:radial-gradient(circle, rgba(var(--mc), .35), transparent 70%);filter:blur(6px);pointer-events:none;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-22px}.mode-card--alt{--mc:217, 43, 160}.mode-card--red{--mc:255, 84, 112}.mode-card--cyan{--mc:47, 227, 200}.mode-card--green{--mc:51, 200, 112}.mode-card--gold{--mc:255, 206, 58}.party-grid{grid-template-columns:1fr 1fr;gap:12px;padding-bottom:8px;display:grid}.party-grid .mode-card{gap:4px;padding:16px 10px}.party-grid .mode-card__emoji{font-size:38px}.party-grid .mode-card__name{font-size:21px}.party-grid .mode-card__desc{max-width:none;font-size:11.5px;line-height:1.45}.mode-card:active{box-shadow:inset 0 1.5px 0 #ffffff38, 0 4px 14px #00000059, 0 0 30px rgba(var(--mc), .35);transform:scale(.96)}.mode-card__emoji{filter:drop-shadow(0 6px 14px rgba(var(--mc), .55));font-size:46px;line-height:1}.mode-card__medal{color:#fff;background:radial-gradient(100% 65% at 50% -8%, #fff6, transparent 55%), linear-gradient(180deg, rgb(var(--mc)), color-mix(in srgb, rgb(var(--mc)) 55%, #14082e));width:58px;height:58px;box-shadow:inset 0 2px 0 #ffffff73, 0 4px 0 color-mix(in srgb, rgb(var(--mc)) 45%, #000), 0 8px 18px #00000059;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.party-grid .mode-card__medal{width:52px;height:52px}.mode-card__name{font-family:var(--font-display);color:#fff;text-shadow:0 2px 10px rgba(var(--mc), .5);font-size:26px;font-weight:700}.mode-card__desc{color:var(--ink-dim,#c8d0e8);max-width:30ch;font-size:13px;font-weight:700;line-height:1.5}.lt-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.lt-alive{color:var(--ink-dim,#c8d0e8);font-size:14px;font-weight:800}.lt-turn{color:var(--ink-dim,#c8d0e8);font-size:18px;font-weight:800}.lt-turn b{color:#fff}.lt-getready{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:28px}.lt-letterbox{flex-direction:column;align-items:center;gap:4px;display:flex}.lt-letterbox__cap{color:var(--ink-dim,#c8d0e8);font-size:13px;font-weight:800}.lt-letter{width:150px;height:150px;font-family:var(--font-display);color:var(--primary-ink,#2a1a05);background:linear-gradient(180deg, var(--primary,#ffce3a), var(--primary-2,#ff9f1f));border-radius:var(--r-xl,26px);box-shadow:var(--hi), var(--sh-lg);place-items:center;font-size:96px;display:grid}.lt-timer{font-family:var(--font-display);color:var(--primary,#ffce3a);font-variant-numeric:tabular-nums;text-shadow:0 0 18px #ffce3a8c,0 2px #00000059;min-width:60px;font-size:44px;font-weight:700}.lt-timer--low{color:#ff5470;text-shadow:0 0 20px #ff5470b3,0 2px #00000059;animation:.6s steps(2,start) infinite lt-blink}@keyframes lt-blink{50%{opacity:.35}}.lt-cover{color:var(--ink-dim,#c8d0e8);max-width:30ch;font-size:14px;font-weight:800}.lt-cats{flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px;display:flex}.lt-cat{border-radius:var(--r-pill,999px);color:#fff;border:1px solid var(--line,#ffffff29);background:#ffffff1a;align-items:center;gap:5px;padding:7px 12px;font-size:14px;font-weight:800;display:flex}.lt-cat__emoji{font-size:15px}.fh-actions{flex-direction:column;gap:10px;width:100%;max-width:360px;display:flex}.lt-standings{margin-top:14px;flex-direction:column;align-self:center;gap:8px;width:100%;max-width:360px;margin-inline:auto;display:flex}.lt-standing{border-radius:var(--r-lg,16px);color:#fff;border:1px solid var(--line,#ffffff24);background:#ffffff12;justify-content:space-between;align-items:center;padding:11px 14px;font-weight:800;display:flex}.lt-standing.is-win{background:linear-gradient(160deg,#ffce3a40,#00000026);border-color:#ffce3a80}.lt-standing__tag{color:var(--ink-dim,#c8d0e8);font-size:13px}.lt-catreminder{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 2px;display:flex}.lt-catchip{border-radius:var(--r-pill,999px);border:1px solid var(--line,#ffffff24);color:#fff;background:#ffffff14;padding:4px 12px;font-size:13px;font-weight:700}.lt-catchip--btn{cursor:pointer;transition:background .15s,border-color .15s}.lt-catchip.is-done{background:#34d39938;border-color:#34d3998c}.lt-catnote{opacity:.7;font-size:12px}.hu-center{text-align:center;justify-content:center;align-items:center;gap:14px}.hu-ready{font-family:var(--font-display);color:#fff;font-size:32px}.hu-hold{color:var(--ink-dim,#c8d0e8);max-width:26ch;font-size:16px;font-weight:800}.hu-countdown{font-family:var(--font-display);color:var(--primary,#ffce3a);font-size:120px;line-height:1;animation:.5s hu-pop}@keyframes hu-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.hu-play{padding:calc(8px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));flex-direction:column;transition:background .18s;display:flex;position:absolute;inset:0}.hu-play--good{background:radial-gradient(circle,#33c87059,#0000 70%)}.hu-play--pass{background:radial-gradient(circle,#ff8f1f4d,#0000 70%)}.hu-bar{justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.hu-score{font-family:var(--font-display);color:#fff;font-size:24px}.hu-timer{font-family:var(--font-display);text-align:center;min-width:56px;color:var(--primary,#ffce3a);font-variant-numeric:tabular-nums;text-shadow:0 0 16px #ffce3a8c,0 2px #00000059;font-size:34px;font-weight:700}.hu-timer--low{color:#ff5470;animation:.6s steps(2,start) infinite hu-blink}@keyframes hu-blink{50%{opacity:.35}}.hu-card{flex:1;place-items:center;min-height:0;display:grid}.hu-zones{gap:10px;height:88px;display:flex}.hu-zone{border-radius:var(--r-xl,22px);font-family:var(--font-display);color:#fff;cursor:pointer;border:none;flex:1;font-size:24px;transition:transform 60ms}.hu-zone:active{transform:scale(.96)}.hu-zone--good{box-shadow:var(--hi), var(--sh-sm);background:linear-gradient(#33c870,#1f9d5c)}.hu-zone--pass{box-shadow:var(--hi), var(--sh-sm);background:linear-gradient(#ff9f43,#d9532b)}.hu-result__big{font-family:var(--font-display);color:var(--primary,#ffce3a);font-size:72px;line-height:1}.hu-result__sub{color:var(--ink-dim,#c8d0e8);margin-top:2px;font-weight:800}.hu-result__coins{font-family:var(--font-display);color:var(--primary,#ffce3a);margin-top:10px;font-size:22px}.hu-review__label{margin-top:18px}.hu-review{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hu-review__item{border-radius:var(--r-pill,999px);border:1px solid var(--line,#ffffff24);align-items:center;gap:6px;padding:7px 12px;font-size:14px;font-weight:800;display:flex}.hu-review__item.is-good{color:#7ef0a8;background:#33c87029}.hu-review__item.is-pass{color:#ffc187;background:#ff8f1f24}.hu-review__mark{font-size:15px}.po-center{justify-content:center;align-items:center;gap:14px}.po-spinner{font-size:56px;animation:1.4s linear infinite po-spin}@keyframes po-spin{to{transform:rotate(360deg)}}.po-connecting{font-family:var(--font-display);color:var(--ink-dim,#c8d0e8);font-size:22px}.po-codebox{text-align:center}.po-code{font-family:var(--font-display);letter-spacing:8px;color:var(--primary,#ffce3a);border-radius:var(--r-xl,22px);background:#ffce3a1f;border:1px dashed #ffce3a73;padding:10px 0;font-size:52px}.po-codehint{color:var(--ink-dim,#c8d0e8);margin-top:6px;font-size:13px;font-weight:700}.po-codeinput{text-align:center;font-family:var(--font-display);letter-spacing:10px;font-size:34px}.po-members{flex-wrap:wrap;gap:12px;display:flex}.po-member{flex-direction:column;align-items:center;gap:4px;width:64px;display:flex}.po-member__name{color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:12px;font-weight:700;overflow:hidden}.po-waiting{color:var(--ink-dim,#c8d0e8);text-align:center;font-size:16px;font-weight:800}.po-waiting b{color:#fff}.po-votegrid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.po-votebtn{border-radius:var(--r-lg,16px);border:1px solid var(--line,#ffffff24);color:#fff;cursor:pointer;background:#ffffff12;flex-direction:column;align-items:center;gap:5px;width:92px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.po-votebtn.is-on{border-color:var(--primary,#ffce3a);box-shadow:0 0 0 2px var(--primary,#ffce3a)}.po-gameflex{flex-direction:column;flex:1;min-height:0;display:flex}.invite-host{z-index:1150;padding:calc(10px + var(--safe-top)) 12px 0;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.invite-card{pointer-events:auto;border-radius:var(--r-xl);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);width:min(440px,100%);box-shadow:var(--sh-lg), 0 0 0 1px #ffffff0d inset, 0 0 26px #2fe3c859;background:linear-gradient(135deg,#2e1a52f0,#160c30f0);padding:14px;animation:2.2s ease-in-out infinite invite-glow}@keyframes invite-glow{0%,to{box-shadow:var(--sh-lg), 0 0 0 1px #ffffff0d inset, 0 0 22px #2fe3c847}50%{box-shadow:var(--sh-lg), 0 0 0 1px #ffffff0d inset, 0 0 34px #2fe3c88c}}.invite-card__top{text-align:right;align-items:center;gap:12px;display:flex}.invite-card__avatar{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--surface-3), var(--surface));border:1px solid var(--line);width:50px;height:50px;box-shadow:var(--hi), var(--sh-sm);flex:none;place-items:center;font-size:28px;display:grid}.invite-card__txt{flex-direction:column;gap:2px;min-width:0;display:flex}.invite-card__name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:900;overflow:hidden}.invite-card__verb{color:var(--accent);font-size:13px;font-weight:700}.invite-card__btns{gap:10px;margin-top:14px;display:flex}.invite-card__ignore,.invite-card__join{border-radius:var(--r-pill);cursor:pointer;border:none;flex:1;padding:12px;font-size:15px;font-weight:900;transition:transform 60ms}.invite-card__ignore{background:var(--surface-2);color:var(--ink-dim);border:1px solid var(--line);flex:0 0 34%}.invite-card__join{background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#04332c;box-shadow:var(--hi), 0 6px 16px #2fe3c866}.invite-card__join:active,.invite-card__ignore:active{transform:scale(.96)}.toast-host{z-index:1200;padding:calc(10px + var(--safe-top)) 12px 0;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.toast{pointer-events:auto;border:1px solid var(--line-strong);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);width:min(440px,100%);box-shadow:var(--sh-lg), 0 0 0 1px #ffffff0a inset;text-align:right;cursor:pointer;background:linear-gradient(135deg,#261646eb,#140c2ceb);align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.toast:active{transform:scale(.98)}.toast__avatar{border-radius:var(--r-pill);width:42px;height:42px;box-shadow:var(--hi), var(--sh-sm);flex:none;place-items:center;display:grid}.toast__emoji{font-size:24px;line-height:1}.toast__text{min-width:0;color:var(--ink);flex:1;font-size:14px;font-weight:800;line-height:1.35}.toast__cta{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--accent), var(--accent-2));color:#04332c;box-shadow:var(--hi);flex:none;padding:7px 14px;font-size:13px;font-weight:900}.toast__bar{transform-origin:100%;background:linear-gradient(90deg, var(--accent), var(--secondary));border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0}.ob{z-index:70;background:var(--bg-app);padding:24px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));place-items:center;display:grid;position:absolute;inset:0}.ob__skip{top:calc(14px + var(--safe-top));background:var(--surface);border:1px solid var(--line);color:var(--ink-dim);font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:8px 18px;font-size:15px;position:absolute;inset-inline-start:16px}.ob__panel{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:340px;display:flex}.ob__title{font-family:var(--font-display);color:#fff;margin:0;font-size:30px}.ob__hint{color:var(--ink-dim);margin:0;font-size:14px;font-weight:700}.ob__name{text-align:center;width:100%;font-size:18px}.ob__emojis{grid-template-columns:repeat(8,1fr);gap:6px;width:100%;display:grid}.ob__colors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ob__mode{border-radius:var(--r-xl);border:2px solid var(--line);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;transition:transform 80ms,border-color .15s;display:flex}.ob__mode:active{transform:scale(.97)}.ob__mode-name{font-family:var(--font-display);font-size:22px}.ob__mode-desc{color:var(--ink-dim);font-size:13.5px;font-weight:700}.ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient__ember{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#ffd678e6,#ffb01f00 70%);border-radius:50%;width:1em;height:1em;animation-name:ember-rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-3%}@keyframes ember-rise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.7}55%{opacity:.45;transform:translateY(-52vh)translate(2.2vw)}to{opacity:0;transform:translateY(-104vh)translate(-1.6vw)}}@media (prefers-reduced-motion:reduce){.ambient__ember{display:none}}.demo{flex-direction:column;flex:1;min-height:0;display:flex}.demo__bar{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.demo__title{font-family:var(--font-display);color:#fff;font-size:23px}.demo__hint{text-align:center;color:var(--ink-dim);padding:0 16px 8px;font-size:13px;font-weight:700}.demo__scroll{flex:1;min-height:0}.demo__foot{justify-content:center;padding:12px;display:flex}.update-host{z-index:1150;padding:calc(10px + var(--safe-top)) 12px 0;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.update-card{pointer-events:auto;border-radius:var(--r-xl);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);width:min(440px,100%);box-shadow:var(--sh-lg), 0 0 24px #ffce3a4d;background:linear-gradient(135deg,#2e1a52f0,#160c30f0);flex-direction:column;gap:10px;padding:10px 12px;display:flex}.update-card__row{align-items:center;gap:10px;display:flex}.update-card__bar{border-radius:var(--r-pill);background:#ffffff24;width:100%;height:7px;overflow:hidden}.update-card__fill{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--primary), var(--primary-2));height:100%;box-shadow:0 0 10px #ffce3a80}.update-card__fill--idle{animation:1s ease-in-out infinite update-pulse}@keyframes update-pulse{0%,to{opacity:.5}50%{opacity:1}}.update-card__icon{border-radius:var(--r-pill);background:linear-gradient(180deg, var(--primary), var(--primary-2));width:42px;height:42px;box-shadow:var(--hi), var(--sh-sm);flex:none;place-items:center;font-size:22px;display:grid}.update-card__txt{text-align:right;flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.update-card__title{color:#fff;font-size:14px;font-weight:900}.update-card__ver{color:var(--primary);font-size:12px;font-weight:700}.update-card__now,.update-card__later{border-radius:var(--r-pill);cursor:pointer;border:none;flex:none;padding:9px 14px;font-size:13px;font-weight:900;transition:transform 60ms}.update-card__now{background:linear-gradient(180deg, var(--primary), var(--primary-2));color:var(--primary-ink);box-shadow:var(--hi)}.update-card__later{background:var(--surface-2);color:var(--ink-dim)}.update-card__now:active,.update-card__later:active{transform:scale(.95)}.update-card__now:disabled{opacity:.7}.credit{text-align:center;color:var(--ink-faint);padding:6px 12px;font-size:12px;font-weight:700;line-height:1.6}.credit a{color:var(--ink-dim);text-decoration:none}