@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-arabic-wght-normal-CGnJ-sf6.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:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-ext-wght-normal-BjodpZir.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-cyrillic-wght-normal-DveCct9I.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-hebrew-wght-normal-BIkpbuMU.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-ext-wght-normal-OacczzuJ.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:Rubik Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/rubik-latin-wght-normal-CnQIisVs.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{--bg:#04140d;--bg-2:#072217;--felt:#0d3a26;--felt-hi:#17573a;--felt-edge:#052016;--gold:#e8c26a;--gold-hi:#f7dfa0;--gold-deep:#a5802f;--ink:#f4efe2;--ink-2:#cad8ce;--muted:#8fae9c;--line:#e8c26a3d;--glass:#03120b94;--glass-hi:#ffffff0f;--stroke:#ffffff1a;--danger:#d9434b;--danger-deep:#8a1c26;--red-on-dark:#ff6b78;--card-face:#fdf9ef;--card-face-2:#efe7d3;--card-red:#c3142e;--card-black:#16201a;--app-h:min(max(var(--tg-viewport-stable-height,100dvh), var(--tg-viewport-height,0px)), 100dvh);--safe-t:max(env(safe-area-inset-top,0px), calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px)));--safe-b:max(env(safe-area-inset-bottom,0px), calc(var(--tg-safe-area-inset-bottom,0px) + var(--tg-content-safe-area-inset-bottom,0px)));--safe-l:max(env(safe-area-inset-left,0px), calc(var(--tg-safe-area-inset-left,0px) + var(--tg-content-safe-area-inset-left,0px)));--safe-r:max(env(safe-area-inset-right,0px), calc(var(--tg-safe-area-inset-right,0px) + var(--tg-content-safe-area-inset-right,0px)));color:var(--ink);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-family:Rubik Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}body{min-height:var(--app-h);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(120% 70% at 50% 18%, #0f3f29 0%, var(--bg-2) 45%, var(--bg) 100%);background-attachment:fixed}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.muted{color:var(--muted)}.error{color:#ffb3b7;text-align:center}.red{color:var(--red-on-dark)}.btn{border:1px solid var(--stroke);background:var(--glass-hi);letter-spacing:.01em;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:16px;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4}@media (hover:hover){.btn:hover:not(:disabled){background:#ffffff1a}}.btn.primary{color:#2a1c03;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, #d4a84a);box-shadow:inset 0 1px 0 #fff9, 0 6px 20px #e8c26a47, 0 2px 0 var(--gold-deep);border:0}@media (hover:hover){.btn.primary:hover:not(:disabled){background:linear-gradient(180deg, #fff0c4, var(--gold-hi) 55%, var(--gold))}}.btn.danger{color:#fff;background:linear-gradient(180deg, #ea5a61, var(--danger) 55%, #b8323a);box-shadow:inset 0 1px 0 #ffffff59, 0 6px 18px #d9434b4d, 0 2px 0 var(--danger-deep);border:0}@media (hover:hover){.btn.danger:hover:not(:disabled){background:linear-gradient(#f26d73,#e04c54 55%,#c13a42)}}.btn.take{border:1.5px solid var(--danger);color:#ffb3b7;background:#d9434b1a;min-height:44px;padding:0 16px;font-size:15px}@media (hover:hover){.btn.take:hover:not(:disabled){background:#d9434b38}}.btn.gold-outline{border-color:var(--gold);color:var(--gold-hi);background:#e8c26a1a}.btn.ghost{background:0 0}.btn.danger-ghost{color:#ffb3b7;background:#d9434b1a;border-color:#d9434b66}.btn.dashed{color:var(--gold-hi);background:0 0;border-style:dashed;border-color:#e8c26a59}.btn.wide{width:100%}.btn.big{border-radius:16px;min-height:56px;font-size:18px}.btn.small{border-radius:12px;min-height:40px;padding:0 14px;font-size:14px}.btn.tiny{border-radius:10px;min-height:36px;padding:0 12px;font-size:13px}.link{min-height:32px;color:var(--gold);text-underline-offset:3px;background:0 0;border:0;padding:6px 4px;font-size:14px;-webkit-text-decoration:underline #e8c26a66;text-decoration:underline #e8c26a66}.danger-link{color:#ff9aa2;align-self:flex-start;text-decoration-color:#ff9aa266}.icon-btn{border:1px solid var(--stroke);background:var(--glass);width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}input{border:1px solid var(--stroke);background:#00000052;border-radius:14px;width:100%;height:52px;padding:0 16px;font-size:17px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#cad8ce73}input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #e8c26a33}.chip{color:var(--ink-2);white-space:nowrap;background:#ffffff14;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.chip.gold{color:var(--gold-hi);background:#e8c26a33}.chip.warn{color:#ffb3b7;background:#d9434b38}.chip.muted{color:var(--muted)}.avatar{color:#fff;text-shadow:0 1px 1px #00000040;border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff38}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.banner{z-index:50;left:16px;right:16px;top:calc(var(--safe-t) + 8px);background:#784808eb;border:1px solid #f7dfa04d;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:10px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;box-shadow:0 8px 24px #0006}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}.toast{z-index:50;left:16px;right:16px;top:calc(var(--safe-t) + 60px);text-align:center;background:#6e161ef2;border:1px solid #ff9aa259;border-radius:14px;width:fit-content;margin:0 auto;padding:12px 18px;font-size:15px;font-weight:500;animation:.18s ease-out drop;position:fixed;box-shadow:0 10px 30px #00000073}.card{width:var(--cw,56px);height:calc(var(--cw,56px) * 1.4);font-size:var(--cw,56px);background:linear-gradient(165deg, var(--card-face) 40%, var(--card-face-2));color:var(--card-black);border:0;border-radius:.1em;flex:none;padding:0;line-height:1;transition:transform .16s,translate .16s,box-shadow .16s,filter .16s;position:relative;box-shadow:inset 0 0 0 1px #00000024,inset 0 1px #fff,0 .03em .1em #00000073,0 .08em .24em #00000040}.card:disabled{cursor:default}.card.red{color:var(--card-red)}.card .face{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.card .index{flex-direction:column;align-items:center;width:.38em;font-weight:700;display:flex;position:absolute;top:.06em;left:.05em}.card .index .rank{letter-spacing:-.07em;font-size:.4em}.card .index .suit{margin-top:.06em;font-size:.32em}.card .index.flip{opacity:.85;width:.24em;inset:auto .04em .05em auto;transform:rotate(180deg)}.card .index.flip .rank{font-size:.22em}.card .index.flip .suit{font-size:.18em}.card .pip{font-size:.62em;position:absolute;top:56%;left:50%;transform:translate(-42%,-50%)}.card .passed-mark{text-transform:uppercase;letter-spacing:.04em;text-align:center;color:#2a1c03;background:var(--gold);padding:.04em 0;font-size:.15em;font-weight:700;position:absolute;bottom:0;left:0;right:0}.card.clickable{cursor:pointer}.card.dim{filter:brightness(.5)saturate(.55)}.card.selected{box-shadow:0 0 0 2px var(--gold), 0 0 .32em #f7dfa0bf, 0 .1em .3em #00000080}.card.highlight{cursor:pointer;box-shadow:0 0 0 2px var(--gold), 0 0 .3em #f7dfa0cc;animation:1.1s ease-in-out infinite alternate target}.card.back{border:.05em solid var(--card-face);box-shadow:inset 0 0 0 .02em var(--gold-deep), inset 0 0 0 .045em #04140d8c, 0 .03em .1em #00000080;background:radial-gradient(circle,#f7dfa08c 0 .018em,#0000 .024em) 0 0/.14em .14em,repeating-linear-gradient(45deg,#e8c26a52 0 .012em,#0000 .012em .1em),repeating-linear-gradient(-45deg,#e8c26a52 0 .012em,#0000 .012em .1em),radial-gradient(circle at 50% 40%,#1a6b47,#0c3a26 75%);display:block}.back-stack{width:var(--cw);height:calc(var(--cw) * 1.4);display:inline-block;position:relative}.back-stack .card{position:absolute;top:0;left:0}.back-stack .count{z-index:2;background:var(--bg);border:1px solid var(--gold);min-width:28px;height:28px;color:var(--gold-hi);border-radius:14px;place-items:center;padding:0 6px;font-size:13px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080}.app{min-height:var(--app-h)}.screen{min-height:var(--app-h);max-width:520px;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);flex-direction:column;gap:14px;margin:0 auto;display:flex}.screen.center{justify-content:center;gap:24px;max-width:420px}.entering{justify-content:center;align-items:center;gap:10px;display:flex}.hero{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-fan{--cw:72px;width:100%;height:132px;position:relative}.hero-fan .card{transform-origin:50% 140%;rotate:calc(var(--i) * 13deg);animation:.5s cubic-bezier(.2,.8,.3,1.2) both fan-in;animation-delay:calc((var(--i) + 1.5) * 50ms);position:absolute;top:18px;left:calc(50% - 36px)}.wordmark{letter-spacing:-.02em;font-size:46px;font-weight:800;line-height:1}.wordmark span{color:var(--ink)}.wordmark{background:linear-gradient(180deg, var(--gold-hi), var(--gold) 60%, var(--gold-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.wordmark span{-webkit-text-fill-color:var(--ink)}.tagline{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.form-card,.panel-card{background:var(--glass);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 20px 50px #00000059,inset 0 1px #ffffff0a}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--muted);font-size:13px;font-weight:500}.whoami{color:var(--ink-2);justify-content:center;align-items:center;gap:8px;display:flex}.whoami b{color:var(--ink)}.divider{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:12px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--stroke);flex:1;height:1px}.join{gap:8px;display:flex}.join input{flex:1;min-width:0}.code-input{text-align:center;letter-spacing:.32em;text-transform:uppercase;font-size:20px;font-weight:700}.code-input::placeholder{letter-spacing:.02em;text-transform:none;font-size:16px;font-weight:400}.topbar{align-items:center;gap:10px;min-height:48px;display:flex}.lobby-title{text-transform:uppercase;letter-spacing:.12em;flex-direction:column;flex:1;font-size:12px;line-height:1.1;display:flex}.code{letter-spacing:.2em;color:var(--gold);text-transform:none;font-size:24px;font-weight:800}.result{text-align:left;background:radial-gradient(120% 140% at 0 0,#d9434b59,#3c0a1099);border:1px solid #ff9aa24d;border-radius:20px;justify-content:center;align-items:center;gap:14px;padding:16px;animation:.3s ease-out drop;display:flex;box-shadow:0 16px 40px #00000059}.result.draw{border-color:var(--line);background:radial-gradient(120% 140% at 0 0,#e8c26a4d,#281e0699)}.result-label{letter-spacing:.2em;text-transform:uppercase;color:#ffb3b7;font-size:12px;font-weight:700}.result-name{font-size:26px;font-weight:800}.result.draw .result-name{color:var(--gold-hi)}.section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);gap:8px;font-size:13px;font-weight:700;display:flex}.members{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.members li{background:#ffffff09;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:12px;padding:8px 10px;animation:.2s ease-out drop;display:flex}.members li.spectator{opacity:.7}.member-avatar{flex:none;position:relative}.dot{border:2px solid #0a2418;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.dot.on{background:#3ddc84}.dot.off{background:#6b7a72}.member-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.member-main .nick{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex;overflow:hidden}.host-crown{color:var(--gold);display:inline-flex}.member-sub{color:var(--muted);font-size:12px}.score{flex-direction:column;align-items:center;min-width:40px;line-height:1;display:flex}.score b{color:var(--gold-hi);font-size:20px}.score small{color:var(--muted);margin-top:2px;font-size:10px}.setting{align-items:center;gap:10px;min-height:40px;display:flex}.setting.column{flex-direction:column;align-items:stretch;gap:8px}.setting-label{color:var(--ink-2);align-items:center;gap:8px;font-size:15px;display:flex}.setting:not(.column) .setting-label{flex:1}.setting-value{color:var(--gold-hi);font-weight:700}.segmented{background:#0000004d;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{min-height:44px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;font-size:15px;font-weight:600;transition:background .15s,color .15s}.segmented button.on{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#2a1c03}.segmented button:disabled:not(.on){opacity:.5}.deck-editor{background:#00000040;border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.chips-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.btn.preset{border-radius:12px;flex-direction:column;gap:2px;min-height:52px;padding:4px 6px;line-height:1}.btn.preset b{font-size:17px}.btn.preset small{color:var(--muted);font-size:11px;font-weight:500}.deck-grid{grid-template-columns:24px repeat(9,minmax(0,1fr));align-items:center;gap:4px;display:grid}.deck-row{display:contents}.deck-rank{text-align:center;color:var(--ink-2);font-size:13px;font-weight:700}.deck-suit{text-align:center;font-size:18px}.deck-grid input{text-align:center;-moz-appearance:textfield;border-radius:8px;height:36px;padding:0;font-size:14px;font-weight:600}.deck-grid input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.deck-grid input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.deck-grid input.zero,.deck-cell.zero{opacity:.4}.deck-cell{background:#ffffff0a;border-radius:8px;place-items:center;height:36px;font-size:14px;font-weight:600;display:grid}.save-state{color:var(--muted);font-size:13px;font-weight:600}.save-state.saved{color:#7fdca4}.save-state.error{color:#ffb3b7}.deck-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.lobby-dock{padding:16px 0 calc(var(--safe-b) + 4px);background:linear-gradient(180deg, transparent, var(--bg) 40%);margin-top:auto;position:sticky;bottom:0}.dock-hint{text-align:center;color:var(--muted);margin-top:8px;font-size:13px}.waiting{text-align:center;color:var(--ink-2);background:var(--glass);border:1px dashed var(--stroke);border-radius:16px;padding:16px}.dots:after{content:"…";animation:1.4s ease-in-out infinite blink;display:inline-block}.game{height:var(--app-h);padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);flex-direction:column;display:flex;overflow:hidden}.game .topbar{padding:6px 10px 2px}.room-code-chip{letter-spacing:.2em;color:var(--gold);flex:1;font-size:15px;font-weight:700}.trump-chip{background:var(--glass);border:1px solid var(--line);height:36px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:inline-flex}.trump-chip b{color:var(--ink);font-size:20px;line-height:1}.trump-chip.red b{color:var(--red-on-dark)}.arena{flex:1;grid-template:"deck top discard""felt felt felt"". . ."minmax(0,1fr)/auto minmax(0,1fr) auto;gap:6px 4px;min-height:0;padding:0 8px;display:grid}.seats-top{grid-area:top;justify-content:space-evenly;align-items:flex-start;gap:4px;min-width:0;padding-top:2px;display:flex}.seats-top .seat{flex:0 84px;min-width:70px}.arena.has-sides{grid-template-areas:"deck top discard""left felt right"}.game.portrait .arena{grid-template-rows:auto minmax(0,1fr)}@media (width<=400px){.game.portrait .arena.top-3 .seat{width:72px}.game.portrait .arena.top-3 .seats-top .seat{flex:0 60px;min-width:0}.game.portrait .arena.top-3 .seat-figure{width:58px}.game.portrait .arena.top-3 .felt-row{--dw:34px}}.side{align-items:center;display:flex}.side.left{grid-area:left}.side.right{grid-area:right}.seat{flex-direction:column;align-items:center;gap:3px;width:84px;transition:opacity .2s,filter .2s;display:flex}.seat-figure{place-items:center;width:70px;height:54px;display:grid;position:relative}.seat-fan{--cw:19px;width:19px;height:27px;position:absolute;top:0;right:4px}.seat-fan .card{transform-origin:50% 100%;position:absolute;top:0;left:0}.seat-ring{z-index:1;background:#ffffff1a;border-radius:50%;padding:3px;transition:background .2s,box-shadow .2s;position:relative}.seat.actor .seat-ring{background:conic-gradient(from 180deg, var(--gold-deep), var(--gold-hi), var(--gold), var(--gold-hi), var(--gold-deep));animation:1.6s ease-in-out infinite alternate glow;box-shadow:0 0 0 3px #e8c26a29,0 0 24px #e8c26a8c}.seat-count{z-index:2;background:var(--bg);border:1px solid var(--line);min-width:24px;height:22px;color:var(--gold-hi);border-radius:11px;place-items:center;padding:0 5px;font-size:12px;font-weight:700;display:grid;position:absolute;bottom:0;right:4px}.seat-offline{z-index:2;background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:0;left:6px}.seat-nick{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.seat.actor .seat-nick{color:var(--gold-hi)}.seat-role{justify-content:center;align-items:center;height:19px;display:flex}.seat.out{opacity:.4;filter:grayscale(.85)}.seat .btn.tiny{min-height:32px;padding:0 10px;font-size:12px}.felt{background:radial-gradient(90% 70% at 50% 45%, var(--felt-hi) 0%, var(--felt) 55%, var(--felt-edge) 100%);border-radius:34px;flex-direction:column;grid-area:felt;gap:4px;min-height:0;padding:12px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e8c26a59,inset 0 0 0 7px #00000038,inset 0 0 50px #0000008c,0 14px 40px #00000080}.felt.droppable{cursor:pointer;box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 0 7px #00000038, inset 0 0 60px #e8c26a38, 0 0 26px #e8c26a59, 0 14px 40px #00000080}.felt:before{content:"";pointer-events:none;border:1px solid #e8c26a24;border-radius:24px;position:absolute;inset:12px}.felt-row{--dw:clamp(30px, calc(var(--hcw) * .66), 58px);display:contents}.felt-row .deck{grid-area:deck;place-self:start;margin:6px 0 0 4px}.felt-row .discard{grid-area:discard;place-self:start end;margin:4px 4px 0 0}.deck{width:calc(var(--dw) * 2);height:calc(var(--dw) * 1.4);--cw:var(--dw);flex:none;position:relative}.deck .back-stack{z-index:1;position:absolute;top:0;left:0}.trump-under{left:calc(var(--dw) * .8);width:var(--dw);height:calc(var(--dw) * 1.4);position:absolute;top:0;transform:rotate(90deg)}.trump-under .card{box-shadow:0 0 0 1px var(--gold-deep), 0 0 12px #e8c26a59}.trump-empty{width:calc(var(--dw) * 1.2);height:calc(var(--dw) * 1.2);border:2px solid var(--gold);font-size:calc(var(--dw) * .75);color:var(--ink);background:#00000040;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 18px #e8c26a4d}.trump-empty.red{color:var(--red-on-dark)}.discard{--cw:calc(var(--dw) * .8);flex-direction:column;align-items:center;gap:4px;display:flex}.discard-pile{width:calc(var(--cw) * 1.5);height:calc(var(--cw) * 1.4);position:relative}.discard-pile .card{left:calc(var(--cw) * .25);position:absolute;top:0}.discard-empty{width:calc(var(--cw) * 1.5);height:calc(var(--cw) * 1.4);border:1px dashed #e8c26a33;border-radius:8px}.felt-label{color:var(--muted);letter-spacing:.06em;font-size:11px;font-weight:600}.table{flex:1;place-items:center;min-height:0;display:grid;position:relative}.pairs{flex:none;position:relative}.pair{transition:transform .18s ease-out;position:absolute;top:0;left:0}.table .card:disabled{pointer-events:none}.pair .card{--cw:var(--tw);position:absolute;top:0;left:0}.pair .card.cover{left:calc(var(--tw) * .44);top:calc(var(--tw) * 1.4 * .24);rotate:5deg}.felt-empty{color:#e8c26a59;letter-spacing:.18em;text-transform:uppercase;font-size:13px;position:absolute}.deal{animation:.2s ease-out both deal}.pass-flight{z-index:30;pointer-events:none;will-change:transform, opacity;position:fixed;top:0;left:0}.pass-flight .card{box-shadow:0 0 0 2px var(--gold), 0 0 .3em #f7dfa0cc, 0 .12em .4em #0000008c}.dock{flex-direction:column;gap:6px;padding:6px 8px 10px;display:flex;position:relative}.status{background:var(--glass);border:1px solid var(--stroke);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-self:center;align-items:center;gap:8px;max-width:100%;min-height:34px;padding:4px 16px;font-size:15px;font-weight:500;display:inline-flex;overflow:hidden}.status:empty{visibility:hidden}.status.mine{color:#2a1c03;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border:0;font-weight:700;animation:.2s ease-out drop;box-shadow:0 0 0 4px #e8c26a29,0 0 26px #e8c26a73}.spectator-tag{color:var(--gold-hi);align-items:center;gap:4px;font-weight:600;display:inline-flex}.self-spectate{justify-content:center;padding:6px 0;display:flex}.hand{overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#e8c26a59 transparent;min-width:0;margin:0 4px;padding-top:14px;overflow:scroll hidden}.hand-track{position:relative}.hand .card{--cw:var(--hcw);transform-origin:50% 140%;rotate:var(--rot);animation:.2s ease-out both deal;position:absolute}.hand .card.selected{translate:0 -.3em}@media (hover:hover){.hand .card.clickable:not(.selected):hover{translate:0 -.12em}}.actions{flex-wrap:wrap;place-content:flex-start center;align-items:center;gap:8px;min-height:104px;display:flex}.actions .btn{flex:0 auto;min-width:104px}.game.spectating .actions,.game.spectating .take-slot{display:none}.take-slot{position:absolute;bottom:10px;left:8px}.dock.has-take .actions{padding:0 100px}.reacts{justify-content:center;gap:8px;min-height:38px;display:flex}.reacts.off{visibility:hidden}.react{border:1px solid var(--stroke);background:var(--glass-hi);border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:19px;line-height:1;transition:transform .12s,opacity .15s,border-color .15s;display:grid}.react:active:not(:disabled){border-color:var(--gold);transform:scale(.92)}.react:disabled{opacity:.4}.seat{position:relative}.say{z-index:25;pointer-events:none;background:var(--card-face);width:max-content;max-width:150px;color:var(--card-black);text-align:center;white-space:normal;border-radius:14px;padding:7px 11px;font-size:14px;font-weight:600;line-height:1.25;animation:.16s ease-out both say-in,.3s ease-in 4.7s forwards say-out;position:absolute;box-shadow:0 6px 16px #00000073}.say:after{content:"";background:inherit;width:10px;height:10px;position:absolute;rotate:45deg}.say{transform-origin:50% 0;top:calc(100% - 2px);left:50%;translate:-50%}.say:after{top:-4px;left:calc(50% - 5px)}.side.left .say{transform-origin:0;top:27px;left:calc(100% - 6px);translate:0 -50%}.side.left .say:after{top:calc(50% - 5px);left:-4px}.side.right .say{transform-origin:100%;top:27px;left:auto;right:calc(100% - 6px);translate:0 -50%}.side.right .say:after{top:calc(50% - 5px);left:auto;right:-4px}.say.at-me,.bottom-seat .say{transform-origin:50% 100%;max-width:200px;top:0;translate:-50% -100%}.say.at-me:after,.bottom-seat .say:after{top:auto;bottom:-4px}@keyframes say-in{0%{opacity:0;scale:.7}}@keyframes say-out{to{opacity:0;scale:.9}}@media (prefers-reduced-motion:reduce){.say{animation:none}}.game.landscape .arena{grid-template-areas:"top top top""deck felt discard""left felt right";grid-template-columns:minmax(0, 1fr) minmax(0, var(--felt-max)) minmax(0, 1fr);column-gap:16px;padding:0 16px}.game.landscape .arena.has-sides{grid-template-columns:minmax(max-content, 1fr) minmax(0, var(--felt-max)) minmax(max-content, 1fr)}.game.landscape .felt-row .deck{justify-self:end;margin:8px 0 0}.game.landscape .felt-row .discard{justify-self:start;margin:8px 0 0}.game.landscape .side.left{justify-content:flex-end}.game.landscape .side.right{justify-content:flex-start}.game.wide-dock .dock{grid-template-columns:110px minmax(0,1fr) auto;grid-template-areas:"status status status""take hand actions""take reacts actions";align-items:end;column-gap:16px;padding:4px 16px 10px;display:grid}.game.wide-dock .reacts{grid-area:reacts}.game.wide-dock .status{grid-area:status;justify-self:center}.game.wide-dock .hand,.game.wide-dock .self-spectate{grid-area:hand}.game.wide-dock .take-slot{grid-area:take;align-self:end;position:static}.game.wide-dock .dock.has-take .actions{padding:0}.game.wide-dock .actions{grid-area:actions;place-content:flex-end;width:348px}.game.wide-dock .actions .btn{min-width:170px}.game.short .topbar{min-height:40px;padding-top:2px}.game.short .icon-btn{width:40px;height:40px}.game.short .seat{flex-direction:row;gap:6px;width:auto;max-width:180px}.game.short .seat-figure{width:42px;height:42px}.game.short .seat-fan{display:none}.game.short .seat .avatar{width:32px!important;height:32px!important;font-size:14px!important}.game.short .seat-count{right:-4px}.game.short .seat-nick{max-width:80px}.game.short .felt{padding:8px}.game.short .discard-pile,.game.short .discard-empty{display:none}.game.short .dock{padding-bottom:6px}.game.short .status{min-height:30px;font-size:14px}.game.short .reacts{gap:6px;min-height:32px}.game.short .react{width:32px;height:32px;font-size:16px}@media (width>=900px){.screen.lobby{padding-top:calc(var(--safe-t) + 28px)}}.member-who{text-align:left;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:12px;min-width:0;min-height:44px;padding:0;display:flex}button.member-who:active{opacity:.75}.stat-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat-tile{background:#ffffff0d;border-radius:14px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-tile b{font-size:24px;font-weight:800;line-height:1.1}.stat-tile span{color:var(--muted);font-size:12px}.stat-tile.fool b{color:var(--red-on-dark)}.stat-tile.rate{background:#e8c26a1f;border:1px solid #e8c26a4d}.stat-tile.rate b{color:var(--gold)}.recent{flex-direction:column;gap:6px;display:flex}.recent-title{color:var(--ink-2);font-size:13px}.recent-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.recent-cell{border-radius:6px;place-items:center;height:26px;font-size:12px;font-weight:700;display:grid}.recent-cell.NotFool{background:#e8c26a38}.recent-cell.Fool{color:#ffd0d4;background:#d9434b61}.recent-cell.Draw{color:var(--ink-2);background:#ffffff1a}.recent-legend{color:var(--muted);font-size:12px}.sheet-layer{z-index:40;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#0000008c;border:0;padding:0;animation:.16s ease-out fade;position:absolute;inset:0}.sheet{box-sizing:border-box;width:100%;max-width:520px;padding:10px calc(var(--safe-r) + 20px) calc(var(--safe-b) + 24px) calc(var(--safe-l) + 20px);border-top:1px solid var(--line);background:linear-gradient(180deg, var(--felt), var(--bg-2));border-radius:24px 24px 0 0;flex-direction:column;gap:16px;margin:0 auto;animation:.2s ease-out rise;display:flex;position:relative;box-shadow:0 -20px 50px #00000073}.sheet-grip{background:#fff3;border-radius:2px;align-self:center;width:40px;height:4px}.sheet-head{align-items:center;gap:14px;display:flex}.sheet-head .avatar{box-shadow:0 0 0 2px var(--gold)}.sheet-who{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:13px;display:flex}.sheet-nick{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:700;overflow:hidden}.sheet-note{align-items:center;gap:10px;min-height:60px;display:flex}.versus{background:#ffffff0a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.versus-label{color:var(--ink-2);flex:1}.versus b{color:var(--red-on-dark)}.home .profile{gap:14px}.profile-head{align-items:center;gap:14px;display:flex}.profile-head .avatar{box-shadow:0 0 0 2px var(--gold)}.profile-nick{text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;overflow:hidden}.home:has(.profile){gap:16px}.home:has(.profile) .hero-fan{display:none}@keyframes deal{0%{opacity:0;transform:translateY(-14px)scale(.92)}}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}@keyframes fan-in{0%{opacity:0;rotate:0deg}}@keyframes glow{0%{box-shadow:0 0 0 3px #e8c26a1a,0 0 12px #e8c26a4d}to{box-shadow:0 0 0 4px #e8c26a38,0 0 28px #e8c26aa6}}@keyframes target{0%{box-shadow:0 0 0 2px var(--gold), 0 0 .12em #f7dfa080}to{box-shadow:0 0 0 3px var(--gold-hi), 0 0 .4em #f7dfa0f2}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}