@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-arabic-wght-normal-Cafbb7Zc.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:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-ext-wght-normal-tDTa1Fj6.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:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/vazirmatn-latin-wght-normal-BFexNX-K.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")}@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")}@font-face{font-family:Markazi Text Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/markazi-text-arabic-wght-normal-zEmVoUHK.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:Markazi Text Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/markazi-text-vietnamese-wght-normal-RTZ-2xZ5.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:Markazi Text Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/markazi-text-latin-ext-wght-normal-YbDGb6ot.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:Markazi Text Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/markazi-text-latin-wght-normal-XVaf1yc4.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}:root{--font:"Vazirmatn Variable", Vazirmatn, Tahoma, system-ui, sans-serif;--font-display:Lalezar, "Vazirmatn Variable", Vazirmatn, Tahoma, system-ui, sans-serif;--font-serif:"Markazi Text Variable", "Markazi Text", "Vazirmatn Variable", Tahoma, serif;--midnight:#0a110f;--surface:#121d19;--surface-2:#182621;--surface-3:#21342d;--line:#e8cd8c21;--line-strong:#e8cd8c42;--felt:#0f4a3b;--felt-hi:#1b6652;--felt-deep:#0a3329;--burgundy:#6a1527;--burgundy-hi:#922339;--gold:#dfb765;--gold-fill:#dfb765;--gold-strong:#f2d691;--gold-deep:#a47a2a;--gold-ink:#2a1c05;--gold-foil:linear-gradient(180deg, #f8e3a2 0%, #e4bc63 46%, #c39636 54%, #e9c56f 100%);--gold-rule:linear-gradient(90deg, transparent, var(--gold) 30%, var(--gold-strong) 50%, var(--gold) 70%, transparent);--ivory:#f6efdc;--text:#f6efdc;--muted:#bcc8c0;--faint:#8f9d95;--card:#fffdf8;--card-edge:#e5dfd0;--suit-red:#c83d4a;--suit-black:#20282c;--success:#62bb8c;--warning:#f0ab65;--danger:#ec8080;--team-a:#6fa8dc;--team-b:#e0877a;--bg:var(--midnight);--bg-glow:radial-gradient(ellipse 90% 60% at 50% -10%, #1b665247, transparent 70%);--panel:var(--surface);--panel-grad:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 70%, var(--surface)), var(--surface));--bevel:inset 0 1px 0 #fff0c812;--shadow-sm:0 1px 2px #00000073;--shadow:0 8px 24px #0000006b;--shadow-lg:0 22px 60px #0000008c;--radius-sm:8px;--radius:14px;--radius-lg:20px;--tap:48px;--gutter:16px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--ease:cubic-bezier(.2, .8, .2, 1);--card-scale:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4eddb;--bg-glow:radial-gradient(ellipse 90% 55% at 50% -8%, #ffffffd9, transparent 70%);--panel:#fffaf0;--surface:#fffaf0;--surface-2:#f0e7d1;--surface-3:#e5d9bd;--panel-grad:linear-gradient(180deg, #fffdf7, #fbf4e3);--line:#5c420e26;--line-strong:#5c420e4d;--text:#16231e;--muted:#475850;--faint:#526259;--felt:#17604c;--felt-hi:#237a62;--felt-deep:#0f4a3b;--gold:#7a5809;--gold-fill:#d9a93f;--gold-strong:#5f4204;--gold-deep:#a47a2a;--gold-ink:#231703;--gold-rule:linear-gradient(90deg, transparent, #b98b2c 30%, #d9a93f 50%, #b98b2c 70%, transparent);--bevel:inset 0 1px 0 #fffc;--shadow-sm:0 1px 2px #3c280824;--shadow:0 8px 22px #3c280824;--shadow-lg:0 22px 46px #3c280838;--success:#23764d;--warning:#9a5614;--danger:#b73c3f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.hero,.felt,.lobby-felt,.center-panel,.matchmaking,.example,.felt-bg,.table-screen .felt{--gold:#e6bf6c;--gold-strong:#f4d98f;--line:#e8cd8c29}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:16px;line-height:1.75}body{min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}ol{list-style-type:persian}h1,h2,h3,h4{letter-spacing:0;margin:0;font-weight:800;line-height:1.4}h3{font-size:18px}p{margin:0}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}img,svg{display:block}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:14px}.tiny{font-size:13px}.center{text-align:center}.grow{flex:1}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.stack-lg{flex-direction:column;gap:24px;display:flex}.spacer{flex:1}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.suit-red{color:var(--suit-red)}.suit-black{color:var(--suit-black)}:root[data-theme=dark] .on-dark.suit-black{color:var(--ivory)}.container{width:100%;max-width:1120px;padding:0 var(--gutter);margin:0 auto}.container.narrow{max-width:560px}.container.mid{max-width:820px}main.page{padding-bottom:calc(40px + var(--safe-b));flex:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.btn{--h:var(--tap);min-height:var(--h);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);white-space:nowrap;transition:transform .12s var(--ease), background .15s, border-color .15s, box-shadow .15s, opacity .15s;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;line-height:1.2;display:inline-flex;text-decoration:none!important}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn.primary{background:linear-gradient(180deg, var(--gold-strong), var(--gold));color:var(--gold-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--gold) 30%, transparent);border-color:#0000}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:color-mix(in srgb, var(--text) 8%, transparent)}.btn.outline{background:0 0}.btn.danger{border-color:color-mix(in srgb, var(--danger) 60%, transparent);color:var(--danger);background:0 0}.btn.danger.solid{background:var(--danger);color:#1b0d0d;border-color:#0000}.btn.block{width:100%}.btn.lg{--h:56px;padding:0 26px;font-size:17px}.btn.sm{--h:40px;padding:0 14px;font-size:14px}.btn.icon{width:var(--h);padding:0}.btn .ico{flex:none;width:20px;height:20px}.btn.loading{position:relative;color:#0000!important}.btn.loading:after{content:"";border:2.5px solid;border-color:var(--gold-ink) transparent var(--gold-ink) transparent;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute}.btn.loading:not(.primary):after{border-color:var(--text) transparent var(--text) transparent}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:15px;font-weight:700}.field .hint{color:var(--muted);font-size:13px}.field .err{color:var(--danger);align-items:center;gap:6px;font-size:14px;display:flex}.input-wrap{align-items:center;display:flex;position:relative}.input{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:color-mix(in srgb, var(--bg) 60%, var(--surface));width:100%;min-height:52px;color:var(--text);padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 25%, transparent);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.input.ltr-input{text-align:left;direction:ltr}.input-wrap .reveal{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0 10px;font-size:14px;font-weight:700;position:absolute;inset-inline-end:6px}.input-wrap .input.with-reveal{padding-inline-end:70px}textarea.input{resize:vertical;min-height:96px;padding:12px 16px;line-height:1.7}.seg{background:color-mix(in srgb, var(--bg) 55%, var(--surface));border:1px solid var(--line);border-radius:16px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.seg button{min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:auto;padding:0 12px;font-size:15px;font-weight:700;transition:background .15s,color .15s}.toggle-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex}.toggle-row:last-child{border-bottom:0}.toggle-row .txt{flex:1}.toggle-row .txt small{color:var(--muted);font-size:13px;line-height:1.6;display:block}.switch{background:var(--surface-3);border:0;border-radius:999px;flex:none;width:52px;height:32px;transition:background .2s;position:relative}.switch:after{content:"";top:4px;background:var(--ivory);width:24px;height:24px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease);border-radius:50%;position:absolute;inset-inline-start:4px}.switch[aria-checked=true]{background:var(--success)}.switch[aria-checked=true]:after{transform:translate(-20px)}:root[dir=ltr] .switch[aria-checked=true]:after{transform:translate(20px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.panel.tight{padding:14px}.panel h3{margin-bottom:10px}.chip{background:color-mix(in srgb, var(--text) 8%, transparent);min-height:28px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.chip.gold{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--gold)}.chip.success{background:color-mix(in srgb, var(--success) 18%, transparent);color:var(--success)}.chip.danger{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger)}.chip.warning{background:color-mix(in srgb, var(--warning) 18%, transparent);color:var(--warning)}.chip.bot{color:#a9c1ff;background:#9bb7ff2e}:root[data-theme=light] .chip.bot{color:#3b5bb5}.divider{background:var(--line);border:0;height:1px;margin:8px 0}.notice{border-radius:var(--radius);background:color-mix(in srgb, var(--gold) 12%, transparent);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.8;display:flex}.notice.info{background:color-mix(in srgb, var(--text) 6%, transparent);border-color:var(--line)}.notice.danger{background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.notice .ico{flex:none;width:20px;height:20px;margin-top:2px}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;background:#050a0c99;position:fixed;inset:0}.sheet{z-index:81;inset-inline:0;background:var(--panel);border:1px solid var(--line);max-height:min(88dvh,820px);box-shadow:var(--shadow-lg);padding-bottom:var(--safe-b);border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0}.sheet .grab{background:var(--line-strong);border-radius:99px;flex:none;width:44px;height:5px;margin:10px auto 2px}.sheet header{flex:none;align-items:center;gap:8px;padding:6px 12px 6px 20px;display:flex}.sheet header h2{flex:1;font-size:19px}.sheet .body{overscroll-behavior:contain;padding:4px 20px 20px;overflow-y:auto}.sheet footer{border-top:1px solid var(--line);flex:none;gap:10px;padding:12px 20px;display:flex}@media (min-width:720px){.sheet{inset-inline:auto;border-radius:24px;width:min(560px,100vw - 32px);max-height:min(86dvh,820px);top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.sheet .grab{display:none}.sheet.wide{width:min(760px,100vw - 32px)}}.toasts{z-index:120;inset-inline:0;top:calc(10px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--surface-3);max-width:min(480px,100%);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;font-weight:600;display:flex}.toast.error{border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.toast.error .dot{background:var(--danger)}.toast.success .dot{background:var(--success)}.toast .dot{background:var(--gold-fill);border-radius:50%;flex:none;width:8px;height:8px}.state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:46vh;padding:48px 20px;display:flex}.state .art{width:140px;height:110px}.state h2{font-size:21px}.state p{color:var(--muted);max-width:420px}.loader-cards{align-items:flex-end;gap:6px;height:64px;display:flex}.loader-cards span{background:var(--card);width:34px;height:48px;box-shadow:var(--shadow);animation:hop 1.1s var(--ease) infinite;border-radius:6px;place-items:center;font-size:20px;font-weight:800;display:grid}.loader-cards span:nth-child(2){color:var(--suit-red);animation-delay:.12s}.loader-cards span:nth-child(3){animation-delay:.24s}.loader-cards span:nth-child(4){color:var(--suit-red);animation-delay:.36s}.loader-cards span:nth-child(odd){color:var(--suit-black)}@keyframes hop{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-14px)rotate(-4deg)}}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.avatar{--s:44px;vertical-align:middle;width:var(--s);height:var(--s);border-radius:50%;flex:none;display:inline-block;position:relative}.avatar svg{border-radius:50%;width:100%;height:100%}.avatar .badge-bot{bottom:-4px;color:#fff;border:2px solid var(--bg);background:#3f5fb8;border-radius:8px;padding:0 5px;font-size:10px;font-weight:800;line-height:16px;position:absolute;inset-inline-end:-6px}.app-header{z-index:40;padding-top:var(--safe-t);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.app-header .brand{color:var(--text);text-decoration:none}.profile-btn{gap:10px;padding:0 6px 0 12px}.profile-btn .name{text-overflow:ellipsis;max-width:120px;overflow:hidden}@media (max-width:380px){.profile-btn .name{display:none}}.menu-list{flex-direction:column;display:flex}.menu-list a,.menu-list button{border:0;border-bottom:1px solid var(--line);min-height:56px;color:var(--text);text-align:start;background:0 0;align-items:center;gap:14px;padding:0 4px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.menu-list>:last-child{border-bottom:0}.menu-list .danger,.menu-list .danger .ico{color:var(--danger)}.app-footer{padding:28px 0 calc(28px + var(--safe-b));border-top:1px solid var(--line);margin-top:40px}.app-footer a{color:var(--muted);font-size:14px}.hero{color:var(--ivory);border-radius:0 0 32px 32px;margin-bottom:28px;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 50%, transparent), transparent);opacity:.6;height:10px;position:absolute;inset:auto 0 0}.hero-inner{padding:28px var(--gutter) 34px;grid-template-columns:1fr;align-items:center;gap:8px;max-width:1120px;margin:0 auto;display:grid}.hero h1{color:var(--ivory)}.hero .slogan{color:var(--gold);font-size:17px;font-weight:800}.hero .lead{color:#d6e2df;max-width:460px;margin-top:6px}.hero .cta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.hero .cta .btn.outline{color:var(--ivory);border-color:#f7f4ea59}.hero-cards{justify-content:center;align-items:center;height:170px;display:flex;position:relative}.hero-cards .pcard{filter:drop-shadow(0 14px 22px #00000073);position:absolute}@media (min-width:760px){.hero-inner{padding:56px var(--gutter) 60px;grid-template-columns:1.1fr .9fr}.hero-cards{order:2;height:260px}}.section-title{align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.section-title h2{flex:1}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:680px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (min-width:1040px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.game-card{border-radius:var(--radius-lg);background:var(--panel);border:1px solid var(--line);color:var(--text);transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;flex-direction:column;display:flex;overflow:hidden;text-decoration:none!important}.game-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--gold) 45%, transparent);transform:translateY(-3px)}.game-card .cover{aspect-ratio:16/10;overflow:hidden}.game-card .cover svg{width:100%;height:100%}.game-card .meta{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.game-card h3{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:17px;display:flex}.game-card h3 small{color:var(--muted);font-size:12px;font-weight:600}.game-card .players{color:var(--muted);font-size:13px}.game-card .tags{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.game-card .tags .chip{min-height:22px;padding:0 8px;font-size:11.5px}.resume-card{border-radius:var(--radius);background:var(--panel);border:1px solid color-mix(in srgb, var(--gold) 40%, transparent);color:var(--text);align-items:center;gap:12px;padding:12px 14px;display:flex;text-decoration:none!important}.resume-card .cover-thumb{border-radius:10px;flex:none;width:64px;height:44px;overflow:hidden}.resume-card .cover-thumb svg{width:100%;height:100%}.resume-card .txt{flex:1;min-width:0}.resume-card .txt b{display:block}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);text-align:start;width:100%;color:var(--text);align-items:center;gap:12px;padding:10px 12px;display:flex}.history-item .txt{flex:1;min-width:0}.history-item .txt .s{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.outcome{justify-content:center;min-width:54px}.detail-cover{border-radius:var(--radius-lg);aspect-ratio:16/7;box-shadow:var(--shadow);margin:16px 0 18px;overflow:hidden}.detail-cover svg{width:100%;height:100%}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.fact{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:10px}.fact .k{color:var(--muted);font-size:12px}.fact .v{font-size:14px;font-weight:800}.detail-actions{grid-template-columns:1fr;gap:10px;margin:18px 0;display:grid}@media (min-width:520px){.detail-actions{grid-template-columns:1fr 1fr}}.rule-list{flex-direction:column;gap:6px;margin:0;padding-inline-start:20px;line-height:1.9;display:flex}.rule-list li::marker{color:var(--gold)}.example{border-radius:var(--radius);background:color-mix(in srgb, var(--felt) 70%, var(--bg));color:var(--ivory);align-items:center;gap:14px;padding:12px;display:flex}.example .cards{direction:ltr;flex:none;gap:4px;display:flex}.example p{font-size:14px;line-height:1.8}.example b{color:var(--gold);font-size:14px;display:block}@media (max-width:420px){.example{flex-direction:column;align-items:flex-start}}.option-block{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.option-block>label,.option-block>.label{font-size:15px;font-weight:800}.option-block .hint{color:var(--muted);font-size:13px}.auth-wrap{padding:24px var(--gutter) 48px;flex:1;place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.auth-card .head{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;display:flex}.auth-card .head .mini-cards{gap:0;height:64px;margin-bottom:4px;display:flex}.auth-card .head .mini-cards .pcard:first-child{transform:rotate(-10deg)translate(-6px)}.auth-card .head .mini-cards .pcard:last-child{transform:rotate(9deg)translate(6px)}.auth-card form{flex-direction:column;gap:14px;display:flex}.auth-alt{text-align:center;color:var(--muted);margin-top:16px;font-size:15px}.profile-head{align-items:center;gap:16px;padding:22px 0 10px;display:flex}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:640px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.stat .v{font-size:26px;font-weight:900;line-height:1.3}.stat .k{color:var(--muted);font-size:13px}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (min-width:480px){.avatar-grid{grid-template-columns:repeat(8,1fr)}}.avatar-grid button{aspect-ratio:1;background:0 0;border:2px solid #0000;border-radius:50%;padding:3px}.avatar-grid button[aria-pressed=true]{border-color:var(--gold)}.avatar-grid .avatar{width:100%;height:100%;--s:100%!important}.bar{background:var(--surface-3);border-radius:99px;height:8px;overflow:hidden}.bar>span{background:var(--gold-fill);border-radius:99px;height:100%;display:block}.page-head{flex-direction:column;gap:6px;padding:22px 0 16px;display:flex}.legal h3{margin:18px 0 6px}.legal p,.legal li{color:var(--muted);line-height:2}.hero-cards .hc1{transform:translate(36px)rotate(-12deg)}.hero-cards .hc2{transform:translate(-36px)rotate(10deg)}@media (min-width:760px){.hero-cards .pcard{width:150px;height:210px}.hero-cards .hc1{transform:translate(50px)rotate(-12deg)}.hero-cards .hc2{transform:translate(-50px)rotate(10deg)}}.promo-strip{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 70%, transparent);min-height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:4px;padding:0 4px 0 2px;font-size:14px;display:flex}.promo-body{min-width:0;min-height:42px;color:inherit;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 10px;display:flex;text-decoration:none!important}a.promo-body:hover{background:color-mix(in srgb, var(--text) 5%, transparent);color:var(--text)}.promo-label{border:1px solid var(--line-strong);color:var(--faint);border-radius:6px;flex:none;padding:1px 7px;font-size:11px;font-weight:800}.promo-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.promo-sponsor{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:30%;font-size:12px;overflow:hidden}.promo-go{color:var(--faint);flex:none}.promo-close{width:36px;height:36px;color:var(--faint);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.promo-close:hover{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text)}@media (max-width:420px){.promo-sponsor{display:none}}.install-card{border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--felt) 55%, var(--panel)), var(--panel));border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);align-items:flex-start;gap:14px;padding:16px;display:flex}.install-card h3{margin-bottom:2px;font-size:17px}.install-card p{color:var(--muted);line-height:1.8}.update-bar{z-index:70;inset-inline:12px;bottom:calc(12px + var(--safe-b));background:var(--surface-3);border:1px solid var(--line-strong);max-width:460px;box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:10px;margin:0 auto;padding:8px 8px 8px 16px;font-size:14px;font-weight:700;display:flex;position:fixed}.update-bar span{flex:1}.bell-btn{position:relative}.badge-dot{top:3px;background:var(--danger);color:#fff;text-align:center;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--bg);border-radius:9px;padding:0 4px;font-size:11px;font-weight:800;line-height:18px;position:absolute;inset-inline-end:-3px}@media (max-width:380px){.hide-xs{display:none}}.notif-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notif{border-radius:var(--radius);background:var(--surface-2);align-items:flex-start;gap:10px;padding:10px;line-height:1.8;display:flex}.notif.unread{box-shadow:inset 3px 0 0 var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--surface-2))}.invite-pop{z-index:90;inset-inline:12px;bottom:calc(14px + var(--safe-b));border-radius:var(--radius-lg);background:var(--surface-3);border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);max-width:520px;box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto;padding:12px 14px;line-height:1.8;display:flex;position:fixed}.people{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.person{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:10px;min-height:60px;padding:8px 10px;display:flex}.person .who{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.person .txt{flex-direction:column;min-width:0;display:flex}.person .txt b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.person .txt small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.person .txt small.online{color:var(--success)}.pres-wrap{flex:none;line-height:0;display:inline-block;position:relative}.pres{bottom:1px;background:var(--faint);width:12px;height:12px;box-shadow:0 0 0 2px var(--surface-2);border-radius:50%;position:absolute;inset-inline-end:1px}.pres.on{background:var(--success)}.search-box{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line-strong);align-items:center;gap:8px;padding-inline-start:12px;display:flex}.search-box .input{box-shadow:none;background:0 0;border:0}.search-box .ico{color:var(--faint);flex:none}.profile-head{align-items:center;gap:16px;display:flex}.live-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 60%, transparent);vertical-align:middle;border-radius:50%;animation:1.8s infinite live;display:inline-block}@keyframes live{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.tier-badge{filter:drop-shadow(0 1px 1px #00000059);flex:none}.rating-row{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.rating-row:first-of-type{border-top:0}.rating-num{color:var(--gold);font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.tier-progress{background:var(--surface-3);border-radius:3px;height:6px;margin:6px 0 2px;overflow:hidden}.tier-progress i{background:linear-gradient(90deg, var(--gold-strong), var(--gold));border-radius:3px;height:100%;display:block}.rating-delta{background:var(--surface-3);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 8px;font-size:14px;font-weight:800}.rating-delta.up{color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent)}.rating-delta.down{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}.chip-scroller{scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:2px 2px 6px;padding-inline:var(--gutter);gap:6px;display:flex;overflow-x:auto}.chip-scroller::-webkit-scrollbar{display:none}.chip-btn{border:1px solid var(--line-strong);background:var(--surface-2);min-height:40px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:0 14px;font-size:14px;font-weight:600}.chip-btn.on{background:var(--gold-fill);border-color:var(--gold);color:var(--gold-ink)}.lb-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lb-row{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:10px;min-height:58px;padding:8px 10px;display:flex}.lb-row .rank{text-align:center;width:30px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-weight:900}.lb-row.top .rank{width:30px;height:30px;color:var(--gold-ink);border-radius:50%;line-height:30px}.lb-row.top-1 .rank{background:linear-gradient(#f7dc95,#c99a3b)}.lb-row.top-2 .rank{background:linear-gradient(#e6ebef,#9aa6b0)}.lb-row.top-3 .rank{background:linear-gradient(#e2a679,#9c5f36)}.lb-row .who{min-width:0;color:inherit;flex:1;align-items:center;gap:8px;text-decoration:none;display:flex}.lb-row .nm{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.lb-row .val{flex-direction:column;flex:none;align-items:flex-end;min-width:64px;display:flex}.lb-row .val b{font-variant-numeric:tabular-nums;font-size:17px}.lb-row .val b.up{color:var(--success)}.lb-row .val b.down{color:var(--danger)}.lb-row .val small{color:var(--faint);font-size:11.5px}.matchmaking{border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:18px;padding:28px 16px 22px;display:flex;position:relative;overflow:hidden}.radar{width:120px;height:120px;position:relative}.radar:after{content:"";background:var(--gold-fill);box-shadow:0 0 24px color-mix(in srgb, var(--gold) 70%, transparent);border-radius:50%;position:absolute;inset:44px}.radar i{border:2px solid var(--gold);opacity:0;animation:radar 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}@keyframes radar{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.radar i{opacity:.4;animation:none}.live-dot{animation:none}}.mm-status{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.mm-status b{font-size:19px}.mm-status small{color:var(--muted);font-variant-numeric:tabular-nums}.mm-seats{flex-wrap:wrap;justify-content:center;gap:14px;margin:0;padding:0;list-style:none;display:flex}.mm-seats li{flex-direction:column;align-items:center;gap:4px;width:72px;display:flex}.mm-seats .nm{white-space:nowrap;text-overflow:ellipsis;max-width:72px;font-size:12.5px;overflow:hidden}.mm-seats li.me .nm{color:var(--gold);font-weight:800}.mm-seats .ph{border:2px dashed var(--line-strong);width:48px;height:48px;color:var(--faint);border-radius:50%;place-items:center;font-weight:800;display:grid}.share-preview{background:var(--surface-2);border-radius:var(--radius);place-items:center;min-height:220px;padding:10px;display:grid}.share-preview img{max-width:100%;max-height:52vh;box-shadow:var(--shadow);border-radius:10px;display:block}.community{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.community-tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);color:inherit;min-height:72px;transition:border-color .2s var(--ease), transform .2s var(--ease);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.community-tile:hover{border-color:color-mix(in srgb, var(--gold) 50%, transparent);transform:translateY(-1px)}.community-tile .ico{color:var(--gold);flex:none}.community-tile span{flex-direction:column;gap:2px;min-width:0;display:flex}.community-tile small{color:var(--muted);font-size:13px;line-height:1.7}.rating-delta,.lb-row .val b,.num-ltr{direction:ltr;unicode-bidi:isolate}.table-screen{background:var(--bg);touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.table-top{padding:calc(6px + var(--safe-t)) 8px 6px;background:color-mix(in srgb, var(--bg) 90%, var(--felt));border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:6px;min-height:56px;display:flex}.table-top .title{flex-direction:column;flex:none;min-width:56px;max-width:46%;line-height:1.3;display:flex}.table-top .title b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.table-top .title small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.table-top .scores{scrollbar-width:none;flex-wrap:nowrap;flex:auto;justify-content:flex-start;align-items:center;gap:4px;min-width:0;padding-inline:2px;display:flex;overflow-x:auto}.table-top .scores::-webkit-scrollbar{display:none}.table-top .scores>*{flex:none}.table-top .btn.icon{--h:44px;flex:none}.conn-dot{background:var(--success);border-radius:50%;flex:none;width:9px;height:9px}.conn-dot.off{background:var(--danger)}.score-chip{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:10px;align-items:center;gap:5px;min-height:32px;padding:0 9px;font-size:13px;font-weight:800;display:inline-flex}.score-chip .k{color:var(--muted);font-size:11.5px;font-weight:600}.score-chip .v{font-variant-numeric:tabular-nums}.score-chip.trump{background:var(--card);color:var(--suit-black);border-color:var(--gold)}.score-chip.trump svg{width:18px;height:18px}@media (max-width:440px){.score-chip{gap:3px;padding:0 6px;font-size:12.5px}.score-chip .k{font-size:11px}.score-chip.trump .k{display:none}.table-top .title small{max-width:28vw}.score-chip:has(>.k){flex-direction:column;justify-content:center;gap:0;padding:1px 7px;line-height:1.2}.score-chip:has(>.k) .k{font-size:10px}.score-chip:has(>.k) .v{font-size:13px}}@media (max-width:400px){.table-top{gap:3px;padding-inline:5px}.table-top .title b{font-size:15px}.table-top .title small{max-width:21vw}}@media (max-width:350px){.score-chip .k{display:none}}.banner{z-index:30;inset-inline:10px;background:var(--surface-3);border:1px solid color-mix(in srgb, var(--danger) 45%, transparent);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:700;display:flex;position:absolute;top:8px}.felt{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--felt-hi) 80%, transparent), inset 0 0 60px #00000059, var(--shadow);color:var(--ivory);border-radius:28px;min-height:0;margin:8px;position:relative;overflow:hidden}.felt:before{content:"";pointer-events:none;border:1px solid #e9bd632e;border-radius:22px;position:absolute;inset:10px}.felt-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:16% 18% 12%}.felt-center.wide{inset:14% 6% 8%}.felt-msg{text-align:center;color:#e6efec;background:#00000038;border-radius:14px;padding:8px 14px;font-size:15px;font-weight:700}.seat{z-index:5;text-align:center;pointer-events:auto;flex-direction:column;align-items:center;gap:2px;width:92px;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat .ring{background:#00000040;border-radius:50%;padding:3px;position:relative}.seat.active .ring{background:conic-gradient(var(--gold) var(--p,100%), #e9bd6340 0);animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 3px #e9bd6340,0 0 18px #e9bd638c}@keyframes pulse{50%{box-shadow:0 0 0 5px #e9bd632e,0 0 26px #e9bd63b3}}.seat .team-0{outline:2.5px solid var(--team-a);outline-offset:1px;border-radius:50%}.seat .team-1{outline:2.5px solid var(--team-b);outline-offset:1px;border-radius:50%}.seat .nm{white-space:nowrap;text-overflow:ellipsis;color:#f2f6f4;text-shadow:0 1px 2px #00000080;max-width:92px;font-size:12.5px;font-weight:800;line-height:1.35;overflow:hidden}.seat .sub{color:#c7d6d2;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;font-size:11px;line-height:1.3;display:flex}.seat .turn-label{color:var(--gold-ink);background:var(--gold-fill);border-radius:8px;padding:0 6px;font-size:11px;font-weight:800;line-height:18px}.seat .crown{top:-12px;width:24px;height:24px;color:var(--gold);filter:drop-shadow(0 1px 1px #0009);position:absolute;inset-inline-end:-8px}.seat .off-badge{bottom:-2px;background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;inset-inline-start:-6px}.seat .off-badge svg{width:13px;height:13px}.seat.me{background:#00000038;border-radius:999px;flex-direction:row;gap:8px;width:auto;padding:4px 10px 4px 6px;transform:translate(-50%,-100%)}.seat.me .nm{max-width:110px}.seat.me .col{flex-direction:column;align-items:flex-start;display:flex}.seat .mini-stack{direction:ltr;justify-content:center;align-items:flex-end;height:22px;display:flex}.seat .mini-stack .pcard{margin-inline-start:-10px}.seat .mini-stack .pcard:first-child{margin-inline-start:0}.bubble{z-index:25;background:var(--card);max-width:160px;color:var(--suit-black);box-shadow:var(--shadow);pointer-events:none;border-radius:14px;padding:6px 10px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%,-140%)}.table-bottom{z-index:8;padding:0 8px calc(8px + var(--safe-b));flex-direction:column;gap:6px;display:flex;position:relative}.turn-banner{background:var(--gold-fill);min-height:30px;color:var(--gold-ink);box-shadow:0 4px 14px color-mix(in srgb, var(--gold) 35%, transparent);border-radius:999px;align-self:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.turn-banner.wait{background:var(--surface-2);color:var(--muted);box-shadow:none;font-weight:700}.turn-banner.warn{background:var(--warning)}.hand-wrap{scrollbar-width:none;margin-top:-16px;padding-top:22px;position:relative;overflow:auto hidden}.hand-wrap::-webkit-scrollbar{display:none}.hand{direction:ltr;margin:0 auto;position:relative}.hand .slot{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;padding:0;position:absolute;bottom:12px}.hand .slot:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.pcard{border-radius:6%;transition:filter .15s,opacity .15s}.pcard.s-disabled{filter:saturate(.4)brightness(.62)}.pcard.s-selected{filter:drop-shadow(0 0 0 var(--gold)) drop-shadow(0 6px 12px #00000073)}.pcard.s-selected rect:first-child{stroke:#e9bd63;stroke-width:9px}.pcard.s-winner rect:first-child{stroke:#e9bd63;stroke-width:10px}.pcard.s-playable rect:first-child{stroke:#60b88a;stroke-width:9px}.hand .pcard,.trick .pcard,.table-cards .pcard{filter:drop-shadow(0 3px 5px #00000059)}.hand .pcard.s-disabled{filter:saturate(.4)brightness(.62)drop-shadow(0 3px 5px #00000059)}.pcard.s-hint,.hand .pcard.s-hint,.trick .pcard.s-hint,.table-cards .pcard.s-hint{animation:1.5s ease-in-out infinite coach-card}.pcard.s-hint rect:first-child{stroke:#f2c45a;stroke-width:12px}.hand .pcard.s-hint{transform:translateY(-9px)}.hand .slot:has(.pcard.s-hint){z-index:60!important}@keyframes coach-card{0%,to{filter:drop-shadow(0 0 5px #f2c45abf)drop-shadow(0 3px 5px #00000059)}50%{filter:drop-shadow(0 0 13px #f2c45a)drop-shadow(0 3px 5px #00000059)}}.coach-pick{z-index:1;box-shadow:0 0 0 2px var(--gold), 0 0 16px 2px #f2c45abf;animation:1.5s ease-in-out infinite coach-btn;position:relative;border-color:var(--gold)!important}.coach-pick:before{content:"✦";content:"✦" / "";top:-9px;background:var(--gold-fill);width:20px;height:20px;color:var(--gold-ink);text-align:center;border-radius:50%;font-size:12px;font-weight:900;line-height:20px;position:absolute;inset-inline-start:-5px}@keyframes coach-btn{50%{box-shadow:0 0 0 2px var(--gold), 0 0 26px 6px #f2c45af2}}@media (prefers-reduced-motion:reduce){.coach-pick,.pcard.s-hint{animation:none}}.action-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:52px;display:flex}.action-bar .btn{--h:48px;padding:0 16px}.action-bar .btn.primary{min-width:120px}.action-bar .tool{--h:44px;color:var(--muted);padding:0 12px;font-size:14px}.reason{color:var(--muted);text-align:center;min-height:18px;font-size:13px}.trick{width:100%;height:100%;position:relative}.trick>*{position:absolute;top:50%;left:50%}.table-cards{direction:ltr;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;display:flex}.center-panel{color:var(--ivory);text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1e1ab8;border:1px solid #e9bd634d;border-radius:20px;max-width:min(360px,92%);padding:16px}.center-panel h3{color:var(--gold);margin-bottom:4px}.center-panel .muted{color:#c4d3cf}.suit-picker{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.suit-picker button{background:var(--card);min-width:44px;min-height:64px;color:var(--suit-black);border:2px solid #0000;border-radius:16px;place-items:center;gap:0;padding:6px 0;font-size:12px;font-weight:800;display:grid}.suit-picker button svg{width:30px;height:30px}.suit-picker button:hover,.suit-picker button:focus-visible{border-color:var(--gold)}.kot-badge{background:var(--gold-fill);color:var(--gold-ink);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:900;display:inline-flex}.lobby{flex-direction:column;min-height:100dvh;display:flex}.lobby-felt{aspect-ratio:1.3;width:min(100% - 40px,520px);box-shadow:inset 0 0 0 3px var(--felt-hi), inset 0 0 50px #00000059, var(--shadow);border-radius:50%/45%;margin:46px auto 56px;position:relative}.lobby-felt .center-code{text-align:center;color:var(--ivory);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.lobby-felt .center-code b{letter-spacing:.1em;opacity:.9;font-size:22px}@media (max-width:520px){.lobby-felt{aspect-ratio:1.02}}.lobby-seat{width:92px;color:var(--ivory);z-index:2;background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;transform:translate(-50%,-50%)}.lobby-seat:hover{background:#0000002e}.lobby-seat .empty{background:#0000002e;border:2px dashed #f7f4ea8c;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.lobby-seat .nm{text-overflow:ellipsis;-webkit-line-clamp:2;text-shadow:0 1px 2px #00000080;-webkit-box-orient:vertical;max-width:92px;font-size:12px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.lobby-seat .st{color:#d1ddd9;font-size:11px}.lobby-seat .st.ready{color:#8fe0b3}.lobby-seat.mine .nm{color:var(--gold)}.lobby-felt.many{aspect-ratio:.82;margin-top:40px;margin-bottom:48px}.lobby-felt.many .lobby-seat{gap:1px;width:70px;padding:2px}.lobby-felt.many .lobby-seat .empty{width:40px;height:40px}.lobby-felt.many .lobby-seat .nm{-webkit-line-clamp:1;max-width:70px;font-size:11px}.lobby-felt.many .lobby-seat .st{font-size:10px}@media (min-width:521px){.lobby-felt.many{aspect-ratio:1.15}}.invite-box{border-radius:var(--radius);background:var(--surface-2);border:1px dashed var(--line-strong);align-items:center;gap:10px;padding:12px;display:flex}.invite-box .code{letter-spacing:.14em;direction:ltr;font-size:24px;font-weight:900}.result-head{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px 0 12px;display:flex}.result-head .medal{width:72px;height:72px}.confetti{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.confetti i{opacity:.9;border-radius:2px;width:9px;height:14px;animation:2.6s ease-in forwards fall;position:absolute;top:-20px}@keyframes fall{to{opacity:.9;transform:translateY(105vh)rotate(540deg)}}.score-table{border-collapse:collapse;width:100%;font-size:14px}.score-table th,.score-table td{border-bottom:1px solid var(--line);text-align:center;padding:8px 6px}.score-table th{color:var(--muted);font-size:12.5px;font-weight:700}.score-table td.win{color:var(--success);font-weight:800}.score-table tfoot td{border-bottom:0;font-weight:900}.chat-list{flex-direction:column;gap:8px;max-height:46dvh;padding:4px 0;display:flex;overflow-y:auto}.chat-msg{background:var(--surface-2);border-radius:14px;align-self:flex-start;max-width:85%;padding:8px 12px}.chat-msg.mine{background:color-mix(in srgb, var(--gold) 20%, var(--surface-2));align-self:flex-end}.chat-msg .who{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.chat-msg .who button{color:var(--faint);background:0 0;border:0;min-height:24px;padding:0 4px;font-size:12px}.quick-reacts{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.quick-reacts button{border:1px solid var(--line-strong);min-height:40px;color:var(--text);background:0 0;border-radius:999px;padding:0 12px;font-weight:700}.guide-step{align-items:flex-start;gap:12px;padding:10px 0;display:flex}.guide-step .n{background:var(--gold-fill);width:30px;height:30px;color:var(--gold-ink);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}@media (max-width:400px){.seat{width:78px}.seat .nm{max-width:78px;font-size:12px}.seat .sub{font-size:10.5px}}body:has(.table-screen) .toasts{top:calc(62px + var(--safe-t))}@media (min-width:900px){.felt{width:min(100% - 24px,1100px);margin:12px auto}.table-bottom{width:min(100%,1100px);margin:0 auto}.seat{width:120px}.seat:not(.me) .avatar{width:60px;height:60px}.seat .nm{max-width:120px;font-size:14px}.seat .sub{font-size:12px}}@media (orientation:landscape) and (max-height:520px){.table-top{min-height:46px;padding-top:4px;padding-bottom:4px}.felt{border-radius:20px;margin:4px 8px}.felt-center{inset:12% 22% 10%}.seat .sub .lvl{display:none}.action-bar{min-height:44px}.hand-wrap{padding-top:14px}}.coach-slot:empty{padding:0}.coach-slot{padding:6px 10px 0}.coach-card{background:color-mix(in srgb, var(--gold) 16%, var(--surface-3));border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);max-width:560px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:flex-start;gap:8px;margin:0 auto;padding:8px 6px 8px 12px;font-size:14px;font-weight:600;line-height:1.75;display:flex}.coach-card .ico{color:var(--gold);flex:none;margin-top:4px}.coach-card .btn.icon{--h:44px;flex:none;margin-block:-6px}html{background:var(--bg)}body{background:var(--bg-glow) no-repeat top center / 100% 560px, var(--bg)}body:before{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:linear-gradient(45deg, var(--gold) 1px, transparent 1px), linear-gradient(-45deg, var(--gold) 1px, transparent 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}:root[data-theme=light] body:before{opacity:.07}h1,h2{font-family:var(--font-display);font-synthesis:none;font-weight:400;line-height:1.35}h1{font-size:clamp(30px,7vw,44px)}h2{font-size:clamp(23px,5vw,28px)}h3{font-weight:800}a{color:var(--gold)}:focus-visible{outline:3px solid var(--gold-strong);outline-offset:2px;box-shadow:0 0 0 6px color-mix(in srgb, var(--gold) 22%, transparent)}:root[data-theme=light] :focus-visible{outline-color:#8a5f06}.hero :focus-visible,.felt :focus-visible{outline-color:#f4d98f}::selection{background:color-mix(in srgb, var(--gold-fill) 45%, transparent)}.logo{direction:rtl;align-items:center;gap:9px;display:inline-flex}.logo-mark{filter:drop-shadow(0 2px 4px #00000073);flex:none;overflow:visible}.logo-word{font-family:var(--font-display);font-synthesis:none;letter-spacing:.01em;background:var(--gold-foil);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 1px #0000008c);-webkit-background-clip:text;background-clip:text;padding-block:.04em;font-weight:400;line-height:1.25}:root[data-theme=light] .logo-word{filter:none;background-image:linear-gradient(#b98a22 0%,#7c5707 55%,#a07416 100%)}:root[data-theme=light] .hero .logo-word,:root[data-theme=light] .install-card .logo-word{background-image:var(--gold-foil)}.logo-stacked{flex-direction:column;gap:6px}.logo-rule{width:150px;color:var(--gold);align-items:center;gap:8px;font-size:9px;line-height:1;display:flex}.logo-rule i{background:var(--gold-rule);flex:1;height:1px}.logo-rule b{font-weight:400}.app-header{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 96%, #000), color-mix(in srgb, var(--bg) 88%, transparent));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line), 0 8px 24px -12px #00000080;border-bottom:0}.app-header:after{content:"";background:var(--gold-rule);opacity:.8;pointer-events:none;height:1px;position:absolute;inset:auto 0 -1px}:root[data-theme=light] .app-header{background:linear-gradient(180deg, #fffaf0, color-mix(in srgb, var(--bg) 92%, transparent));box-shadow:0 8px 20px -14px #3c280859}.app-header .row{min-height:64px}.profile-btn .name{font-size:15px}.app-footer{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface) 70%, transparent));border-top:0;margin-top:48px;position:relative}.app-footer:before{content:"✦";background:var(--bg);color:var(--gold);padding:0 12px;font-size:13px;line-height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.app-footer:after{content:"";top:0;background:var(--gold-rule);opacity:.6;height:1px;position:absolute;inset-inline:0}.btn{border-color:var(--line-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-3) 70%, var(--surface-2)), var(--surface-2));box-shadow:var(--bevel), 0 1px 2px #00000040;letter-spacing:0}.btn:hover:not(:disabled){background:linear-gradient(180deg, var(--surface-3), color-mix(in srgb, var(--surface-3) 80%, var(--surface-2)));border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.btn.primary{background:var(--gold-foil);color:var(--gold-ink);text-shadow:0 1px #fff0be8c;box-shadow:inset 0 1px 0 #ffffffa6, inset 0 -2px 0 #78500a59, 0 6px 18px color-mix(in srgb, var(--gold-fill) 28%, transparent);border:1px solid #8f6a1e}.btn.primary:hover:not(:disabled){background:linear-gradient(#fff0b8 0%,#edc86e 46%,#cda03d 54%,#f2d17c 100%)}.btn.primary:active:not(:disabled){box-shadow:inset 0 2px 4px #78500a73, 0 2px 8px color-mix(in srgb, var(--gold-fill) 20%, transparent)}.btn.ghost{box-shadow:none;background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:color-mix(in srgb, var(--gold) 12%, transparent);border-color:#0000}.btn.outline{border-color:color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:none;background:0 0}.btn.outline:hover:not(:disabled){background:color-mix(in srgb, var(--gold) 12%, transparent);border-color:var(--gold)}.btn.danger{box-shadow:none;background:0 0}.btn.danger.solid{box-shadow:var(--bevel);background:linear-gradient(#f08c8c,#d86363)}.hero .btn.outline{color:var(--ivory);border-color:#f4d98f8c}.hero .btn.outline:hover:not(:disabled){background:#f4d98f1f}.btn.lg,.field label{font-weight:800}.input{background:color-mix(in srgb, var(--bg) 70%, var(--surface));border:1.5px solid var(--line-strong);box-shadow:inset 0 2px 4px #0000002e}:root[data-theme=light] .input{background:#fffdf6;box-shadow:inset 0 1px 3px #3c28081f}.input:focus{border-color:var(--gold);box-shadow:inset 0 2px 4px #0000001f, 0 0 0 3px color-mix(in srgb, var(--gold) 28%, transparent)}.seg{background:color-mix(in srgb, var(--bg) 70%, var(--surface));box-shadow:inset 0 2px 4px #0000002e}:root[data-theme=light] .seg{background:var(--surface-2);box-shadow:inset 0 1px 3px #3c28081f}.seg button[aria-pressed=true]{background:linear-gradient(180deg, var(--surface-3), color-mix(in srgb, var(--surface-3) 75%, var(--surface-2)));color:var(--text);box-shadow:var(--shadow-sm), var(--bevel), inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 80%, transparent)}:root[data-theme=light] .seg button[aria-pressed=true]{background:#fffdf6}.switch{background:var(--surface-3);border:1px solid var(--line-strong);box-shadow:inset 0 2px 4px #00000040}.switch:after{top:3px;background:linear-gradient(#fff8e0,#e4c97d);inset-inline-start:3px}.switch[aria-checked=true]{background:var(--felt-hi);border-color:color-mix(in srgb, var(--gold) 60%, transparent)}.toggle-row{border-bottom-color:var(--line)}.panel{background:var(--panel-grad);border:1px solid var(--line);box-shadow:var(--bevel), var(--shadow-sm);border-radius:var(--radius-lg)}.panel h3{font-family:var(--font-display);color:var(--gold);letter-spacing:0;font-size:21px;font-weight:400}:root[data-theme=light] .panel h3{color:#6a4a08}.chip{background:color-mix(in srgb, var(--text) 8%, transparent);border:1px solid var(--line)}.chip.gold{background:color-mix(in srgb, var(--gold-fill) 18%, transparent);border-color:color-mix(in srgb, var(--gold) 45%, transparent)}.notice{background:color-mix(in srgb, var(--gold-fill) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--gold) 38%, transparent)}.divider{background:var(--gold-rule);opacity:.35}.scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 40%,#0a14108c,#020604d1)}.sheet{background:var(--panel-grad);border:1px solid var(--line-strong);border-top-color:color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:var(--shadow-lg), 0 -1px 0 color-mix(in srgb, var(--gold) 30%, transparent)}.sheet .grab{background:color-mix(in srgb, var(--gold) 55%, transparent)}.sheet header{padding-bottom:10px;position:relative}.sheet header:after{content:"";bottom:0;background:var(--gold-rule);opacity:.5;height:1px;position:absolute;inset-inline:20px}.sheet header h2{font-size:23px}.sheet footer{border-top-color:var(--line-strong)}.toast{background:var(--surface-3);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent)}.update-bar,.invite-pop{background:var(--surface-3);border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.deco-frame,.auth-card,.center-panel,.matchmaking{position:relative}.deco-frame:before,.auth-card:before,.center-panel:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 30%, transparent);pointer-events:none;border-radius:6px;position:absolute;inset:8px}.deco-frame:after,.auth-card:after,.center-panel:after{content:"";pointer-events:none;--c:color-mix(in srgb, var(--gold) 85%, transparent);background:linear-gradient(var(--c), var(--c)) top left / 18px 2px, linear-gradient(var(--c), var(--c)) top left / 2px 18px, linear-gradient(var(--c), var(--c)) top right / 18px 2px, linear-gradient(var(--c), var(--c)) top right / 2px 18px, linear-gradient(var(--c), var(--c)) bottom left / 18px 2px, linear-gradient(var(--c), var(--c)) bottom left / 2px 18px, linear-gradient(var(--c), var(--c)) bottom right / 18px 2px, linear-gradient(var(--c), var(--c)) bottom right / 2px 18px;background-repeat:no-repeat;border-radius:8px;position:absolute;inset:7px}.section-title{align-items:center;margin-bottom:16px;padding-bottom:12px;position:relative}.section-title:after{content:"";bottom:0;background:linear-gradient(90deg, var(--gold) 0%, color-mix(in srgb, var(--gold) 20%, transparent) 70%, transparent);opacity:.55;height:1px;position:absolute;inset-inline:0}:root[dir=rtl] .section-title:after{background:linear-gradient(270deg, var(--gold) 0%, color-mix(in srgb, var(--gold) 20%, transparent) 70%, transparent)}.section-title:before{content:"";bottom:-3px;background:var(--gold-fill);z-index:1;width:7px;height:7px;position:absolute;inset-inline-start:0;transform:rotate(45deg)}.section-title h2{color:var(--text)}.section-title+p.muted{margin-top:-8px!important}.hero{background-color:var(--felt-deep);background-image:radial-gradient(ellipse 70% 90% at 50% 0%, #ffecaa24, transparent 60%), radial-gradient(ellipse 120% 100% at 50% 130%, #0009, transparent 60%), radial-gradient(ellipse at 28% 60%, var(--felt-hi), var(--felt) 45%, var(--felt-deep) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:0;margin-bottom:36px}.hero:before{content:"";pointer-events:none;background:repeating-conic-gradient(at 50% 100%,#f4d98f12 0deg 4deg,#0000 4deg 12deg);height:160%;position:absolute;inset:-40% -10% auto;-webkit-mask-image:radial-gradient(at 50% 100%,#000 0%,#0000 65%);mask-image:radial-gradient(at 50% 100%,#000 0%,#0000 65%)}.hero:after{opacity:1;background:0 0;border-top:1px solid #f4d98fbf;border-bottom:1px solid #f4d98f59;height:7px;inset:auto 0 0;box-shadow:0 -3px 0 -2px #f4d98f00}.hero-inner{z-index:1;padding-bottom:42px;position:relative}.hero h1{color:var(--ivory);text-shadow:0 2px 14px #00000073;line-height:1.4}.hero .slogan{font-family:var(--font-serif);background:var(--gold-foil);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:22px;font-weight:700;line-height:1.5;display:flex}.hero .slogan:after{content:"";background:linear-gradient(270deg,#e6bf6c,#0000);flex:0 64px;height:1px}:root[dir=rtl] .hero .slogan:after{background:linear-gradient(90deg,#e6bf6c,#0000)}.hero .lead{color:#dbe6e1}.hero-cards:before{content:"";background:radial-gradient(circle,#f4d98f38,#0000 68%);border-radius:50%;width:230px;height:230px;position:absolute}@media (min-width:760px){.hero-inner{padding:64px var(--gutter) 70px}.hero-cards:before{width:340px;height:340px}}.game-card{background:var(--panel-grad);border:1px solid var(--line-strong);box-shadow:var(--bevel), var(--shadow-sm);position:relative}.game-card:after{content:"";aspect-ratio:16/10;border-radius:calc(var(--radius-lg) - 5px);pointer-events:none;border:1px solid #f4d98f66;position:absolute;inset:5px 5px auto}.game-card .cover{border-bottom:1px solid color-mix(in srgb, var(--gold) 55%, transparent)}.game-card:hover{border-color:color-mix(in srgb, var(--gold) 70%, transparent);box-shadow:var(--bevel), 0 14px 32px #0006, 0 0 0 1px color-mix(in srgb, var(--gold) 30%, transparent)}.game-card h3{font-size:17px;font-weight:800}.game-card .tags .chip{background:color-mix(in srgb, var(--gold-fill) 10%, transparent);border-color:var(--line)}.resume-card{background:var(--panel-grad);border-color:color-mix(in srgb, var(--gold) 50%, transparent);box-shadow:var(--bevel), var(--shadow-sm)}.history-item,.fact,.stat,.community-tile,.person,.lb-row,.notif{background:var(--panel-grad);box-shadow:var(--bevel);border:1px solid var(--line)}.community-tile .ico{border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold-fill) 10%, transparent);border-radius:50%;width:46px;height:46px;padding:10px}:root[data-theme=light] .community-tile .ico{color:#6a4a08}.community-tile b{font-weight:800}.stat .v{color:var(--gold);font-size:28px;font-weight:900;line-height:1.4}:root[data-theme=light] .stat .v{color:#6a4a08}.fact .v{font-weight:800}.lb-row .rank{font-weight:900}.lb-row.top .rank{box-shadow:inset 0 1px #fff9,0 1px 3px #00000059}.lb-row.me{box-shadow:var(--bevel), inset 0 0 0 1.5px color-mix(in srgb, var(--gold) 75%, transparent)}.rating-num{font-weight:900}.chip-btn{background:linear-gradient(180deg, var(--surface-3), var(--surface-2));box-shadow:var(--bevel)}.chip-btn.on{background:var(--gold-foil);color:var(--gold-ink);border-color:#8f6a1e;font-weight:800;box-shadow:inset 0 1px #fff9}.bar>span,.tier-progress i{background:var(--gold-foil)}.bar,.tier-progress{box-shadow:inset 0 1px 2px #0000004d}.install-card{background:linear-gradient(135deg, color-mix(in srgb, var(--felt) 70%, var(--panel)), var(--panel));border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.promo-strip{background:color-mix(in srgb, var(--surface-2) 75%, transparent);border-color:var(--line-strong)}.page-head h1{padding-bottom:12px;position:relative}.page-head h1:after{content:"";bottom:0;background:var(--gold-foil);border-radius:2px;width:72px;height:2px;display:block;position:absolute;inset-inline-start:0}.menu-list a,.menu-list button{border-bottom-color:var(--line)}.menu-list .ico{color:var(--gold)}.menu-list a:hover,.menu-list button:hover{color:var(--gold-strong)}:root[data-theme=light] .menu-list a:hover,:root[data-theme=light] .menu-list button:hover{color:#6a4a08}.menu-list .danger,.menu-list .danger .ico{color:var(--danger)}.auth-card{box-shadow:var(--bevel), var(--shadow);padding:28px 22px 24px}.auth-card .head{padding-bottom:6px;position:relative}.auth-card .head .logo-mark{filter:drop-shadow(0 6px 14px #00000080)}.auth-card .head h1{color:var(--text);font-size:30px!important}.auth-card form,.auth-card>*{z-index:1;position:relative}.felt-bg{background-color:var(--felt);background-image:var(--felt-extra,linear-gradient(transparent, transparent)), radial-gradient(ellipse 65% 55% at 50% 42%, #ffecaa1f, transparent 70%), radial-gradient(ellipse 110% 100% at 50% 50%, transparent 55%, #00000080 100%), radial-gradient(ellipse at 50% 40%, var(--felt-hi), var(--felt) 55%, var(--felt-deep) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.felt{box-shadow:inset 0 0 0 2px #f4d98f38, inset 0 0 70px #00000080, 0 0 0 4px var(--rail,#4a0f1e), 0 0 0 5px #f4d98f8c, 0 10px 28px #0000008c}.felt:before{border-color:#f4d98f47}.lobby-felt{box-shadow:inset 0 0 0 3px #f4d98f40, inset 0 0 60px #00000080, 0 0 0 6px var(--rail,#4a0f1e), 0 0 0 7px #f4d98f8c, var(--shadow)}.felt-msg{background:#0000004d;border:1px solid #f4d98f33}.table-top{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, #000), color-mix(in srgb, var(--bg) 86%, var(--felt)));border-bottom:1px solid color-mix(in srgb, var(--gold) 40%, transparent)}:root[data-theme=light] .table-top{background:linear-gradient(#fffaf0,#f3ead3)}.table-top .title b{font-family:var(--font-display);font-size:21px;font-weight:400;line-height:1.3}.score-chip{background:linear-gradient(180deg, var(--surface-3), var(--surface-2));border:1px solid var(--line-strong);box-shadow:var(--bevel)}.score-chip.trump{background:var(--card);border-color:var(--gold-fill);box-shadow:0 0 0 1px var(--gold-fill)}.banner{background:var(--surface-3);border-color:color-mix(in srgb, var(--danger) 50%, transparent)}.seat.me{background:#00000059;border:1px solid #f4d98f47}.seat .turn-label,.turn-banner:not(.wait):not(.warn){color:var(--gold-ink);box-shadow:inset 0 1px #ffffff8c;background:var(--gold-foil)!important}.turn-banner.wait{background:var(--surface-2);border:1px solid var(--line)}.center-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow), inset 0 1px 0 #fff0c814;background:#061612cc;border:1px solid #f4d98f66;border-radius:20px}.center-panel h3{font-family:var(--font-display);font-size:22px;font-weight:400}.kot-badge{background:var(--gold-foil)}.result-head h2{color:var(--gold);font-size:30px}.result-head{padding-bottom:14px;position:relative}.result-head:after{content:"◆";color:var(--gold);background:var(--panel);padding:0 10px;font-size:9px;line-height:10px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.score-table th{color:var(--gold);font-weight:800}.score-table th,.score-table td{border-bottom-color:var(--line)}.coach-card{background:color-mix(in srgb, var(--gold-fill) 14%, var(--surface-3));border-color:color-mix(in srgb, var(--gold) 60%, transparent)}.guide-step .n{background:var(--gold-foil);border:1px solid #8f6a1e}.invite-box{border-color:color-mix(in srgb, var(--gold) 55%, transparent)}.invite-box .code{font-family:var(--font-display);color:var(--gold);font-weight:400}.example{background:linear-gradient(135deg, var(--felt), var(--felt-deep));border:1px solid #f4d98f40;box-shadow:inset 0 0 30px #0000004d}.matchmaking{border:1px solid #f4d98f4d}.radar:after{background:var(--gold-foil)}@media (prefers-reduced-motion:no-preference){.game-card,.community-tile,.btn{will-change:auto}}:root[data-felt=burgundy]{--felt:#5a1527;--felt-hi:#86283f;--felt-deep:#380a17;--rail:#1b0d11}:root[data-felt=sapphire]{--felt:#123a66;--felt-hi:#1f5a97;--felt-deep:#0a2342;--rail:#2d1c10}:root[data-felt=onyx]{--felt:#1d2325;--felt-hi:#323c3f;--felt-deep:#0e1213;--rail:#5e1425}:root[data-felt=walnut]{--felt:#5b3a22;--felt-hi:#805436;--felt-deep:#38220f;--rail:#12301f}:root[data-felt] .hero,:root[data-felt] .install-card{--felt:#0f4a3b;--felt-hi:#1b6652;--felt-deep:#0a3329}.pcard .cb{display:none}:root:not([data-back]) .pcard .cb-girih,:root[data-back=girih] .pcard .cb-girih,:root[data-back=paisley] .pcard .cb-paisley,:root[data-back=royal] .pcard .cb-royal,:root[data-back=onyx] .pcard .cb-onyx{display:inline}:root[data-board=ebony]{--bd-wood-0:#0c0e0f;--bd-wood-1:#1a1e20;--bd-wood-2:#2b3133;--bd-field-0:#08090a;--bd-field-1:#101314;--bd-bar-0:#14181a;--bd-bar-1:#0a0c0d;--bd-tri-a:#8c2238;--bd-tri-b:#d8cfb4;--bd-wood-hi:#3a4144;--bd-wood-mid:#171b1d;--bd-wood-lo:#2a3033;--bd-a:#1c2224;--bd-b:#0b0d0e;--bd-line:#e2b968;--bd-mat-a:#1e2426;--bd-mat-b:#0f1213;--bd-ludo-a:#2c3537;--bd-ludo-b:#0c0f10;--bd-frame:#0b0d0e;--bd-cell-a:#6b7679;--bd-cell-b:#343c3e}:root[data-board=ivory]{--bd-wood-0:#aaa088;--bd-wood-1:#cdc4ad;--bd-wood-2:#e7e0cf;--bd-field-0:#6a6250;--bd-field-1:#7a725e;--bd-bar-0:#8c8470;--bd-bar-1:#6f6753;--bd-tri-a:#2a6653;--bd-tri-b:#f3ecd6;--bd-wood-hi:#f1ebdb;--bd-wood-mid:#cfc7b2;--bd-wood-lo:#e2dac6;--bd-a:#e6dfcd;--bd-b:#c2baa5;--bd-line:#7e5c10;--bd-mat-a:#a39b86;--bd-mat-b:#888069;--bd-ludo-a:#d3ccb8;--bd-ludo-b:#a9a18a;--bd-frame:#8d846e;--bd-cell-a:#f7f2e4;--bd-cell-b:#d3c9b0}.season-orn{opacity:.95;align-items:center;gap:2px;margin-inline-start:-2px;display:inline-flex}.season-orn .sg{filter:drop-shadow(0 1px 1px #0006)}@media (max-width:400px){.season-orn{display:none}}.season-greet{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000038;border:1px solid #f4d98f59;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;max-width:460px;margin-bottom:14px;padding:10px 14px 12px;display:flex}.season-greet .sg-row{gap:6px;display:flex}.season-greet .sg-title{font-family:var(--font-display);color:var(--gold-strong);font-size:26px;font-weight:400;line-height:1.3}.season-greet .sg-sub{color:#e6efe9;font-size:14px;line-height:1.8}.season-greet .sg-poem{color:#f4d98f;font-family:var(--font-serif);font-size:18px;font-weight:600;line-height:1.7}.season-greet .sg-poem small{opacity:.85;font-size:13px;font-family:var(--font)}:root[data-season=nowruz] .hero{--felt:#1d6b3d;--felt-hi:#34925a;--felt-deep:#0f4a2a}:root[data-season=nowruz] .hero:before{background:repeating-conic-gradient(at 50% 100%,#fff4be1a 0deg 4deg,#0000 4deg 12deg)}:root[data-season=nowruz] .app-header:after{opacity:.95;background:linear-gradient(90deg,#0000,#6fcf7f 18%,#e6bf6c 50%,#b08be6 82%,#0000)}:root[data-season=nowruz] .section-title:before{background:#6fcf7f}:root[data-season=nowruz] .felt-bg{--felt-extra:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='%23f6e6a8' opacity='.07'%3E%3Ccircle cx='20' cy='20' r='3'/%3E%3Ccircle cx='28' cy='14' r='3'/%3E%3Ccircle cx='36' cy='20' r='3'/%3E%3Ccircle cx='32' cy='29' r='3'/%3E%3Ccircle cx='24' cy='29' r='3'/%3E%3Ccircle cx='68' cy='68' r='3'/%3E%3Ccircle cx='76' cy='62' r='3'/%3E%3Ccircle cx='84' cy='68' r='3'/%3E%3Ccircle cx='80' cy='77' r='3'/%3E%3Ccircle cx='72' cy='77' r='3'/%3E%3C/g%3E%3C/svg%3E")}:root[data-season=nowruz] .felt:before{border-color:#a8e8a066}:root[data-season=yalda] .hero{--felt:#5a1226;--felt-hi:#84233b;--felt-deep:#2e0713}:root[data-season=yalda] .hero:before{background:repeating-conic-gradient(at 50% 100%,#ffbe7817 0deg 4deg,#0000 4deg 12deg)}:root[data-season=yalda] .app-header:after{opacity:.95;background:linear-gradient(90deg,#0000,#b3203d 20%,#ffb347 50%,#b3203d 80%,#0000)}:root[data-season=yalda] .section-title:before{background:#d6405c}:root[data-season=yalda] .felt-bg{--felt-extra:radial-gradient(ellipse 60% 30% at 50% 0%, #ffaa5024, transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M40 30l3 7 7 3-7 3-3 7-3-7-7-3 7-3z' fill='%23ffb347' opacity='.07'/%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%23ffb347' opacity='.08'/%3E%3Ccircle cx='72' cy='72' r='1.5' fill='%23ffb347' opacity='.08'/%3E%3C/svg%3E")}:root[data-season=yalda] .felt:before{border-color:#ffb34761}.picker{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:8px;display:grid}.pick{border:1.5px solid var(--line-strong);background:var(--panel-grad);min-height:88px;color:var(--text);box-shadow:var(--bevel);transition:border-color .15s, box-shadow .15s, transform .12s var(--ease);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px 10px;display:flex}.pick:hover{border-color:color-mix(in srgb, var(--gold) 55%, transparent)}.pick:active{transform:scale(.97)}.pick[aria-checked=true]{border-color:var(--gold);box-shadow:var(--bevel), 0 0 0 2px color-mix(in srgb, var(--gold) 45%, transparent);background:color-mix(in srgb, var(--gold-fill) 12%, var(--surface-2))}.pick-name{font-size:13.5px;font-weight:800;line-height:1.4}.pick[aria-checked=true] .pick-name:before{content:"✓ ";color:var(--gold)}.pick-thumb{flex:none;display:block}.felt-thumb{border-radius:10px;width:38px;height:28px;margin:6px 0}.back-thumb{filter:drop-shadow(0 2px 3px #0006);width:40px;height:56px}.board-thumb{aspect-ratio:76/40;filter:drop-shadow(0 2px 3px #0000004d);width:100%;max-width:76px;height:auto}.table-preview{border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:150px;display:flex;margin:4px 6px 16px!important}.table-preview .tp-cards{gap:6px;display:flex;transform:translateY(2px)}.table-preview .tp-cards .pcard{filter:drop-shadow(0 4px 6px #00000073)}.table-preview .tp-cards .pcard:first-child{transform:rotate(-6deg)}.table-preview .tp-cards .pcard:nth-child(2){transform:rotate(-2deg)}.table-preview .tp-cards .pcard:nth-child(3){transform:rotate(2deg)}.table-preview .tp-cards .pcard:nth-child(4){transform:rotate(6deg)}.board-thumb-live{background:repeating-linear-gradient(90deg, var(--bd-tri-a,#9d4d2f) 0 10px, var(--bd-tri-b,#e9dcb9) 10px 20px) center / 100% 60% no-repeat, linear-gradient(180deg, var(--bd-wood-2,#6b4429), var(--bd-wood-0,#2b1a10));border-radius:5px;width:120px;height:18px;box-shadow:inset 0 0 0 1.5px #e9bd6399}.account-cta{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--gold-fill) 14%, var(--surface)), var(--surface));box-shadow:var(--bevel), var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:14px;padding:18px;display:flex}.account-cta .ico-wrap{width:52px;height:52px;color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 55%, transparent);background:color-mix(in srgb, var(--gold-fill) 12%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.account-cta .txt{flex:200px;min-width:0}.account-cta h3{margin:0 0 4px;font-size:19px}.account-cta p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.account-cta>.row{flex:100%}.account-cta.compact{gap:10px;padding:14px}.account-cta.compact .ico-wrap{width:42px;height:42px}.account-cta.compact h3{font-size:17px}.guest-line{justify-content:center;align-items:center;gap:6px;display:flex}.menu-list .gold-link{color:var(--gold);font-weight:800}@media (max-width:440px){.btn.hide-xs-text span{display:none}.btn.hide-xs-text{padding-inline:12px}}@media (max-width:400px){.app-header .container.row{gap:4px}}.share-row{flex-wrap:wrap;gap:8px;display:flex}.share-btn{flex:110px;min-height:48px;font-weight:800;text-decoration:none}.share-btn.tg{color:#fff;background:#2a8fd1;border-color:#2a8fd1}.share-btn.wa{color:#fff;background:#1f9d55;border-color:#1f9d55}.share-btn.tg:hover:not(:disabled){background:#3199dd}.share-btn.wa:hover:not(:disabled){background:#26ab5f}:root[data-theme=light] .share-btn.tg{background:#1c75b3;border-color:#1c75b3}:root[data-theme=light] .share-btn.wa{background:#17803f;border-color:#17803f}.event-card{border-radius:var(--radius-lg);background:var(--panel-grad);border:1px solid var(--line);box-shadow:var(--bevel), var(--shadow-sm);align-items:flex-start;gap:12px;padding:12px;display:flex}.event-card.live{border-color:color-mix(in srgb, var(--success) 60%, transparent)}.event-card .cover-thumb{border:1px solid var(--line-strong);border-radius:12px;flex:none;width:76px;height:98px;overflow:hidden}.event-card .cover-thumb svg{width:100%;height:100%;display:block}.ev-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.ev-link{color:inherit;flex-direction:column;gap:2px;text-decoration:none;display:flex}.ev-title{overflow-wrap:anywhere;font-size:17px}.ev-when{color:var(--gold);font-size:14px;font-weight:700}.ev-meta{flex-wrap:wrap;gap:6px;display:flex}.ev-note{margin:0}.ev-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip.countdown{font-variant-numeric:tabular-nums}.btn.outline.on{border-color:var(--success);color:var(--success)}@media (max-width:400px){.event-card .cover-thumb{width:60px;height:82px}.event-card{gap:10px;padding:10px}}.group-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.group-card{border-radius:var(--radius-lg);background:var(--panel-grad);border:1px solid var(--line);min-height:80px;box-shadow:var(--bevel);color:inherit;transition:border-color .2s var(--ease), transform .2s var(--ease);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.group-card:hover{border-color:color-mix(in srgb, var(--gold) 50%, transparent);transform:translateY(-1px)}.group-card .txt{flex-direction:column;flex:1;min-width:0;display:flex}.group-card .txt b{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.group-card .txt small{color:var(--muted);font-size:13px}.group-card .chev{color:var(--faint);flex:none}.online{color:var(--success)}.group-head{align-items:center;gap:14px;display:flex}.group-head h1{overflow-wrap:anywhere}.table-card{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);box-shadow:var(--bevel), var(--shadow);color:#f6efdc;flex-direction:column;gap:12px;padding:16px;display:flex}.table-card h2{font-family:var(--font-display);color:var(--gold-strong);font-size:22px;font-weight:400}.table-card .tc-live{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.table-card .tc-live .btn{flex:100%}.table-card .cover-thumb{border:1px solid #ffffff40;border-radius:10px;flex:none;width:64px;height:44px;overflow:hidden}.table-card .cover-thumb svg{width:100%;height:100%}.table-card .tc-empty{flex-direction:column;gap:12px;display:flex}.table-card .tc-empty p{opacity:.92;margin:0;line-height:1.9}.score-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.score-row{border-radius:var(--radius);background:var(--panel-grad);border:1px solid var(--line);min-height:60px;box-shadow:var(--bevel);align-items:center;gap:10px;padding:8px 12px;display:flex}.score-row.me{border-color:color-mix(in srgb, var(--gold) 55%, transparent)}.score-row .rank{text-align:center;width:28px;color:var(--muted);flex:none;place-items:center;font-weight:800;display:grid}.score-row.top.gold .rank{color:#e6b94b}.score-row.top.silver .rank{color:#b9c2c9}.score-row.top.bronze .rank{color:#c98a54}.score-row .txt{flex-direction:column;flex:1;min-width:0;display:flex}.score-row .txt b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.score-row .txt small{color:var(--faint);font-size:12.5px}.score-row .pts{flex-direction:column;flex:none;align-items:center;min-width:44px;line-height:1.2;display:flex}.score-row .pts b{color:var(--gold);font-size:20px}.score-row .pts small{color:var(--faint);font-size:11px}.game-pick{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:44vh;padding:2px;display:grid;overflow-y:auto}.game-pick .gp{border:2px solid var(--line);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:5px;display:flex}.game-pick .gp.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold-fill) 14%, var(--surface-2))}.game-pick .gp .cv{aspect-ratio:1.5;border-radius:8px;display:block;overflow:hidden}.game-pick .gp .cv svg{width:100%;height:100%;display:block}.game-pick .gp .nm{text-align:center;padding-bottom:2px;font-size:13px;font-weight:700}.emblem-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.emblem-opt{border:2px solid var(--line);background:var(--surface-2);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;display:flex}.emblem-opt small{font-size:12px}.emblem-opt.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold-fill) 14%, var(--surface-2))}.group-join .center{text-align:center;flex-direction:column;align-items:center;display:flex}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:14px 55%,20px 55%;background-repeat:no-repeat;background-size:6px 6px;min-height:48px;padding-inline:36px 14px}.time-pick{align-items:center;gap:8px;display:flex}.time-pick .input{flex:1}.time-pick b{font-size:22px}.field .label{margin-bottom:6px;font-weight:700;display:block}
