@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/aref-ruqaa-arabic-400-normal-AKnCEuAE.woff2) format("woff2"),url(/assets/aref-ruqaa-arabic-400-normal-DTcVTQXE.woff) format("woff");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAWEAA8AAAAAChQAAAUvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjAbgRocgSAGYABkEQgKhxyFLwseAAE2AiQDMAQgBYRQByAMBxsFCACOwzhGXGKFEa5BhDTXbE6h14K/mkiO/HubmLux8KWH2BWMk1yUam/gcGrPsvO4Lxpidq89Pf9iWoBhfP6xKEubzuezgdl0GxIHJd7Bq5kt4X8agiIAAMRHGoVgIgThx0AQwEV5gTwCwSTFE+mixctWRb1to67tUccE+JvI2rUZGhTBg8XEFsp1TWUykSI7qlgkxRSMNqoIqCoMHgweB95b/T4sILpVlgI5jw6Xl0Jk3G0bdW7UGF2Mg2wBpFzZWglRRpqIOlxQbTs0aQvWrOqAUQ0gfMiaGVMUfQydb0u1oDhpBkip4BBYNjEw5YtMxAI1Wu0lA0P6B+u68pBMokBhGQAACcsAuAAAhcqWKs51EibSkT2mPRqbx2QHUAgAOa/WAAmRBQQDATxMagKEo4kMikQsqhyGGKbh2l6iiP8aSNhQGEaQfqQb/bvwL0jSbvz6cf8zAgC5W2tCAAgAEBcgFBABKQ7gMQwUYw3jgQJETjDNWF50ao3kIZ5leV58s5rjtxv7Ha/OdbF65rmv406dmtI7enOt6sBpaGIGHbyrXnNqVI7dKm9GdO70SJUxN2oMUt9+83R/+V2cBSvI/vXVhAvfNEmWdvTyeeXR+4+XDfWDDfNmz5cadCPBnHdHLvjGbIKBV68WnHdt0zqVMXtQ7o0bMmi18ui1i3jy9VXqxF7x7IxvzDqDsTfXBjJw4OuFka+vVo2+kEB2Y0m04vr85RywM6/29NmofWcEzoKBc3F+1UEHTMA+3t7pzvuLqheIyqmdukaMfGUzQSikBu25i9dl2//O0lzT1tDGjJHe6Oym7uhZ/cTpy3VXN7H+zMKB3caZsuAEvkwnXk58WS9T2i5neHjBLJu0V6Y2Q5/EL3pZDd6sc8alW3NevZb4ms5YUVQndluz5KzexauWKNatWI06NaqULNYtG63p0iaqIva0ou8KWnGcQi0v3LDfxSyWbGRMrRTFiOvl7ehn7o5rf6dUg1iDPz0qVMoIisqs0HhB/egieYomS/krbX7vlgrdOidyisX+EiuQqvqIW7nL55mcmrpEWPjWvyylg6s49dOh1f1QBeVEJ+XEzCBdjLQiASerKpirbFTBVnWLJNAd8xWdWt0paBSJFVpkNJ/gC3jHabAjdos/vZd8NkZfQ6JT61kRucYgLYykYrxGxdQCs/+LZv061GMu6f/F7z946AkLKrvpY2ItbDinb3j8INrxdUHaPF3SbGPY74ZH/TcHfPpkP3+3dNqNsKR9rzP9GSSZ90Pn1G9bvIESyAB3CnIdFyCnzsln7iCAcOxVkacxGoTk/eYaxkuAvsk2tgFwt1eCHzrX/2HWFtMEbBQAAh+d3PoTAchYBkFMD5avZGYY+Ecsica//1190ZWE+ruUA7hJdkD31wd0Q91Oj0CAAFOxaIxszv0UArg0RwYxg4DffLQJQiSfCYoA5wkGORknmCSFIFjEJp9gkxhffoCMQEsoSSmGJBC3ViRVEHAQQ9lYXCFfx8cVEQQs3EgjlmQiIGDAJBMaCRVU4EImDFjQ8KmAIBcGRIZlIoSY44Er7rjjRYXmjYp54orvGkQEySQQS9DOyZ70u7lHIUJM/TmFrAp0M8cTdzzwwcXie3JtzMmGDQNzxN3TIRDBhUEVVKQ7DQUb0bnLm2NfWzULTtS1NJW4UoUIAW5UwIcDExco6hHD8LN2RbtAeDvgjDm1eVgVE5JVDq+BQTXmxNaajseNVCoQ4P9FMeSQSQoeuOOKDADoh5RCuO4UPWyj7Dg=) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Aref Ruqaa;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/aref-ruqaa-latin-400-normal-BaTgTcXa.woff2) format("woff2"),url(/assets/aref-ruqaa-latin-400-normal-CD776mpm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0b1020;--bg-2: #141a2e;--panel: rgba(16, 22, 40, .86);--panel-border: rgba(255, 255, 255, .08);--text: #f3efe4;--muted: #a9a59a;--gold: #e2c45c;--gold-2: #c9a227;--teamA: #3ba0ff;--teamB: #ff6b4a;--danger: #e0443e;--ok: #4cd964;--felt: #1f6b43;--felt-dark: #0f3d26;--wood: #5a3a1e;--radius: 16px;--font: "Cairo Variable", "Cairo", "Segoe UI", Tahoma, sans-serif;--font-display: "Aref Ruqaa", "Cairo Variable", serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{font-size:16px}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 800px at 50% -10%,#223059 0%,var(--bg) 55%,#070a14 100%);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased;touch-action:manipulation}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:700}::selection{background:#e2c45c59}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff1f,#ffffff0a);color:var(--text);padding:12px 20px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease,opacity .2s;box-shadow:0 6px 18px #00000040,inset 0 1px #ffffff26;user-select:none;min-height:46px}.btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#ffffff2e,#ffffff0f)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,#f3d777,#c9a227);color:#2a1d05;border-color:#f6e3a1;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:0 8px 24px #c9a22759,inset 0 1px #fff9}.btn-primary:hover{background:linear-gradient(180deg,#ffe48a,#d6ad2c)}.btn-danger{background:linear-gradient(180deg,#ff6b63,#c0392b);border-color:#ff9a94;color:#fff}.btn-ghost{background:transparent;box-shadow:none;border-color:#ffffff2e}.btn-sm{padding:8px 14px;min-height:38px;font-size:.92rem;border-radius:11px}.btn-lg{padding:16px 28px;font-size:1.15rem;border-radius:18px}.btn-icon{width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.86rem;font-weight:600}.input{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:13px 16px;font-size:1.05rem;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e2c45c33}.input.code{text-align:center;letter-spacing:.35em;font-weight:800;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}label.field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted);font-weight:600}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff0f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.page{min-height:100dvh;padding:calc(16px + var(--sat)) 16px calc(24px + var(--sab));display:flex;flex-direction:column;align-items:center}.container{width:100%;max-width:980px}.muted{color:var(--muted)}.gold{color:var(--gold)}.row{display:flex;align-items:center;gap:10px}.grow{flex:1}.center{text-align:center}.modal-backdrop{position:fixed;inset:0;background:#03060e9e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:60}.modal{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:22px}.modal h2{font-size:1.4rem;margin-bottom:10px}.toasts{position:fixed;top:calc(12px + var(--sat));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:80;pointer-events:none;width:min(92vw,420px)}.toast{padding:10px 16px;border-radius:12px;background:#141a2ef2;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px #0006;font-weight:600;text-align:center;font-size:.95rem}.toast.warn{border-color:#e2c45c80}.toast.error{border-color:#e0443e99}.confetti-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:100}.card{--w: 100px;position:relative;width:var(--w);aspect-ratio:5 / 7;perspective:900px;user-select:none;flex-shrink:0}.card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1);border-radius:7.2%/5.14%;box-shadow:0 2px 3px #00000059,0 10px 20px #0000004d}.card.is-down .card-inner{transform:rotateY(180deg)}.card-face,.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7.2%/5.14%;overflow:hidden}.card-back{transform:rotateY(180deg)}.card-svg{display:block;width:100%;height:100%}.card.is-dimmed{filter:brightness(.62) saturate(.7)}.card.is-glow .card-inner{box-shadow:0 0 0 2px #e2c45ce6,0 0 24px #e2c45c8c,0 12px 24px #00000059}.card.is-selected{z-index:5}.card.is-selected .card-inner{box-shadow:0 0 0 3px #fff,0 0 30px #ffffff8c,0 18px 34px #00000073}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 0 18px}.topbar.compact{padding:0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2a7a4b,#0f3d26);color:var(--gold);box-shadow:0 6px 16px #00000059}.hero{text-align:center;padding:22px 0 28px}.hero-title,.display{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,4.2rem);line-height:1.2;background:linear-gradient(180deg,#fff2c2,var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 24px rgba(201,162,39,.25))}.hero-sub{color:var(--muted);font-size:1.1rem;max-width:560px;margin:10px auto 0}.section-title{font-size:1.1rem;color:var(--muted);margin:6px 0 12px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.cat{padding:18px}.cat.active{grid-column:1 / -1;border-color:#e2c45c59}.cat.soon{opacity:.6;display:flex;justify-content:space-between;align-items:center}.cat-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cat-icon{font-size:1.5rem}.game-card{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#1f6b4359,#0f3d2640);border:1px solid rgba(76,217,100,.18);transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000059}.game-art{height:130px;display:grid;place-items:center}.fan{display:flex;align-items:flex-end;justify-content:center}.fan .card{margin:0 -14px}.game-name{font-family:var(--font-display);font-size:2rem;color:var(--gold);margin:0 0 4px}.game-info p{margin:0 0 10px}.hub-footer{text-align:center;padding:30px 0 0;font-size:.85rem}@media(max-width:700px){.game-card{grid-template-columns:1fr;text-align:center}.game-info .row{justify-content:center}}.entry{width:min(560px,100%);margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:14px}.entry-head{text-align:center}.entry-head p{margin:4px 0 0}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px}.avatar-opt{aspect-ratio:1;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;font-size:1.6rem;cursor:pointer;transition:transform .15s,background .2s,border-color .2s}.avatar-opt:hover{transform:scale(1.08)}.avatar-opt.is-on{border-color:var(--gold);background:#e2c45c33;box-shadow:0 0 0 3px #e2c45c33}.field-label{font-size:.9rem;font-weight:600}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.join-row .input{flex:1}.lobby-card{padding:22px;display:flex;flex-direction:column;gap:18px}.lobby-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.room-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:2.2rem;font-weight:800;letter-spacing:.25em;color:var(--gold)}.lobby-actions{display:flex;gap:8px}.lobby-body{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}.qr-box{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.qr-box img,.qr-ph{width:200px;height:200px;border-radius:16px;background:#fbf8f1;padding:8px;box-shadow:0 10px 30px #00000059}.small{font-size:.8rem}.link{direction:ltr;word-break:break-all}.seats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seat-card{border-radius:18px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;min-height:170px}.seat-card.team-0{border-color:#3ba0ff59}.seat-card.team-1{border-color:#ff6b4a59}.seat-card.mine{box-shadow:0 0 0 2px #e2c45c80}.seat-team{font-size:.75rem;font-weight:700;color:var(--muted)}.team-0 .seat-team{color:var(--teamA)}.team-1 .seat-team{color:var(--teamB)}.seat-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:#ffffff14;border:2px solid rgba(255,255,255,.14)}.seat-avatar.empty{color:var(--muted);border-style:dashed}.seat-name{font-weight:700}.seat-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.chip.tiny{padding:2px 8px;font-size:.72rem}.chip.gold{color:var(--gold);border-color:#e2c45c66}.lobby-foot{display:flex;flex-direction:column;align-items:center;gap:12px}.waiting{display:flex;align-items:center;gap:8px}.dots{width:10px;height:10px;border-radius:50%;background:var(--gold);animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.rules-list{padding-inline-start:20px;line-height:1.7}.rules-list li{margin-bottom:6px}@media(max-width:640px){.lobby-body{grid-template-columns:1fr}.qr-box{order:2}}:root{--hand-w: clamp(56px, 15.5vw, 112px);--trick-w: clamp(46px, 11vw, 84px);--mini-w: clamp(22px, 5.2vw, 34px)}.table-root{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--sat);background:radial-gradient(900px 600px at 50% 40%,#1a2240 0%,var(--bg) 60%,#05070d 100%)}.scorebar{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(180deg,#00000073,#00000026);border-bottom:1px solid rgba(255,255,255,.06);z-index:5}.score{display:flex;align-items:center;gap:8px;font-weight:800}.score.them{justify-content:flex-end}.score-label{font-size:.78rem;color:var(--muted);font-weight:700}.score-val{font-size:1.5rem;line-height:1}.score.us .score-val{color:var(--teamA)}.score.them .score-val{color:var(--teamB)}.score-tricks{font-size:.8rem;padding:2px 8px;border-radius:999px;background:#ffffff1a}.contract-pill{display:flex;flex-direction:row;align-items:center;gap:8px;line-height:1.15;padding:4px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:.85rem;white-space:nowrap}.contract-pill.kaboot{border-color:var(--gold);box-shadow:0 0 18px #e2c45c59}.contract-val{font-weight:800;font-size:1.05rem}.contract-val.red,.bid-badge.red{color:#ff5c5c}.menu-btn{font-size:1.1rem}.menu-list{display:flex;flex-direction:column;gap:10px}.table-stage{position:relative;flex:1;min-height:0}.felt{position:absolute;inset:9% 5% 12%;border-radius:46%/40%;background:radial-gradient(ellipse at 50% 38%,rgba(255,255,255,.1),transparent 55%),radial-gradient(ellipse at 50% 50%,#2a7a4b,#1f6b43 45%,#124a2c 85%,#0d3a22);box-shadow:inset 0 0 0 3px #00000059,inset 0 0 90px #0000008c,0 0 0 12px #5a3a1e,0 0 0 14px #c9a227,0 0 0 20px #3a2311,0 30px 70px #000000b3}.felt:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}@media(max-aspect-ratio:4/5){.felt{inset:10% 3% 11%;border-radius:48%/42%}}.trick-area{position:absolute;inset:0;pointer-events:none}.deck-anchor{position:absolute;left:50%;top:50%;width:var(--mini-w);height:calc(var(--mini-w) * 1.4);transform:translate(-50%,-50%)}.slot{position:absolute;--dx: 0px;--dy: 0px;width:var(--trick-w);height:calc(var(--trick-w) * 1.4);left:calc(50% + var(--dx));top:calc(50% + var(--dy));transform:translate(-50%,-50%)}.slot.pos-0{--dy: calc(var(--trick-w) * .62)}.slot.pos-1{--dx: calc(var(--trick-w) * .95)}.slot.pos-2{--dy: calc(var(--trick-w) * -.62)}.slot.pos-3{--dx: calc(var(--trick-w) * -.95)}.trick-card{width:100%}.slot.is-winner .trick-card .card-inner{box-shadow:0 0 0 3px var(--gold),0 0 30px #e2c45cb3}.deck-fx{position:absolute;left:50%;top:50%;width:var(--trick-w);height:calc(var(--trick-w) * 1.4);transform:translate(-50%,-50%);pointer-events:none}.deck-fx .deck-stack,.deck-fx .riffle{position:absolute;inset:0}.deck-card{position:absolute;inset:0;width:100%!important}.deck-fx .riffle,.deck-fx.active .deck-stack{opacity:0}.deck-fx.active .riffle{opacity:1}.deck-fx.is-riffling .half-a{animation:riffleA .65s ease-in-out var(--riffles, 3)}.deck-fx.is-riffling .half-b{animation:riffleB .65s ease-in-out var(--riffles, 3)}@keyframes riffleA{0%{transform:translate(0) rotate(0)}35%{transform:translate(-46%,-8%) rotate(-14deg)}70%{transform:translate(-12%,-2%) rotate(-4deg)}to{transform:translate(0) rotate(0)}}@keyframes riffleB{0%{transform:translate(0) rotate(0)}35%{transform:translate(46%,-8%) rotate(14deg)}70%{transform:translate(12%,-2%) rotate(4deg)}to{transform:translate(0) rotate(0)}}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:3}.seat.pos-2{top:2%;left:50%;transform:translate(-50%);flex-direction:row;gap:10px}.seat.pos-1{right:2%;top:44%;transform:translateY(-50%)}.seat.pos-3{left:2%;top:44%;transform:translateY(-50%)}.seat.pos-0{bottom:1%;right:4%}.seat-main{display:flex;align-items:center;gap:8px;position:relative}.seat.pos-3 .seat-main{flex-direction:row}.seat.pos-1 .seat-main{flex-direction:row-reverse}.seat.pos-2 .seat-main,.seat.pos-0 .seat-main{flex-direction:row}.avatar-wrap{position:relative;width:54px;height:54px}.avatar{position:absolute;inset:5px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;background:radial-gradient(circle at 35% 30%,#2c3558,#141a2e);border:2px solid rgba(255,255,255,.18);box-shadow:0 6px 14px #0006}.avatar-wrap.ally .avatar{border-color:#3ba0ffb3}.avatar-wrap.enemy .avatar{border-color:#ff6b4ab3}.turn-ring{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff14;stroke-width:3}.ring-fg{fill:none;stroke:var(--gold);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .1s linear;filter:drop-shadow(0 0 4px rgba(226,196,92,.8))}.seat.is-actor .avatar{box-shadow:0 0 0 2px #e2c45c99,0 0 22px #e2c45c99}.badge{position:absolute;font-size:.62rem;font-weight:800;padding:1px 5px;border-radius:999px;background:#0b1020;border:1px solid rgba(255,255,255,.2);line-height:1.4}.badge.dealer{bottom:-2px;right:-4px;background:var(--gold);color:#2a1d05;border-color:#fff3c4;width:20px;height:20px;display:grid;place-items:center;padding:0;font-size:.72rem}.badge.bot{top:-2px;right:-6px}.badge.off{top:-2px;left:-6px}.badge.cutter{bottom:-2px;left:-6px}.seat-info{display:flex;flex-direction:column;gap:3px;min-width:0}.seat-name{font-weight:800;font-size:.9rem;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 6px rgba(0,0,0,.6)}.thinking{font-weight:500;color:var(--gold);font-size:.78rem}.seat-sub{display:flex;gap:4px;flex-wrap:wrap}.bid-badge,.tricks-badge{font-size:.74rem;font-weight:800;padding:1px 8px;border-radius:999px;background:#e2c45c2e;border:1px solid rgba(226,196,92,.45);color:#ffe9a8}.bid-badge.pass{background:#ffffff14;border-color:#ffffff2e;color:var(--muted)}.bid-badge.contract{background:#ffffff1f;color:#fff}.tricks-badge{background:#ffffff14;border-color:#ffffff26;color:#fff}.mini-hand{display:flex;justify-content:center;height:calc(var(--mini-w) * 1.4);min-width:var(--mini-w)}.mini-card{width:var(--mini-w)!important;margin:0 calc(var(--mini-w) * -.32);transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3deg)) translateY(calc(abs(var(--i) - (var(--n) - 1) / 2)*.6px))}.seat.pos-1 .mini-hand,.seat.pos-3 .mini-hand{order:2}.me-hand-anchor{width:1px;height:1px}.pile{position:relative;width:calc(var(--mini-w) * 1.1);height:calc(var(--mini-w) * 1.5)}.pile-card{position:absolute;inset:0;width:var(--mini-w)!important}.replace{position:absolute;top:100%;margin-top:4px;white-space:nowrap}.bubble{position:absolute;z-index:8;max-width:190px;padding:8px 12px;border-radius:14px;background:#fffdf5;color:#1b1b24;font-weight:700;font-size:.85rem;line-height:1.35;box-shadow:0 10px 26px #0006}.bubble:after{content:"";position:absolute;width:12px;height:12px;background:#fffdf5;transform:rotate(45deg)}.seat.pos-2 .bubble{top:100%;margin-top:8px}.seat.pos-2 .bubble:after{top:-5px;left:calc(50% - 6px)}.seat.pos-1 .bubble{right:100%;margin-right:10px;top:0}.seat.pos-1 .bubble:after{right:-5px;top:16px}.seat.pos-3 .bubble{left:100%;margin-left:10px;top:0}.seat.pos-3 .bubble:after{left:-5px;top:16px}.seat.pos-0 .bubble{bottom:100%;margin-bottom:8px}.seat.pos-0 .bubble:after{bottom:-5px;left:calc(50% - 6px)}.emote-float{position:absolute;top:-10px;left:50%;font-size:2rem;pointer-events:none;z-index:9}.status-wrap{position:absolute;top:19%;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:4}.status-pill{padding:6px 14px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.12);font-size:.85rem;font-weight:600;white-space:nowrap;z-index:4;backdrop-filter:blur(6px)}@media(max-aspect-ratio:4/5){.status-wrap{top:22%}}.action-wrap{position:absolute;left:0;right:0;bottom:5%;display:flex;justify-content:center;z-index:10;pointer-events:none}.action-panel{width:min(560px,94%);padding:14px 16px;pointer-events:auto}.ap{display:flex;flex-direction:column;gap:10px;align-items:stretch}.ap-title{font-weight:800;text-align:center;font-size:1rem}.ap-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ap-label{font-size:.85rem;color:var(--muted);font-weight:700}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip-btn{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-weight:700;font-size:.85rem;cursor:pointer}.chip-btn.is-on{background:#e2c45c38;border-color:var(--gold);color:#ffe9a8}.stepper{display:flex;align-items:center;gap:10px}.stepper-val{font-size:1.4rem;font-weight:800;min-width:28px;text-align:center;color:var(--gold)}.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.method-btn{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;cursor:pointer;text-align:start;transition:background .2s,transform .12s}.method-btn:hover{background:#e2c45c29;transform:translateY(-1px)}.method-title{font-weight:800}.method-desc{font-size:.78rem;color:var(--muted)}.bid-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.bid-btn{width:50px;height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#ffffff24,#ffffff0a);font-size:1.25rem;font-weight:800;cursor:pointer;transition:transform .12s,background .2s}.bid-btn:hover:not(:disabled){transform:translateY(-2px);background:#e2c45c40}.bid-btn:disabled{opacity:.3;cursor:not-allowed}.bid-btn.kaboot{border-color:var(--gold);color:var(--gold)}.bid-btn.pass{width:auto;padding:0 18px;background:#e0443e33;border-color:#e0443e80}.suit-row{display:flex;gap:10px;justify-content:center}.suit-btn{width:64px;height:64px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#fbf8f1;color:#1b1b24;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,box-shadow .2s;position:relative}.suit-btn.red{color:#c21f2e}.suit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #0006}.suit-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(1)}.suit-btn.is-on{box-shadow:0 0 0 3px var(--gold),0 0 24px #e2c45c99}.suit-sym{font-size:1.9rem;line-height:1}.suit-count{font-size:.72rem;font-weight:800;opacity:.7}.ask-btn{border-color:var(--gold);color:#ffe9a8}.hand-wrap{position:relative;padding:6px 10px calc(8px + var(--sab));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:calc(var(--hand-w) * 1.4 + 44px);z-index:6;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}.turn-hint{position:absolute;top:-18px;padding:4px 14px;border-radius:999px;background:var(--gold);color:#2a1d05;font-weight:800;font-size:.82rem;box-shadow:0 6px 18px #e2c45c73;animation:hintPulse 1.4s infinite;z-index:7}@keyframes hintPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hand{position:relative;direction:ltr}.hand-slot{position:absolute;bottom:0;transform-origin:50% 110%;cursor:pointer}.hand-slot .card{transition:filter .2s}.emote-bar{position:fixed;left:calc(10px + var(--sal));bottom:calc(var(--hand-w) * 1.4 + 56px + var(--sab));z-index:12;display:flex;align-items:center;gap:6px}.emote-list{display:flex;gap:4px;padding:4px;border-radius:999px;background:#101628eb;border:1px solid rgba(255,255,255,.12)}.emote-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;font-size:1.25rem;cursor:pointer}.emote-btn:hover{background:#ffffff1f}.flight-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.flight{position:fixed;will-change:transform}.result-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;margin:10px 0;flex-wrap:wrap}.result-banner.ok{background:#4cd96424;border:1px solid rgba(76,217,100,.4)}.result-banner.bad{background:#e0443e24;border:1px solid rgba(224,68,62,.4)}.result-made{font-weight:800}.result-contract{font-weight:700}.avatar-sm{font-size:1.2rem}.result-table{width:100%;border-collapse:collapse;text-align:center}.result-table th,.result-table td{padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.08)}.result-table th.hl{color:var(--gold)}.result-table td:first-child{text-align:start;color:var(--muted)}.result-table .total td{font-weight:800;font-size:1.1rem;border-bottom:none}.pos{color:var(--ok)}.neg{color:#ff6b63}.gameover{text-align:center;padding:16px;border-radius:16px;margin-top:10px}.gameover.won{background:#e2c45c1f;border:1px solid rgba(226,196,92,.4)}.gameover.lost{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.gameover-title{font-size:1.5rem;font-weight:800}.gameover-winners{margin:6px 0;color:var(--muted)}.gameover-score{font-size:2.2rem;font-weight:800;display:flex;gap:12px;justify-content:center}@media(max-width:480px){.mini-card:nth-child(n+6){display:none}.mini-hand{position:relative}.mini-hand:after{content:attr(data-count);position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:.62rem;font-weight:800;padding:0 6px;border-radius:999px;background:#000000b3;border:1px solid rgba(255,255,255,.2)}.avatar-wrap{width:46px;height:46px}.avatar{font-size:1.3rem}.seat-name{font-size:.8rem;max-width:90px}.seat.pos-1,.seat.pos-3{top:38%}.seat.pos-1 .seat-main,.seat.pos-3 .seat-main{flex-direction:column;gap:2px}.seat.pos-1 .seat-info,.seat.pos-3 .seat-info{align-items:center}.seat.pos-1 .seat-name,.seat.pos-3 .seat-name{font-size:.7rem;max-width:76px}.seat.pos-1 .seat-sub,.seat.pos-3 .seat-sub,.seat.pos-0 .seat-sub{justify-content:center}.seat.pos-1 .pile,.seat.pos-3 .pile{display:none}.seat.pos-0{right:2%;bottom:2%}.seat.pos-0 .seat-main{flex-direction:column;gap:2px}.seat.pos-0 .seat-name,.seat.pos-0 .pile,.thinking{display:none}.bid-btn{width:42px;height:44px;font-size:1.05rem}.suit-btn{width:56px;height:56px}.action-panel{bottom:4%;padding:12px}.bubble{max-width:180px;font-size:.78rem}}@media(max-height:560px)and (orientation:landscape){:root{--hand-w: clamp(50px, 9vh, 80px)}.scorebar{padding:4px 10px}.score-val{font-size:1.2rem}}