:root{--felt-hi:#23935f;--felt-1:#1a7049;--felt-2:#0e4a30;--felt-3:#072619;--wood-1:#6b3f1f;--wood-2:#3d2210;--gold:#e2b857;--gold-2:#b8862b;--gold-hi:#f6dc8c;--ink:#f8f3e6;--muted:#f8f3e6ad;--panel:#061c13b8;--panel-line:#f6dc8c2e;--red:#ff5d73;--green:#4fd18b;--wa:#25d366;--focus:#ffd84d;--radius:18px;--ui:"Rubik", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--display:"Suez One", "Rubik", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--ui);color:var(--ink);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='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 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='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 30%, var(--felt-2), var(--felt-3) 75%);background-color:var(--felt-3);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.screen{min-height:100%}.fade-in{animation:.3s ease-out fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.muted{color:var(--muted);font-weight:400}.note{color:var(--muted);margin:.25rem 0;font-size:.9rem}.center{text-align:center}.error{color:#ffd2d8;background:#ff5d7329;border:1px solid #ff5d7366;border-radius:12px;margin:0;padding:.6rem .8rem}.btn{border:1px solid var(--panel-line);-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;min-height:48px;padding:.6rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .12s,background .2s,opacity .2s;display:inline-flex}.btn:hover:not(:disabled){background:#ffffff24}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.42;cursor:default}.btn.primary{color:#2a1b04;background:linear-gradient(180deg, var(--gold-hi), var(--gold) 55%, var(--gold-2));border:none;box-shadow:0 6px 18px #e2b85759,inset 0 1px #fff9}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg, #fff0b8, var(--gold-hi) 55%, var(--gold))}.btn.big{width:100%;min-height:58px;font-size:1.15rem}.btn.ghost{background:0 0}.btn.small{min-height:36px;padding:.3rem .8rem;font-size:.9rem}.btn.link{color:var(--gold-hi);text-underline-offset:4px;background:0 0;border:none;min-height:40px;text-decoration:underline}.btn.whatsapp{background:var(--wa);color:#052e16;border:none}.icon-btn{border:1px solid var(--panel-line);background:#00000040;border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.15rem;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);padding:1rem;box-shadow:0 10px 30px #00000040}.panel h2{margin:0 0 .75rem;font-size:1.1rem}.tag{vertical-align:middle;background:#ffffff1f;border-radius:999px;margin-inline-start:.4rem;padding:.1rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.tag.gold{color:var(--gold-hi);background:#e2b85740}.tag.warn{color:#ffd2d8;background:#ff5d7333}.avatar{background:radial-gradient(circle at 35% 30%,#2b8a5e,#0c3b27);border:2px solid #f6dc8c80;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:28px;display:grid;position:relative}.avatar.sm{width:38px;height:38px;font-size:22px}.home{max-width:480px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:stretch;gap:1rem;margin:0 auto;display:flex;position:relative}.lang-switch{border:1px solid var(--panel-line);background:#0000004d;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-switch button{min-height:30px;color:var(--muted);background:0 0;border:none;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:600}.lang-switch button.on{background:var(--gold);color:#2a1b04}.home>.lang-switch{align-self:flex-end;margin-bottom:-.75rem}.lobby-head .lang-switch{justify-self:end}.hero{height:170px;margin-top:.5rem;position:relative}.hero-card{transform-origin:50% 120%;filter:drop-shadow(0 10px 14px #0006);width:92px;margin-left:-46px;position:absolute;top:10px;left:50%}.logo{font-family:var(--display);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 60%, var(--gold-2));color:#0000;filter:drop-shadow(0 3px #00000059);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.6rem,12vw,3.6rem);font-weight:400;line-height:1.05}.tagline{color:var(--muted);margin:.4rem 0 0}.home-form{text-align:start;flex-direction:column;gap:.9rem;display:flex}.field{flex-direction:column;gap:.4rem;font-weight:500;display:flex}.field input,.code-input{background:#0000004d;border:1px solid #f6dc8c4d;border-radius:14px;min-height:52px;padding:0 1rem;font-size:1.1rem}.field input:focus,.code-input:focus{outline:3px solid var(--focus);outline-offset:1px}.avatar-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.avatar-pick{aspect-ratio:1;background:#ffffff0f;border:2px solid #0000;border-radius:12px;padding:0;font-size:clamp(18px,5.5vw,26px);transition:transform .15s,border-color .15s,background .15s}.avatar-pick.on{border-color:var(--gold);background:#e2b85733;transform:scale(1.08)}.join-row{gap:.5rem;display:flex}.join-row .code-input{letter-spacing:.4em;text-align:center;text-transform:uppercase;flex:1;min-width:0;font-weight:800}.code-inline{letter-spacing:.15em;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,monospace}.rules-text{text-align:start;line-height:1.6}.rules-text p{margin:0 0 .6rem}.lobby{max-width:560px;padding:max(12px, env(safe-area-inset-top)) 16px calc(150px + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;margin:0 auto;display:flex}.lobby-head{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.lobby-title{font-family:var(--display);font-size:1.4rem}.invite{text-align:center}.room-code{perspective:400px;direction:ltr;background:0 0;border:none;gap:8px;padding:0;display:inline-flex}.room-code span{color:#2a1b04;background:linear-gradient(#fffdf7,#efe5cc);border-radius:12px;place-items:center;width:58px;height:70px;font-size:2.4rem;font-weight:800;display:grid;box-shadow:0 6px #b9a77a,0 10px 20px #00000059}.invite-body{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.qr{background:#fffdf7;border-radius:14px;width:150px;height:150px;padding:6px;overflow:hidden;box-shadow:0 6px 18px #0000004d}.qr svg{width:100%;height:100%;display:block}.invite-actions{flex-direction:column;gap:.5rem;min-width:170px;display:flex}.player-list{flex-direction:column;gap:.5rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.player-row{background:#ffffff0d;border-radius:14px;align-items:center;gap:.7rem;padding:.45rem .6rem;display:flex}.player-row.away{opacity:.55}.player-name{flex:1;font-weight:600}.rule{cursor:pointer;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.rule.readonly{cursor:default}.rule-label{font-weight:600}.rule-hint{color:var(--muted);margin-top:.15rem;font-size:.82rem}.switch{appearance:none;cursor:pointer;background:#ffffff2e;border-radius:999px;flex:none;width:52px;height:30px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:24px;height:24px;transition:inset-inline-start .2s;position:absolute;inset-inline-start:3px;box-shadow:0 2px 4px #0000004d}.switch:checked{background:var(--gold)}.switch:checked:after{inset-inline-start:25px}.switch:disabled{opacity:.6;cursor:default}.segmented{background:#0000004d;border-radius:12px;flex:none;gap:2px;padding:3px;display:flex}.segmented button{white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:.45rem .7rem;font-size:.88rem;font-weight:600}.segmented button.on{background:var(--gold);color:#2a1b04}.segmented button:disabled{cursor:default}.lobby-footer{inset-inline:0;padding:12px 16px max(14px, env(safe-area-inset-bottom));background:linear-gradient(0deg, var(--felt-3) 60%, transparent);justify-content:center;display:flex;position:fixed;bottom:0}.lobby-footer>*{max-width:528px}.start-box{flex-direction:column;gap:.2rem;width:100%;display:flex}.waiting{color:var(--muted);align-items:center;gap:.6rem;margin:0;padding:1rem;display:flex}.dots{gap:4px;display:inline-flex}.dots i{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1s infinite bounce}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.table-screen{-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;height:100dvh;display:grid;overflow:hidden}.topbar{padding:max(8px, env(safe-area-inset-top)) 12px 4px;z-index:5;align-items:center;gap:6px;display:flex}.topbar .spacer{flex:1}.chip{border:1px solid var(--panel-line);white-space:nowrap;background:#0000004d;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:600}.chip.hot{background:linear-gradient(90deg,#ff3d6e,#b5179e);border-color:#0000;animation:1.2s infinite pulse}@keyframes pulse{50%{filter:brightness(1.3)}}.felt-wrap{min-height:0;padding:0 6px;position:relative}.felt{position:absolute;inset:0 6px}.felt-ring{background: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='1.2' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse at 50% 42%, var(--felt-hi), var(--felt-1) 40%, var(--felt-2) 100%);box-shadow:0 0 0 10px var(--wood-1), 0 0 0 13px var(--wood-2), 0 0 0 14px #f6dc8c40, 0 22px 50px #0000008c, inset 0 0 60px #00000073;border-radius:50%/46%;transition:background-color .4s;position:absolute;inset:9% 3% 4%}.felt-ring:before{content:"";border-radius:inherit;border:2px solid #f6dc8c29;position:absolute;inset:9%}.felt-ring:after{content:"";border-radius:inherit;opacity:0;mix-blend-mode:color;background:radial-gradient(at 50% 42%,#a3245a,#5d1240 50%,#2b0a24 100%);transition:opacity .9s;position:absolute;inset:0}.revolution .felt-ring:after{opacity:1}@media (aspect-ratio>=1){.felt-ring{inset:10% 8% 6%}}.seat{z-index:3;flex-direction:column;align-items:center;gap:2px;width:86px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat.out{opacity:.6}.seat-avatar{background:radial-gradient(circle at 35% 30%,#2f8f62,#0c3b27);border:2px solid #f6dc8c8c;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:relative;box-shadow:0 6px 14px #00000073}.seat-emoji{font-size:30px;line-height:1}.turn-ring{background:conic-gradient(from 0deg, var(--gold-hi), transparent 30%, var(--gold) 55%, transparent 80%, var(--gold-hi));pointer-events:none;border-radius:50%;animation:1.6s linear infinite spin;position:absolute;inset:-7px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.seat.turn .seat-avatar{box-shadow:0 0 0 3px #f6dc8c59,0 0 24px #f6dc8c99}@keyframes spin{to{transform:rotate(360deg)}}.seat-title{top:-10px;filter:drop-shadow(0 2px 2px #00000080);font-size:18px;position:absolute;inset-inline-end:-12px}.seat-place{bottom:-6px;background:linear-gradient(180deg, var(--gold-hi), var(--gold-2));color:#2a1b04;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:.8rem;font-weight:800;display:grid;position:absolute;inset-inline-start:-8px}.seat-place.bust{background:var(--red);color:#fff}.seat-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #000000b3;max-width:100%;font-size:.8rem;font-weight:700;overflow:hidden}.bot-dot{margin-inline-start:2px;font-size:.7rem}.seat-cards{align-items:center;gap:4px;height:22px;display:flex}.seat-cards b{text-align:center;background:#00000073;border-radius:999px;min-width:22px;padding:0 6px;font-size:.78rem}.mini-fan{width:30px;height:22px;position:relative}.mini-fan i{transform-origin:50% 100%;background:repeating-linear-gradient(45deg,#d4a64059 0 2px,#0000 2px 5px),linear-gradient(#24478f,#0f2350);border:1.5px solid #fbf6ea;border-radius:3px;width:14px;height:20px;position:absolute;top:1px;left:8px;box-shadow:0 1px 3px #00000080}.seat-off{color:#ffd2d8;background:#ff5d7340;border-radius:999px;padding:0 6px;font-size:.68rem}.bubble{color:#1b1b1b;white-space:nowrap;z-index:6;background:#fffdf7;border-radius:12px;padding:.2rem .6rem;font-size:.85rem;font-weight:800;position:absolute;top:-26px;box-shadow:0 4px 10px #0006}.bubble:after{content:"";border:5px solid #0000;border-top-color:#fffdf7;border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}.pile-anchor,.fx-anchor{left:50%;top:var(--pile-y,50%);z-index:2;width:0;height:0;position:absolute}.fx-anchor{z-index:9;pointer-events:none}.pile{position:absolute;top:0;left:0}.pile-card{filter:drop-shadow(0 6px 8px #00000073);will-change:transform;position:absolute;top:0;left:0}.card-svg{aspect-ratio:5/7;width:100%;height:auto;display:block}:root{--suit-H:#b80f2a;--suit-D:#b80f2a;--suit-C:#16181d;--suit-S:#16181d;--suit-X:#5a2180}:root[data-deck=four]{--suit-D:#0b57b8;--suit-C:#0e6b33}.suit-H{color:var(--suit-H)}.suit-D{color:var(--suit-D)}.suit-C{color:var(--suit-C)}.suit-S{color:var(--suit-S)}.suit-X{color:var(--suit-X)}:root[data-deck=four] .suit-D .court-bg{fill:url(#g-court-blue)}:root[data-deck=four] .suit-C .court-bg{fill:url(#g-court-green)}.suit-preview{vertical-align:middle;background:#fffdf7;border-radius:6px;gap:2px;margin-inline-start:.5rem;padding:2px 6px;display:inline-flex}.suit-preview svg{width:14px;height:14px}.toasts{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92%,420px);display:flex;position:absolute;top:26%;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--panel-line);text-align:center;background:#0a140fdb;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;display:flex;box-shadow:0 8px 20px #0006}.toast.revolution{font-family:var(--display);box-shadow:none;color:#fff;text-shadow:0 0 20px #ff3d6e,0 4px #8a0f3d,0 8px 18px #0009;background:0 0;border:none;font-size:2.6rem}.toast.ourien{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#2a1b04;font-size:1.15rem}.toast.finish{background:linear-gradient(90deg,#1f7a52,#2fa36e)}.toast.error{background:#781428eb}.toast.cards{border-radius:18px}.toast-cards{direction:ltr;gap:4px;display:inline-flex}.mini-card{width:34px}.floater{z-index:9;pointer-events:none;margin:-16px 0 0 -16px;font-size:32px;position:absolute;top:50%;left:50%}.exchange{text-align:center;z-index:7;width:min(88%,380px);position:absolute;top:52%;left:50%;translate:-50% -50%}.exchange p{margin:.3rem 0}.exchange .strong{color:var(--gold-hi);font-weight:700}.exchange-head{font-family:var(--display);color:var(--gold-hi);font-size:1.2rem}.card-row{justify-content:center;gap:8px;margin:.6rem 0;display:flex}.row-card{filter:drop-shadow(0 6px 8px #0006);width:62px}.me{padding:4px 12px max(8px, env(safe-area-inset-bottom));z-index:4;position:relative}.me-row{align-items:center;gap:10px;display:flex}.me-info{flex:1;min-width:0}.me-name{flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;display:flex}.me-status{color:var(--muted);min-height:1.3em;font-size:.9rem}.my-turn .me-status{color:var(--gold-hi);font-weight:600}.me-status.warn{color:#ffb3c0}.title-chip{white-space:nowrap;background:#ffffff1f;border-radius:999px;padding:.12rem .5rem;font-size:.75rem;font-weight:700}.title-chip.t-president,.t-president .title-chip{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#2a1b04}.title-chip.t-trou,.t-trou .title-chip{background:#8b5a2b99}.actions{justify-content:center;gap:8px;min-height:48px;margin:6px 0 0;display:flex}.actions .btn{min-width:120px}.react-wrap{position:relative}.react-pop{bottom:48px;border:1px solid var(--panel-line);transform-origin:0 100%;z-index:10;background:#0a140ff2;border-radius:16px;grid-template-columns:repeat(4,44px);gap:4px;padding:6px;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 10px 24px #00000080}[dir=ltr] .react-pop{transform-origin:100% 100%}.react-pop button{background:0 0;border:none;border-radius:10px;height:44px;font-size:24px}.react-pop button:hover{background:#ffffff1a}.hand{margin-top:6px;position:relative}.hand-slot{transform-origin:50% 160%;position:absolute;top:22px;left:50%}.hand-card{filter:drop-shadow(0 4px 6px #00000073);touch-action:none;background:0 0;border:none;border-radius:9%;width:100%;padding:0;transition:filter .2s;display:block}.hand-card.sel{filter:drop-shadow(0 0 0 var(--gold)) drop-shadow(0 0 10px #f6dc8ce6) drop-shadow(0 8px 10px #00000073)}.hand-card.sel .card-svg>rect:first-child{stroke:var(--gold);stroke-width:7px}.hand-card.dim{filter:brightness(.62)saturate(.7)drop-shadow(0 4px 6px #00000073)}.overlay{z-index:20;-webkit-backdrop-filter:blur(6px);background:#030e099e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{border:1px solid var(--panel-line);background:linear-gradient(#144830f7,#082418f7);border-radius:24px;flex-direction:column;gap:.8rem;width:min(100%,460px);max-height:92dvh;padding:1.2rem;display:flex;overflow:auto;box-shadow:0 30px 60px #0009}.sheet-title{font-family:var(--display);text-align:center;color:var(--gold-hi);margin:0;font-size:1.8rem;font-weight:400}.podium{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.podium-row{background:#ffffff0f;border-radius:14px;align-items:center;gap:8px;padding:.45rem .6rem;display:flex}.podium-row.me{outline:2px solid #f6dc8c99}.podium-row.t-president{background:linear-gradient(90deg,#e2b85759,#e2b85714)}.podium-place{text-align:center;width:22px;color:var(--gold-hi);font-weight:800}.podium-name{text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.podium-pts{text-align:end;flex-direction:column;font-weight:800;line-height:1.1;display:flex}.podium-pts small{color:var(--muted);font-size:.72rem;font-weight:400}.sheet-actions{flex-direction:column;gap:6px;display:flex}.confetti{pointer-events:none;z-index:21;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;position:absolute;top:0}.conn-banner{top:0;z-index:40;text-align:center;padding:max(8px, env(safe-area-inset-top)) 12px 8px;background:#b5179e;font-weight:700;position:fixed;inset-inline:0}@media (width>=900px){.seat{width:110px}.seat-avatar{width:64px;height:64px}.seat-emoji{font-size:38px}.seat-name{font-size:.95rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root[data-theme=blue]{--felt-hi:#3277c9;--felt-1:#1d4f91;--felt-2:#12335f;--felt-3:#0a1c36}:root[data-theme=red]{--felt-hi:#bf3a58;--felt-1:#8e1c35;--felt-2:#5c1023;--felt-3:#300812}:root[data-theme=purple]{--felt-hi:#8550b8;--felt-1:#5b2a86;--felt-2:#3a1a58;--felt-3:#1d0c30}:root[data-theme=black]{--felt-hi:#44474f;--felt-1:#26282d;--felt-2:#17181c;--felt-3:#09090b;--wood-1:#1c1c1f;--wood-2:#b8862b}.burst{position:absolute;top:0;left:0}.burst-ring{border:4px solid;border-radius:50%;width:80px;height:80px;position:absolute;top:-40px;left:-40px}.spark{border-radius:50%;position:absolute;top:-4px;left:-4px;box-shadow:0 0 8px}.deal-card{background:repeating-linear-gradient(45deg,#d4a64066 0 2px,#0000 2px 5px),linear-gradient(#24478f,#0f2350);border:2px solid #fbf6ea;border-radius:4px;width:22px;height:32px;position:absolute;top:-16px;left:-11px;box-shadow:0 4px 8px #00000073}.flash{z-index:25;pointer-events:none;animation:.85s ease-out forwards flash;position:fixed;inset:0}.flash.revolution{background:radial-gradient(circle at 50% 45%,#fffffff2,#ff3d6ebf 45%,#5b0a3c99)}.flash.top{background:radial-gradient(circle at 50% 45%,#fff3b08c,#0000 60%);animation-duration:.5s}@keyframes flash{0%{opacity:1}to{opacity:0}}.turn-glow:after{content:"";pointer-events:none;z-index:15;animation:1.8s ease-in-out infinite glow;position:fixed;inset:0;box-shadow:inset 0 0 0 2px #f6dc8c8c,inset 0 -40px 60px -20px #f6dc8c59}@keyframes glow{50%{opacity:.45}}.seat.skipped .seat-avatar{filter:grayscale(.6);animation:.5s ease-out skipped}@keyframes skipped{20%{transform:translate(-6px)rotate(-8deg)}40%{transform:translate(6px)rotate(8deg)}60%{transform:translate(-4px)rotate(-4deg)}80%{transform:translate(3px)}}.bubble.skip{color:#fff;background:#ff5d73}.bubble.skip:after{border-top-color:#ff5d73}.bubble.streak{color:#fff;background:linear-gradient(90deg,#ff9f43,#ff5d2e)}.bubble.streak:after{border-top-color:#ff7a3a}.title-chip.stamp{border:2px solid;box-shadow:0 2px #0000004d}.countdown{position:relative}.count-badge{background:#2a1b042e;border-radius:50%;place-items:center;min-width:26px;height:26px;margin-inline-start:.5rem;font-size:.8rem;display:inline-grid}.xp{border:1px solid var(--panel-line);background:#00000040;border-radius:16px;flex-direction:column;gap:.45rem;padding:.7rem .8rem;display:flex}.xp-head{align-items:baseline;gap:.5rem;display:flex}.xp-level{font-family:var(--display);color:var(--gold-hi);font-size:1.15rem}.xp-rank{color:var(--muted);flex:1;font-size:.85rem}.xp-gain{color:#8ef0b8;font-weight:800}.xp-bar{background:#ffffff1a;border-radius:999px;height:12px;overflow:hidden}.xp-bar.small{height:8px}.xp-fill{border-radius:inherit;background:linear-gradient(90deg, var(--gold-2), var(--gold-hi));height:100%;box-shadow:0 0 12px #f6dc8c99}.xp-parts{flex-wrap:wrap;gap:4px;display:flex}.xp-part{background:#ffffff14;border-radius:999px;padding:.1rem .45rem;font-size:.72rem}.level-up{text-align:center;font-family:var(--display);color:#2a1b04;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-radius:14px;flex-direction:column;padding:.4rem;font-size:1.3rem;display:flex}.level-up small{font-family:var(--ui);font-size:.8rem}.achievement{background:linear-gradient(90deg,#6ab0ff40,#6ab0ff0d);border:1px solid #6ab0ff66;border-radius:12px;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.achievement small,.ach-list small{color:var(--muted);font-size:.75rem;display:block}.ach-icon{font-size:1.6rem}.profile{text-align:start;flex-direction:column;gap:.7rem;display:flex}.profile-top{align-items:center;gap:.8rem;display:flex}.level-badge{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(180deg, var(--gold-hi), var(--gold-2));color:#2a1b04;flex:none;place-items:center;width:54px;height:54px;font-size:1.35rem;font-weight:800;display:grid}.profile-main{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.profile-rank{align-items:center;gap:.5rem;font-weight:700;display:flex}.day-streak{background:linear-gradient(90deg,#ff9f43,#ff5d2e);border-radius:999px;padding:.05rem .5rem;font-size:.78rem}.profile-sub{color:var(--muted);justify-content:space-between;font-size:.78rem;display:flex}.theme-row{align-items:center;gap:8px;display:flex}.swatch{border:2px solid #ffffff40;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.swatch.on{border-color:var(--gold);box-shadow:0 0 0 3px #e2b85759}.swatch.locked{opacity:.55;cursor:default}.swatch small{font-size:.62rem}.ach-toggle{min-height:34px;margin-inline-start:auto;padding:0}.ach-list{gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ach-list li{opacity:.6;background:#ffffff0a;border-radius:10px;align-items:center;gap:.6rem;padding:.35rem .5rem;display:flex}.ach-list li.got{opacity:1;background:#e2b8571f}.install{flex-direction:column;gap:.4rem;display:flex}.install-btn{border-style:dashed}.table-screen.land{display:block;position:relative}.land .topbar{top:0;padding:max(6px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));pointer-events:none;position:absolute;inset-inline:0}.land .topbar>*{pointer-events:auto}.land .topbar .icon-btn{width:34px;height:34px;font-size:1rem}.land .felt-wrap{padding:0;position:absolute;inset:0}.land .felt{inset:0 max(10px, env(safe-area-inset-right)) 0 max(10px, env(safe-area-inset-left))}.land .felt-ring{inset:9% 9% 34%}.land .seat{width:76px}.land .seat-avatar{width:42px;height:42px}.land .seat-emoji{font-size:24px}.land .seat-name{font-size:.72rem}.land .me{inset-inline:0;padding:0 max(12px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;display:grid;position:absolute;bottom:0}.land .me-row{min-width:0}.land .me .avatar{width:40px;height:40px;font-size:22px}.land .actions{min-height:0;margin:0}.land .actions .btn{min-width:96px;min-height:42px;padding:.4rem .9rem}.land .hand{grid-column:1/-1;margin-top:0}.land .toasts{top:14%}.land .exchange{padding:.4rem .8rem;font-size:.85rem;top:34%}.land .exchange .btn,.land .exchange-head{display:none}.land .exchange .row-card{width:44px}.land .exchange .card-row{margin:.3rem 0}@media (orientation:landscape) and (height<=600px){.overlay{padding:8px}.sheet{gap:.5rem;width:min(100%,640px);padding:.8rem 1rem}.sheet-title{font-size:1.4rem}.podium-row{padding:.25rem .5rem}.sheet-actions{flex-direction:row}.sheet-actions .btn{flex:1}.lobby,.home{max-width:640px}.hero{height:120px}.hero-card{width:70px;margin-left:-35px}}.update-bar{top:max(8px, env(safe-area-inset-top));z-index:45;padding:.35rem .4rem .35rem .9rem;border:1px solid var(--panel-line);white-space:nowrap;background:#0a140feb;border-radius:999px;align-items:center;gap:.6rem;padding-inline:.9rem .4rem;font-size:.9rem;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.turn-banner{left:50%;top:calc(var(--pile-y,50%) + 18%);z-index:12;pointer-events:none;white-space:nowrap;font-family:var(--display);color:#2a1b04;background:linear-gradient(180deg, #fff3b0, var(--gold-hi) 40%, var(--gold) 75%, var(--gold-2));text-shadow:0 1px #fff9;border-radius:999px;padding:.25em .8em;font-size:clamp(2rem,9vw,3.4rem);line-height:1.1;position:absolute;translate:-50% -50%;box-shadow:0 0 0 4px #2a1b0440,0 0 40px #f6dc8cd9,0 14px 30px #00000073}.land .turn-banner{top:calc(var(--pile-y,50%) + 22%);font-size:2.2rem}.turn-badge{color:#2a1b04;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:800;animation:1.4s ease-out infinite badge-pulse;display:inline-block;box-shadow:0 0 #f6dc8cb3}@keyframes badge-pulse{0%{box-shadow:0 0 #f6dc8cb3}70%{box-shadow:0 0 0 10px #f6dc8c00}to{box-shadow:0 0 #f6dc8c00}}.my-turn .me-status{font-size:1rem}.hand-card.can{filter:drop-shadow(0 0 6px #f6dc8cbf)drop-shadow(0 4px 6px #00000073)}.turn-glow:after{animation:1.2s ease-in-out infinite glow;box-shadow:inset 0 0 0 4px #f6dc8cd9,inset 0 0 36px #f6dc8c8c,inset 0 -90px 80px -40px #f6dc8c73}.icon-btn.off{opacity:.45;filter:grayscale()}