:root{color:#f7f1e3;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;--gold-1:#fff6d8;--gold-2:#f1d48a;--gold-3:#e8b84a;--gold-4:#b07a14;--glass:#0f171ac7;--glass-border:#ffffff14;background:#0b1114;font-family:Inter,Outfit,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{overscroll-behavior:none;background:#0b1114}button{font-family:inherit}.btn,.btn-glass{font:inherit;cursor:pointer;color:#f7f1e3;-webkit-backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;padding:12px 18px;font-size:15px;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s,filter .2s;box-shadow:0 8px 22px #00000059,inset 0 1px #ffffff1a}.btn:hover,.btn-glass:hover{background:#ffffff21;transform:translateY(-1px)}.btn:active,.btn-glass:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn--primary,.btn-gold{font:inherit;letter-spacing:.02em;color:#2a1a05;cursor:pointer;background:linear-gradient(#fff1bf 0%,#f2c75a 45%,#c98d1c 100%);border:0;border-radius:16px;flex-shrink:0;max-width:100%;padding:13px 22px;font-size:16px;font-weight:800;transition:transform .15s,filter .2s;position:relative;overflow:hidden;box-shadow:0 10px 26px #c98d1c59,0 2px #8a5a0a,inset 0 1px #ffffffb3}.btn--primary:after,.btn-gold:after{content:"";background:linear-gradient(100deg,#0000,#fff9,#0000);width:40%;height:100%;animation:3.2s ease-in-out infinite btn-shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes btn-shine{0%,65%{left:-60%}to{left:130%}}.btn--primary:hover,.btn-gold:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--primary:active,.btn-gold:active{transform:translateY(1px)scale(.98)}.btn--ghost{box-shadow:none;background:0 0}.btn--small{border-radius:12px;padding:7px 12px;font-size:13px}.btn--danger{background:linear-gradient(135deg,#ff6b5a,#9d0f19);border:0}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.screen{min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 16px 40px;background:radial-gradient(90% 60% at 50% 0,#10b98117,#0000 60%),radial-gradient(120% 80% at 50% 40%,#121c22 0%,#0b1114 75%,#070b0d 100%);flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:hidden}.screen:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.035 0'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");position:fixed;inset:0}.screen-inner{width:100%;max-width:560px;animation:.45s cubic-bezier(.2,.9,.3,1) screen-in;position:relative}@keyframes screen-in{0%{opacity:0;transform:translateY(16px)}}.screen h1{margin:8px 0 4px;font-family:Cinzel,Georgia,serif}.screen-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.screen-header h1{background:linear-gradient(180deg, var(--gold-1), var(--gold-3));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:24px}.card-box{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:22px;margin-bottom:14px;padding:16px;box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0f}.field{margin-bottom:16px}.field>label,.field-label{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);opacity:.9;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.seg{background:#00000059;border:1px solid #ffffff0f;border-radius:14px;gap:4px;padding:4px;display:flex}.seg button{font:inherit;color:#f7f1e3bf;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;padding:10px 6px;font-size:clamp(12px,3.3vw,14px);font-weight:600;line-height:1.25;transition:all .25s cubic-bezier(.3,1.3,.5,1)}.seg button:hover{color:#fff}.seg button.on{color:#2a1a05;background:linear-gradient(#fff1bf,#e8b84a 60%,#c98d1c);font-weight:800;box-shadow:0 4px 14px #e8b84a59}.toggle{cursor:pointer;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.toggle input{appearance:none;cursor:pointer;background:#ffffff26;border-radius:99px;flex:none;width:46px;height:26px;transition:background .25s;position:relative}.toggle input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .25s cubic-bezier(.3,1.5,.5,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0006}.toggle input:checked{background:linear-gradient(90deg,#c98d1c,#f2c75a)}.toggle input:checked:after{transform:translate(20px)}input[type=text],input[type=email],input[type=password]{font:inherit;color:#fff;background:#0000004d;border:1px solid #ffffff24;border-radius:14px;outline:none;width:100%;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--gold-3);box-shadow:0 0 0 3px #e8b84a33}.hint{opacity:.65;font-size:12.5px}.error{background:linear-gradient(135deg,#ff5a46e6,#a00f19e6);border-radius:14px;margin:8px 0;padding:10px 14px;font-size:14px}.menu-screen{justify-content:center}.hero{perspective:900px;height:250px;margin-bottom:6px;position:relative}.hero-cards{width:0;height:0;transform-style:preserve-3d;animation:6s ease-in-out infinite hero-float;position:absolute;top:10px;left:50%}.hero-card{transform-origin:50% 120%;animation:.8s cubic-bezier(.2,.9,.3,1.1) backwards hero-in;position:absolute;top:40px;left:-48px}.hero-card:first-child{animation-delay:50ms;transform:rotate(-20deg)}.hero-card:nth-child(2){z-index:2;animation-delay:.15s;transform:translateY(-10px)}.hero-card:nth-child(3){animation-delay:.25s;transform:rotate(20deg)}.hero-card .pcard-face{box-shadow:0 18px 40px #0009,0 0 0 1px #e8c87866}@keyframes hero-in{0%{opacity:0;transform:translateY(40px)scale(.8)}}@keyframes hero-float{50%{transform:translateY(-8px)}}.hero-glow{background:radial-gradient(closest-side,#ffc8644d,#0000);width:340px;height:200px;animation:5s ease-in-out infinite breathe-g;position:absolute;top:70px;left:50%;transform:translate(-50%)}@keyframes breathe-g{50%{opacity:.55}}.logo{text-align:center;margin:0 0 26px}.logo h1{letter-spacing:.05em;word-break:break-word;background:linear-gradient(#fffbe6 0%,#f6d27a 40%,#c48a1d 75%,#f3d58a 100%);color:#0000;filter:drop-shadow(0 4px #3a2405)drop-shadow(0 10px 30px #e8b84a59);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(32px,10.5vw,72px);font-weight:900;line-height:1.05}.logo .sub{color:#f1d48a;letter-spacing:clamp(.18em,2.5vw,.55em);margin-top:6px;padding-left:clamp(.18em,2.5vw,.55em);font-size:13px;font-weight:600}.menu{flex-direction:column;gap:12px;display:flex}.menu>button{padding:16px;font-size:17px;animation:.5s backwards screen-in}.menu>button:nth-child(2){animation-delay:60ms}.menu>button:nth-child(3){animation-delay:.12s}.menu>button:nth-child(4){animation-delay:.18s}.menu>button:nth-child(5){animation-delay:.24s}.menu-row{gap:12px;display:flex}.menu-row>button{flex:1}.menu-chars{justify-content:center;margin-top:26px;display:flex}.menu-chars img{object-fit:cover;border:2px solid #c98d1c;border-radius:50%;width:44px;height:44px;margin:0 -6px;animation:.5s backwards screen-in;box-shadow:0 4px 12px #00000080}.room-row,.lb-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px;font-size:14px;display:flex}.lb-row--me{background:#e8b84a1f;border-radius:12px;padding:10px 8px}.lb-pos{text-align:center;width:30px;font-weight:800}.lb-name{flex:1;font-weight:600}.lb-games{opacity:.6;font-size:12px}.lb-rating{font-variant-numeric:tabular-nums;color:var(--gold-2);text-align:right;min-width:48px;font-family:JetBrains Mono,monospace;font-weight:800}.room-code{letter-spacing:.2em;background:linear-gradient(180deg, var(--gold-1), var(--gold-3));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:44px;font-weight:900}.seats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.team-title{letter-spacing:.15em;text-transform:uppercase;opacity:.75;margin-bottom:6px;font-size:11px}.team-col--0 .team-title{color:#8ff0ae}.team-col--1 .team-title{color:#ffab9e}.seat-slot{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:#0003;border:1px dashed #fff3;border-radius:14px;margin-bottom:6px;padding:12px;font-size:14px;display:block}.seat-slot:disabled{cursor:default;background:#ffffff0f;border-style:solid}.seat-slot--me{box-shadow:0 0 14px #e8b84a4d;border-color:var(--gold-3)!important}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats-grid b{color:var(--gold-2);font-family:Cinzel,serif;font-size:24px;display:block}.stats-grid span{opacity:.7;font-size:11px}.rules h2{color:var(--gold-2);margin:26px 0 8px;font-family:Cinzel,serif;font-size:19px}.rules p,.rules li{opacity:.92;font-size:15px;line-height:1.6}.rules table{border-collapse:collapse;background:var(--glass);border-radius:14px;width:100%;font-size:14px;overflow:hidden}.rules td,.rules th{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:8px 10px}.rules th{color:var(--gold-2);white-space:nowrap}.hero-sun{pointer-events:none;margin-left:-115px;animation:90s linear infinite sun-spin;position:absolute;top:22px;left:50%}@keyframes sun-spin{to{transform:rotate(360deg)}}.logo .sub{align-items:center;gap:10px;display:inline-flex}.sub-flag{border-radius:2px;box-shadow:0 2px 8px #00000080}.flag-stripes{opacity:.7;background:repeating-linear-gradient(90deg,#fff 0 10px,#4a90e2 10px 20px);border-radius:2px;height:3px}.avatar-picker{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px;max-height:300px;padding:4px;display:grid;overflow-y:auto}.avatar-opt{color:inherit;font:inherit;cursor:pointer;opacity:.8;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font-size:11px;transition:transform .2s,opacity .2s;display:flex}.avatar-opt img{object-fit:cover;border:2px solid #ffffff26;border-radius:50%;width:60px;height:60px;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 12px #00000073}.avatar-opt:hover{opacity:1;transform:translateY(-2px)}.avatar-opt--on{opacity:1}.avatar-opt--on img{border-color:var(--gold-3);box-shadow:0 0 0 3px #e8b84a59,0 0 18px #e8b84a80}.profile-card{align-items:center;gap:14px;display:flex}.profile-card .me-avatar{cursor:pointer;background:conic-gradient(from 210deg,#f9e3a1,#b8862a,#f9e3a1,#8d6316,#f9e3a1);border:0;border-radius:50%;flex:none;width:72px;height:72px;padding:3px;position:relative}.profile-card .me-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-card .me-avatar:after{content:"?";color:#2a1a05;background:#f2c75a;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-card .field{flex:1;margin:0}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chip{font:inherit;color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:600}.chip--on{color:#2a1a05;background:linear-gradient(#fff1bf,#e8b84a 60%,#c98d1c);border-color:#0000}.table-row{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:background .2s,transform .15s;display:flex}.table-row:hover{background:#ffffff14;transform:translateY(-1px)}.table-row img{object-fit:cover;border:2px solid #e8b84a99;border-radius:50%;flex:none;width:46px;height:46px}.table-info{flex:1;min-width:0}.table-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.table-meta{opacity:.7;margin-top:2px;font-size:12px}.badge-origin{letter-spacing:.04em;vertical-align:1px;border-radius:99px;margin-right:6px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-block}.badge-origin--human{color:#a9d0ff;background:#4a90e240;border:1px solid #4a90e280}.badge-origin--bot{color:#f1d48a;background:#e8b84a2e;border:1px solid #e8b84a73}.table-seats{opacity:.85;white-space:nowrap;font-size:12px;font-weight:700}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;padding:16px;animation:.25s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:linear-gradient(#22342af7,#0c1611fa);border:1px solid #e8c87859;border-radius:24px;width:min(420px,100%);max-height:90vh;padding:20px;animation:.4s cubic-bezier(.3,1.4,.5,1) modal-in;overflow:auto;box-shadow:0 30px 80px #000000b3}@keyframes modal-in{0%{opacity:0;transform:scale(.85)translateY(20px)}}.modal h2{color:var(--gold-2);margin:0 0 4px;font-family:Cinzel,serif;font-size:22px}.rules-list{margin:14px 0;padding:0;list-style:none}.rules-list li{border-bottom:1px solid #ffffff12;justify-content:space-between;gap:10px;padding:9px 2px;font-size:14px;display:flex}.rules-list li span:first-child{opacity:.7}.rules-list li b{text-align:right}.modal .row{margin-top:6px}.lobby-me{align-items:center;gap:6px;display:inline-flex}.lobby-me img{object-fit:cover;border-radius:50%;width:22px;height:22px}:root{--bg-shell:#0b1114;--bg-vignette:#121c22;--felt-center:#19382b;--felt-edge:#0d2118;--felt-glow:#10b98124;--card-surface:#faf6ee;--card-border:#e2d9c8;--card-inner-frame:#a8926e61;--cta-emerald:#10b981;--cta-emerald-hover:#059669;--call-amber:#f59e0b;--call-amber-hover:#d97706;--pass-crimson:#ef4444;--pass-slate:#334155;--hud-glass-bg:#0f171ac7;--hud-glass-border:#ffffff14;--hud-glass-blur:blur(12px);--font-display:"Plus Jakarta Sans", "Outfit", system-ui, -apple-system, sans-serif;--font-ui:"Inter", "Outfit", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}.theme-emerald{--felt-center:#19382b;--felt-edge:#0d2118;--felt-glow:#10b98124}.theme-slate{--felt-center:#1e2631;--felt-edge:#11161d;--felt-glow:#38bdf81f}.theme-bordeaux{--felt-center:#3b181e;--felt-edge:#1f0b0e;--felt-glow:#f43f5e24}.tabular-nums{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.club-hud-panel{background:var(--hud-glass-bg);-webkit-backdrop-filter:var(--hud-glass-blur);border:1px solid var(--hud-glass-border)}.btn-cta-emerald{font-family:var(--font-ui);color:#fff;background:linear-gradient(180deg, #16c78e 0%, var(--cta-emerald) 100%);cursor:pointer;border:1px solid #ffffff38;border-radius:12px;font-weight:700;transition:transform .16s cubic-bezier(.2,.9,.3,1.2),background .18s,box-shadow .18s;box-shadow:0 6px 18px #10b98152,inset 0 1px #ffffff59}.btn-cta-emerald:hover{background:linear-gradient(180deg, var(--cta-emerald) 0%, var(--cta-emerald-hover) 100%);transform:translateY(-1px);box-shadow:0 8px 22px #10b9816b,inset 0 1px #fff6}.btn-cta-emerald:active{transform:scale(.97)}.btn-call-amber{font-family:var(--font-ui);color:#1c1102;background:linear-gradient(180deg, #fbbf24 0%, var(--call-amber) 100%);cursor:pointer;border:1px solid #ffffff4d;border-radius:12px;font-weight:700;transition:transform .16s,background .18s;box-shadow:0 6px 18px #f59e0b52,inset 0 1px #ffffff73}.btn-call-amber:hover{background:linear-gradient(180deg, var(--call-amber) 0%, var(--call-amber-hover) 100%);transform:translateY(-1px)}.btn-club-secondary{font-family:var(--font-ui);color:#e2e8f0;cursor:pointer;background:#3341558c;border:1px solid #ffffff1f;border-radius:12px;font-weight:600;transition:transform .16s,background .18s,border-color .18s}.btn-club-secondary:hover{background:#334155d9;border-color:#ffffff3d;transform:translateY(-1px)}.btn-club-secondary:active{transform:scale(.97)}.club-lobby{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) 16px 36px;background:radial-gradient(90% 60% at 50% 0%, #10b98114, transparent 60%), radial-gradient(110% 85% at 50% 35%, var(--bg-vignette) 0%, var(--bg-shell) 100%);font-family:var(--font-ui);color:#f1f5f9;flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:hidden}.club-lobby-container{flex-direction:column;gap:14px;width:100%;max-width:1080px;display:flex}.club-header{background:var(--hud-glass-bg);-webkit-backdrop-filter:var(--hud-glass-blur);border:1px solid var(--hud-glass-border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 10px 30px #00000059}.club-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.club-brand-mark{background:linear-gradient(135deg,#19382b,#0d2118);border:1px solid #10b98173;border-radius:10px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26}.club-brand-title{font-family:var(--font-display);letter-spacing:-.02em;color:#f8fafc;font-size:17px;font-weight:800;line-height:1.1}.club-brand-sub{color:#94a3b8;font-size:11px;font-weight:500}.club-online-pill{color:#6ee7b7;background:#10b9811f;border:1px solid #10b98147;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.club-online-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #10b981}@keyframes pulse-dot{50%{opacity:.45;transform:scale(.88)}}.club-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.club-pill-btn{color:#e2e8f0;font-family:var(--font-ui);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;transition:background .16s,border-color .16s,transform .14s;display:inline-flex}.club-pill-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.club-pill-btn--gold{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b61}.club-pill-btn--gold:hover{background:#f59e0b38}.club-tournament-banner{-webkit-backdrop-filter:blur(12px);background:linear-gradient(95deg,#19382bd9 0%,#0f171ae6 60%,#3b181eb8 100%);border:1px solid #f59e0b47;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000059,inset 0 1px #ffffff14}.club-tournament-left{align-items:center;gap:12px;min-width:0;display:flex}.club-tournament-badge{color:#fbbf24;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#f59e0b2e;border:1px solid #f59e0b73;border-radius:99px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.club-tournament-title{font-family:var(--font-display);letter-spacing:-.02em;color:#f8fafc;font-size:15.5px;font-weight:800}.club-tournament-meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.club-tournament-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#fcd34d;background:#00000073;border:1px solid #ffffff1a;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.club-bento-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.club-bento-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:radial-gradient(120% 90% at 50% 0,#19382b8c 0%,#0f171ae0 70%);border:1px solid #ffffff17;border-radius:18px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),border-color .22s,box-shadow .22s;display:flex;position:relative;box-shadow:0 12px 28px #00000061,inset 0 1px #ffffff0f}.club-bento-card:hover{border-color:#10b9816b;transform:translateY(-4px);box-shadow:0 18px 36px #00000080,0 0 24px #10b9811f,inset 0 1px #ffffff1f}.club-bento-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.club-bento-live{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#94a3b8;background:#0f171ab8;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.club-bento-live-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.club-bento-emblem{justify-content:center;align-items:center;height:92px;margin:4px 0 10px;transition:transform .25s cubic-bezier(.2,.9,.3,1.3);display:flex;position:relative}.club-bento-card:hover .club-bento-emblem{transform:translateY(-4px)scale(1.04)}.club-bento-title{font-family:var(--font-display);letter-spacing:-.02em;color:#f8fafc;align-items:center;gap:6px;margin:0 0 3px;font-size:17.5px;font-weight:800;display:flex}.club-bento-subtitle{color:#94a3b8;min-height:34px;margin-bottom:12px;font-size:12.5px;line-height:1.35}.club-bento-actions{grid-template-columns:1fr auto;gap:8px;margin-top:auto;display:grid}.club-bento-play-btn{justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13.5px;display:inline-flex}.club-bento-wa-btn{white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:9px 11px;font-size:12.5px;display:inline-flex}.pcard{perspective:900px;-webkit-tap-highlight-color:transparent;flex:none;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),filter .25s;position:relative}.pcard-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.2,.4,1);position:absolute;inset:0}.pcard--down .pcard-inner{transform:rotateY(180deg)}.pcard-face{border-radius:calc(var(--w) * .09);backface-visibility:hidden;box-shadow:0 1px 1px #00000040, 0 calc(var(--w) * .06) calc(var(--w) * .14) #00000073;position:absolute;inset:0;overflow:hidden}.pcard-back{border:calc(var(--w) * .035) solid #f6ead0;background:#5a0f1c url(/art/back.webp) 50%/cover;transform:rotateY(180deg)}.pcard-front{border:1px solid var(--card-border,#e2d9c8);background:radial-gradient(120% 90% at 30% 15%,#faf6ee 0%,#f7f1e4 55%,#efe6d5 100%);position:absolute;inset:0}.pcard-front:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.4  0 0 0 0 0.3  0 0 0 0 0.2  0 0 0 0.08 0'/></filter><rect width='80' height='80' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pcard-front:after{content:"";pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(125deg,#ffffff8c 0%,#fff0 38% 70%,#ffffff2e 100%);position:absolute;inset:0}.pcard-svg{width:100%;height:100%;position:absolute;inset:0}.pcard-front.suit-oro{box-shadow:inset 0 0 0 calc(var(--w) * .03) #c8930e59}.pcard-front.suit-copa{box-shadow:inset 0 0 0 calc(var(--w) * .03) #c41e3a4d}.pcard-front.suit-espada{box-shadow:inset 0 0 0 calc(var(--w) * .03) #1f5fbf4d}.pcard-front.suit-basto{box-shadow:inset 0 0 0 calc(var(--w) * .03) #2f7a324d}.pcard-figure{border-radius:calc(var(--w) * .05);background:#fffaf0;position:absolute;inset:9% 16%;overflow:hidden;box-shadow:inset 0 0 0 1px #785a2859}.pcard-figure img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.suit-oro .pcard-figure{box-shadow:inset 0 0 0 2px #c8930eb3}.suit-copa .pcard-figure{box-shadow:inset 0 0 0 2px #c41e3a99}.suit-espada .pcard-figure{box-shadow:inset 0 0 0 2px #1f5fbf99}.suit-basto .pcard-figure{box-shadow:inset 0 0 0 2px #2f7a3299}.pcard--selectable{cursor:pointer;transform:translateY(-8px)}.pcard--selectable .pcard-face{box-shadow:0 0 0 1.5px #10b9818c,0 10px 22px #0000007a,0 0 16px #10b98140}.pcard--dim{opacity:.65}.pcard--dim .pcard-face{filter:brightness(.68)saturate(.72)}.pcard--pieza .pcard-face{box-shadow:0 0 0 2px #ffd34d,0 0 18px #ffd34dcc}.pcard--mata .pcard-face{box-shadow:0 0 0 2px #7fd8ff,0 0 18px #7fd8ffb3}.game{touch-action:manipulation;color:#f7f1e3;-webkit-user-select:none;user-select:none;background:var(--bg-shell,#0b1114);width:100vw;height:100dvh;font-family:Inter,Outfit,system-ui,sans-serif;position:fixed;inset:0;overflow:clip}.ambient{background:radial-gradient(120% 70% at 50% 38%, var(--felt-center,#19382b) 0%, var(--bg-vignette,#121c22) 55%, var(--bg-shell,#0b1114) 100%);transition:background .35s;position:absolute;inset:0}.ambient-light{background:radial-gradient(closest-side,#ffdc9629,#ffdc9600 70%);width:140vmax;height:110vmax;animation:7s ease-in-out infinite breathe;position:absolute;top:-30%;left:50%;transform:translate(-50%)}@keyframes breathe{50%{opacity:.7}}.bokeh{opacity:.3;border-radius:50%;animation:18s ease-in-out infinite drift;position:absolute}.b1{background:radial-gradient(closest-side,#d4a94a,#0000);width:260px;height:260px;top:12%;left:-80px}.b2{background:radial-gradient(closest-side,#4a90e2,#0000);width:200px;height:200px;animation-delay:-6s;top:55%;right:-60px}.b3{background:radial-gradient(closest-side,#a33a2a,#0000);width:160px;height:160px;animation-delay:-12s;bottom:-70px;left:40%}@keyframes drift{50%{transform:translate(40px,-30px)scale(1.15)}}.stage{perspective:1100px;perspective-origin:50% 20%;position:absolute;inset:0}.table3d{width:min(94vw,900px);height:min(58vh,560px);transform-style:preserve-3d;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotateX(30deg)}.game--compact .table3d{width:108vw;height:54vh;top:41%}.rim{background:radial-gradient(closest-side,#0000 92%,#00000080 100%),linear-gradient(160deg,#6b3f1f 0%,#3a1f0d 40%,#22120a 70%,#4d2b14 100%);border-radius:50%/46%;position:absolute;inset:-22px;box-shadow:0 40px 80px #000000bf,0 12px #1a0c05,inset 0 2px 2px #ffd2a059,inset 0 -6px 12px #0009}.rim:after{content:"";border:1.5px solid #e8be648c;border-radius:50%/46%;position:absolute;inset:12px;box-shadow:0 0 10px #e8be6440}.felt{background:radial-gradient(60% 55% at 50% 45%, #fffff014, #0000 70%), radial-gradient(closest-side, var(--felt-center,#19382b) 0%, var(--felt-edge,#0d2118) 100%);transform-style:preserve-3d;border-radius:50%/46%;transition:background .35s;position:absolute;inset:0;overflow:visible;box-shadow:inset 0 0 0 3px #00000059,inset 0 20px 60px #0000008c,inset 0 -10px 40px #00000073}.felt:before{content:"";border-radius:inherit;opacity:1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.02 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");position:absolute;inset:0}.felt-logo{pointer-events:none;filter:drop-shadow(0 1px #ffffff0d);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.felt-logo span{letter-spacing:.45em;color:#0003;white-space:nowrap;font-family:Cinzel,Georgia,serif;font-size:clamp(11px,2.4vw,16px);font-weight:800}.felt-line{pointer-events:none;border:1.5px dashed #e8c8782e;border-radius:50%/46%;position:absolute;inset:9%}.deck-zone{align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:9%;transform:translateY(-50%)}.game--compact .deck-zone{top:66%;left:13%}.game--4 .deck-zone,.game--6 .deck-zone{top:80%;left:50%;transform:translate(-130%,-50%)}.deck{width:48px;height:72px;margin-right:8px;position:relative}.muestra-card{animation:.7s cubic-bezier(.3,1.4,.5,1) .5s both muestra-in;transform:rotate(14deg)}.muestra-card .pcard-face{box-shadow:0 0 0 2px #ffd34d99,0 0 22px #ffd34d59,0 8px 16px #00000080}@keyframes muestra-in{0%{opacity:0;transform:translate(-56px)rotate(0)rotateY(180deg)}}.zone-label{letter-spacing:.2em;text-transform:uppercase;color:#ffe6aab3;font-size:10px;position:absolute;bottom:-20px;right:2px}.trick{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.trick-card{transform:translate(-50%, -50%) translate(var(--lx), var(--ly)) rotate(var(--r));transition:filter .3s;position:absolute;top:0;left:0}.trick-card .pcard-face{box-shadow:0 12px 24px -6px #0000008c,0 2px 4px #00000059}.trick-card--live{animation:.5s cubic-bezier(.15,.85,.3,1.05) backwards throw}@keyframes throw{0%{transform:translate(-50%, -50%) translate(var(--fx), var(--fy)) rotate(calc(var(--r) - 120deg)) scale(1.5);opacity:0}60%{opacity:1}}.trick-card--done{filter:brightness(.85)}.trick-card--win{filter:brightness(1.08)drop-shadow(0 0 14px #ffd34de6);z-index:10!important}.trick-card--sweep{animation:.6s cubic-bezier(.55,0,.9,.4) 1.15s forwards sweep}@keyframes sweep{to{transform:translate(-50%, -50%) translate(var(--sx), var(--sy)) rotate(calc(var(--r) + 40deg)) scale(.55);opacity:0}}.hud{top:max(10px, env(safe-area-inset-top));z-index:20;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;left:10px;right:10px}.icon-btn{-webkit-backdrop-filter:blur(10px);color:#f7f1e3;cursor:pointer;background:#0a140f73;border:1px solid #ffffff2e;border-radius:50%;flex:none;width:40px;height:40px;font-size:16px;transition:transform .15s,background .2s}.icon-btn:hover{background:#ffffff1f}.icon-btn:active{transform:scale(.92)}.hud-right{flex-direction:column;align-items:flex-end;gap:5px;min-width:0;max-width:min(46vw,340px);display:flex}.stake{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;border-radius:99px;max-width:100%;padding:4px 10px;font-family:Cinzel,serif;font-size:11.5px;font-weight:800;animation:.4s cubic-bezier(.3,1.6,.5,1) pop;overflow:hidden}.game--compact .hud-right{max-width:calc(100vw - 220px)}.game--compact .stake{padding:3px 8px;font-size:10.5px}.stake--truco{background:linear-gradient(135deg,#ff6b5a,#b3121f);box-shadow:0 0 16px #ff503c8c}.tricks-dots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a140f73;border-radius:99px;gap:5px;padding:6px 8px;display:flex}.dot{border-radius:50%;width:11px;height:11px;transition:all .3s}.dot--empty{background:#ffffff26}.dot--won{background:radial-gradient(circle at 35% 35%,#b8ffcc,#22b357);box-shadow:0 0 8px #22b357}.dot--lost{background:radial-gradient(circle at 35% 35%,#ffc2b8,#e0362c);box-shadow:0 0 8px #e0362c}.dot--parda{background:#a9a9a9}.scoreboard{-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#0f171ac7;border:1px solid #ffffff14;border-radius:18px;flex-shrink:0;gap:2px;padding:8px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff14}.score-team{text-align:center;width:92px}.game--compact .scoreboard{border-radius:14px;padding:6px 7px}.game--compact .score-team{width:68px}.game--compact .score-num{font-size:22px}.game--compact .score-label{letter-spacing:.1em;font-size:8.5px}.score-label{letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:10px}.score-team--us .score-label{color:#8ff0ae}.score-team--them .score-label{color:#ffab9e}.score-num{font-variant-numeric:tabular-nums;background:linear-gradient(#fff6d8,#e8b84a);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:JetBrains Mono,Plus Jakarta Sans,monospace;font-size:28px;font-weight:800;line-height:1.05;display:block}.score-num--bump{animation:.6s cubic-bezier(.3,1.8,.5,1) bump}@keyframes bump{30%{filter:drop-shadow(0 0 10px #ffd34d);transform:scale(1.45)}}.score-bar{background:#ffffff1f;border-radius:99px;height:4px;margin:3px 6px 2px;position:relative;overflow:hidden}.score-bar-fill{border-radius:inherit;height:100%;transition:width .8s cubic-bezier(.3,1,.4,1)}.score-team--us .score-bar-fill{background:linear-gradient(90deg,#1fae5a,#8ff0ae)}.score-team--them .score-bar-fill{background:linear-gradient(90deg,#c4281c,#ffab9e)}.score-bar-mid{background:#ffffff80;width:1px;position:absolute;top:0;bottom:0;left:50%}.score-phase{opacity:.6;font-size:9.5px}.score-sticks{flex-direction:column;align-items:center;gap:1px;margin-top:2px;display:flex}.fosforos{flex-wrap:wrap;justify-content:center;gap:1px;max-width:92px;display:flex}.stick{animation:.4s ease-out backwards stick-in}@keyframes stick-in{0%{opacity:0}}.score-vs{opacity:.55;flex-direction:column;align-items:center;font-size:9px;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-vs b{font-size:11px}.floater{z-index:25;pointer-events:none;white-space:nowrap;border-radius:99px;padding:4px 12px;font-family:Cinzel,serif;font-size:18px;font-weight:800;animation:2.5s cubic-bezier(.2,.8,.3,1) forwards float-up;position:absolute;top:110px}.floater--us{background:linear-gradient(135deg,#2ccf6c,#127a3a);left:18%;box-shadow:0 0 20px #2ccf6c99}.floater--them{background:linear-gradient(135deg,#ff6b5a,#a3121c);right:18%;box-shadow:0 0 20px #ff5a4699}@keyframes float-up{0%{opacity:0;transform:translateY(30px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.1)}75%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(.9)}}.pica-banner{z-index:15;letter-spacing:.05em;color:#2a1a05;background:linear-gradient(135deg,#ffd34d,#c58a12);border-radius:99px;padding:5px 14px;font-size:12px;font-weight:700;position:absolute;top:128px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ffd34d80}.seat{z-index:12;flex-direction:column;align-items:center;gap:3px;transition:opacity .4s,filter .4s;display:flex;position:absolute}.seat--out{opacity:.35;filter:grayscale(.8)}.seat--top{top:86px;left:50%;transform:translate(-50%)}.game--compact .seat--top{top:82px}.seat--left{top:38%;left:10px}.seat--right{top:38%;right:10px}.seat--top-left{top:96px;left:14%}.seat--top-right{top:96px;right:14%}.game--compact .seat--top-left{top:108px;left:6px}.game--compact .seat--top-right{top:108px;right:6px}.seat--bottom-left{top:52%;left:10px}.seat--bottom-right{top:52%;right:10px}.seat-name{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;background:#050c0999;border-radius:99px;max-width:110px;padding:2px 9px;font-size:12px;font-weight:600;overflow:hidden}.seat-cards{justify-content:center;align-items:center;height:30px;display:flex}.seat-card{transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 12deg)) translateY(calc(var(--i) * 0px));transform-origin:50% 130%;animation:.5s cubic-bezier(.2,.9,.3,1.1) backwards deal-in;animation-delay:calc(var(--i) * .13s + .1s);margin:0 -5px}@keyframes deal-in{0%{opacity:0;transform:translateY(160px)scale(.3)rotate(200deg)}}.av{border-radius:50%;flex:none;position:relative}.av img{object-fit:cover;background:#0d2b1c;border-radius:50%;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px;box-shadow:inset 0 0 0 2px #0006}.av-ring{background:conic-gradient(from 210deg,#f9e3a1,#b8862a,#f9e3a1,#8d6316,#f9e3a1);border-radius:50%;position:absolute;inset:0;box-shadow:0 6px 18px #0000008c}.av--rival .av-ring{background:conic-gradient(from 210deg,#ffcbc2,#b3271b,#ffcbc2,#7d1810,#ffcbc2)}.av--partner .av-ring{background:conic-gradient(from 210deg,#c9ffd9,#1d8c4a,#c9ffd9,#105e30,#c9ffd9)}.av--acting .av-ring{background:conic-gradient(#ffd34d calc(var(--p) * 360deg), #ffffff26 0);animation:1.4s ease-in-out infinite halo;box-shadow:0 0 0 3px #ffd34d40,0 0 28px #ffd34dd9}@keyframes halo{50%{box-shadow:0 0 0 6px #ffd34d1f,0 0 40px #ffd34d}}.av-chip{border-radius:50%;place-items:center;width:18px;height:18px;font-size:9.5px;font-weight:800;display:grid;position:absolute;bottom:-2px;box-shadow:0 2px 6px #00000080}.av-chip--dealer{color:#3b2410;background:linear-gradient(135deg,#fff1c1,#d4a12a);right:-4px}.av-chip--mano{color:#0d3a1e;background:linear-gradient(135deg,#fff,#cfd8dc);left:-4px}.av-timer{font-variant-numeric:tabular-nums;color:#2a1a05;background:#ffd34d;border-radius:99px;place-items:center;min-width:22px;height:22px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;display:grid;position:absolute;top:-6px;right:-8px;box-shadow:0 0 10px #ffd34dcc}.sena-chip{color:#173a26;background:#fffaebf2;border-radius:12px;align-items:center;gap:4px;max-width:150px;padding:3px 9px 3px 5px;font-size:11px;animation:.35s cubic-bezier(.3,1.6,.5,1) pop;display:flex;box-shadow:0 6px 18px #0006}.sena-chip span{font-size:18px}.bubble{z-index:30;letter-spacing:-.02em;white-space:nowrap;color:#1d140a;background:linear-gradient(#fff,#f3ead6);border-radius:16px;padding:6px 14px;font-family:Plus Jakarta Sans,Outfit,sans-serif;font-size:14px;font-weight:800;animation:.25s cubic-bezier(.34,1.56,.64,1) bubble-in;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000073}.seat--top .bubble,.seat--top-left .bubble,.seat--top-right .bubble{top:calc(100% + 4px);bottom:auto}.bubble--truco{color:#fff;background:linear-gradient(#ff7b6b,#c81d25)}.bubble--envido{color:#fff;background:linear-gradient(#7cc0ff,#1f5fbf)}.bubble--flor{color:#fff;background:linear-gradient(#d9a6ff,#7b2cbf)}.bubble--quiero{color:#fff;background:linear-gradient(#8ff0ae,#1d9c50)}.bubble--points{background:linear-gradient(#fff3c4,#f1c75b)}.bubble--me{bottom:calc(100% + 4px)}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%)scale(.3)translateY(10px)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.call-banner{z-index:40;text-align:center;pointer-events:none;animation:1.5s cubic-bezier(.2,.9,.3,1) forwards banner;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.call-banner-who{letter-spacing:.25em;text-transform:uppercase;opacity:.85;text-shadow:0 2px 8px #000;font-size:13px}.call-banner-text{white-space:nowrap;background:linear-gradient(#fffbe6 0%,#ffd34d 45%,#c27c0e 100%);color:#0000;filter:drop-shadow(0 4px #3c1900cc)drop-shadow(0 0 24px #ffbe3c99);-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:clamp(40px,13vw,96px);font-weight:900;line-height:1}.call-banner--truco .call-banner-text{filter:drop-shadow(0 4px #3c0000cc)drop-shadow(0 0 30px #ff4632bf);background-image:linear-gradient(#fff1ee 0%,#ff6b5a 45%,#9d0f19 100%)}.call-banner--envido .call-banner-text{filter:drop-shadow(0 4px #00143ccc)drop-shadow(0 0 30px #50a0ffb3);background-image:linear-gradient(#f0f8ff 0%,#6cb6ff 45%,#134a9c 100%)}.call-banner--flor .call-banner-text{filter:drop-shadow(0 4px #28003ccc)drop-shadow(0 0 30px #c77dffbf);background-image:linear-gradient(#fbf0ff 0%,#c77dff 45%,#5a189a 100%)}.call-banner--quiero .call-banner-text{filter:drop-shadow(0 4px #00280acc)drop-shadow(0 0 30px #50f08c99);background-image:linear-gradient(#effff4 0%,#6ff09a 45%,#11753a 100%)}.call-banner--neutral .call-banner-text{background-image:linear-gradient(#fff,#b9b9b9);font-size:clamp(30px,9vw,64px)}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(2.6)rotate(-6deg)}14%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(1deg)}22%{transform:translate(-50%,-50%)scale(1.04)rotate(0)}30%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(.9)}}.burst{z-index:39;pointer-events:none;width:0;height:0;position:absolute}.burst span{border-radius:50%;width:8px;height:8px;animation:1.1s cubic-bezier(.1,.8,.3,1) forwards particle;position:absolute;box-shadow:0 0 10px}@keyframes particle{0%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy) + 40px)) scale(0);opacity:0}}.me{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));z-index:18;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}.me>*{pointer-events:auto}.me-bar{align-items:center;gap:8px;display:flex}.status-pill{-webkit-backdrop-filter:blur(10px);white-space:nowrap;text-overflow:ellipsis;background:#08100c99;border:1px solid #ffffff1a;border-radius:99px;max-width:70vw;padding:7px 16px;font-size:13px;font-weight:600;transition:all .3s;overflow:hidden}.status-pill--me{color:#2a1a05;background:linear-gradient(135deg,#ffd34df2,#d6961ef2);box-shadow:0 0 24px #ffd34d80}.status-pill--alert{color:#fff;background:linear-gradient(135deg,#ff6b5a,#b3121f);animation:1s ease-in-out infinite alert}@keyframes alert{50%{box-shadow:0 0 30px #ff503ce6}}.respond{gap:10px;animation:.35s cubic-bezier(.3,1.6,.5,1) pop;display:flex}.actions{flex-wrap:wrap;justify-content:center;gap:6px;max-width:600px;padding:0 8px;display:flex}.pill{font:inherit;letter-spacing:.02em;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:99px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:transform .15s,filter .2s,box-shadow .2s;animation:.35s cubic-bezier(.3,1.6,.5,1) backwards pill-in;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff40}.pill:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;height:100%;animation:3.5s ease-in-out infinite shine;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@keyframes shine{0%,70%{left:-60%}to{left:130%}}@keyframes pill-in{0%{opacity:0;transform:translateY(14px)scale(.8)}}.pill:hover{filter:brightness(1.12);transform:translateY(-2px)}.pill:active{transform:scale(.95)}.pill--truco{color:#1c1102;background:linear-gradient(#f59e0b,#d97706);border-color:#fef3c78c;box-shadow:0 6px 18px #f59e0b6b,inset 0 1px #ffffff73}.pill--envido{color:#1c1102;background:linear-gradient(#f59e0b,#b45309);border-color:#fef3c78c;box-shadow:0 6px 18px #f59e0b61,inset 0 1px #ffffff73}.pill--flor{background:linear-gradient(135deg,#c77dff,#5a189a);border-color:#dcb4ff80;box-shadow:0 6px 18px #8228c873,inset 0 1px #ffffff59}.pill--quiero{background:linear-gradient(#10b981,#059669);border-color:#a7f3d08c;box-shadow:0 6px 18px #10b9816b,inset 0 1px #ffffff59}.pill--noQuiero{background:linear-gradient(#ef4444,#b91c1c);border-color:#fecaca66}.pill--achico{background:linear-gradient(#475569,#334155)}.pill--mazo{opacity:.92;background:#334155d9;border-color:#ffffff24;font-weight:600}.pill--mazo:after{display:none}.pill--lg{padding:13px 26px;font-size:17px}.fan{justify-content:center;align-items:flex-end;max-width:96vw;height:176px;padding-top:8px;padding-bottom:12px;display:flex}.game--compact .fan{height:150px;padding-bottom:10px}.fan-card{margin:0 var(--overlap,-10px);transform:rotate(var(--rot)) translateY(var(--lift));transform-origin:50% 140%;animation:.65s cubic-bezier(.2,.85,.3,1.05) backwards deal-mine;animation-delay:calc(var(--i) * .14s + .25s);transition:transform .28s cubic-bezier(.2,.9,.3,1.3)}@keyframes deal-mine{0%{opacity:0;transform:translateY(-48vh)scale(.35)rotate(220deg)}}.fan-card--live{cursor:pointer}.fan-card--live .pcard-face{box-shadow:0 0 0 2px #ffd34dd9,0 0 22px #ffd34d73,0 10px 24px #00000080}.fan-card--live:hover,.fan-card--live:focus-within{transform:rotate(calc(var(--rot) * .5)) translateY(calc(var(--lift) - 30px)) scale(1.08);z-index:5}.fan-card--live:active{transform:rotate(0)translateY(-50px)scale(1.04)}.sheet-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:flex-end;animation:.25s fade;display:flex;position:absolute;inset:0}.sheet{background:linear-gradient(#1c2c23f5,#0c1611fa);border-top:1px solid #e8c8784d;border-radius:24px 24px 0 0;width:min(680px,100%);max-height:74vh;padding:16px 14px 24px;animation:.35s cubic-bezier(.2,.9,.3,1) sheet-up;overflow:auto}.sheet h3{color:#f1d48a;margin:0 0 12px;font-family:Cinzel,serif}@keyframes sheet-up{0%{transform:translateY(100%)}}.sena-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.sena-btn{text-align:left;color:#f7f1e3;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex}.sena-btn:hover{background:#ffffff1f}.sena-btn b{font-size:13px;display:block}.sena-btn small{opacity:.65;font-size:11px}.sena-emoji{font-size:24px}.overlay{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(closest-side,#00000059,#000000b3);place-items:center;animation:.35s fade;display:grid;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.glass-panel{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#22342ae0,#0c1611eb);border:1px solid #e8c87859;border-radius:26px;width:min(380px,90vw);padding:22px 22px 20px;box-shadow:0 30px 80px #000000b3,inset 0 1px #ffffff1a}.pop-in{animation:.5s cubic-bezier(.3,1.5,.5,1) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.6)translateY(30px)}}.summary-title{margin-bottom:12px;font-family:Cinzel,serif;font-size:26px;font-weight:800}.summary-title--win{background:linear-gradient(#fff6d8,#e8b84a);color:#0000;-webkit-background-clip:text;background-clip:text}.summary-title--lose{color:#ffb1a6}.summary{text-align:left;margin:0 0 16px;padding:0;list-style:none}.summary li{background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;margin-bottom:5px;padding:7px 10px;font-size:14px;animation:.4s backwards pill-in;display:flex}.summary li:nth-child(2){animation-delay:80ms}.summary li:nth-child(3){animation-delay:.16s}.summary li:nth-child(4){animation-delay:.24s}.summary .summary-reason{opacity:.65;flex:1;font-size:12px}.summary .pos b{color:#8ff0ae}.summary .neg b{color:#ffab9e}.summary .muted{opacity:.75;font-size:12px}.end-trophy{filter:drop-shadow(0 0 30px #ffd34db3);font-size:68px;animation:1.2s cubic-bezier(.3,1.6,.5,1) trophy}@keyframes trophy{0%{transform:scale(0)rotate(-40deg)}}.glass-panel--end h2{margin:4px 0;font-family:Cinzel,serif;font-size:34px}.gold-text{background:linear-gradient(#fff6d8,#e8b84a 60%,#b07a14);color:#0000;-webkit-background-clip:text;background-clip:text}.end-score{justify-content:center;align-items:baseline;gap:12px;margin:6px 0 18px;font-family:Cinzel,serif;font-size:40px;font-weight:800;display:flex}.end-score small{opacity:.6;font-size:16px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{border-radius:2px;width:9px;height:14px;animation:linear infinite confetti;position:absolute;top:-20px}@keyframes confetti{to{transform:translate(var(--drift), 110vh) rotate(720deg)}}@media (width>=900px){.seat--left{left:6%}.seat--right{right:6%}.seat--bottom-left{left:6%}.seat--bottom-right{right:6%}}@media (height<=700px){.fan{height:130px}.fan .pcard{--w:76px!important;width:76px!important;height:114px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.scoreboard:before{content:"";opacity:.75;background:repeating-linear-gradient(90deg,#fff 0 10px,#4a90e2 10px 20px);height:3px;position:absolute;top:0;left:0;right:0}