:root{--ink:#0a0c2a;--panel:#101440b8;--panel-2:#161a5099;--line:#788cff38;--line-strong:#96aaff73;--purple:#6d3df5;--purple-2:#4a22c9;--gold:#ffc531;--gold-2:#e39a12;--gold-soft:#f0c860;--green:#22c55e;--green-2:#15803d;--blue:#4f8cff;--cyan:#29c5ff;--invite:#20d675;--text:#f4f1ff;--dim:#dce0ffb8;--hud:#050f23e6;--hud-border:#ffffff1a;--btn-bg:#09162a;--danger:#e0574f;--paper:#fffdf6;--paper-2:#efe7d3;--radius:1rem;--card-w:4.4rem;--card-h:6.3rem;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:linear-gradient(#0a0828db 0%,#06061ef0 100%),url(/fondos/dashboard.webp) 50%/cover no-repeat fixed,#05061a linear-gradient(#0f0c3a 0%,#090a2a 55%,#05061a 100%) fixed;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input{font:inherit}a{color:inherit}.dim{color:var(--dim)}.small{font-size:.85rem}.notice{background:#e0574f29;border:1px solid #e0574f73;border-radius:.7rem;margin:0;padding:.6rem .8rem;font-size:.9rem}.hub{min-height:100vh;padding-bottom:calc(var(--safe-bottom) + 4.3rem);flex-direction:column;display:flex}.hub__top{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:linear-gradient(#080824f5,#080824d1);align-items:center;gap:.6rem;padding:.5rem .9rem;display:flex;position:sticky;top:0}.hub__logo{text-align:left;background:0 0;border:0;align-items:center;gap:.55rem;padding:0;display:flex}.hub__logo-mark{color:#1a1206;background:linear-gradient(180deg, #fff3d0, var(--gold) 55%, var(--gold-2));border-radius:.7rem;place-items:center;width:2.5rem;height:2.5rem;font-size:1.9rem;line-height:1;display:grid;box-shadow:0 4px 14px #ffc53159,inset 0 0 0 1px #fff6}.hub__logo-text{flex-direction:column;line-height:1;display:flex}.hub__logo-text strong{letter-spacing:-.01em;color:#fff;font-size:1.35rem;font-weight:900}.hub__logo-text em{background:linear-gradient(90deg,#b48cff,#7c4dff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hub__logo-text small{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);margin-top:.25rem;font-size:.56rem;font-weight:700}.hub__nav{align-items:center;gap:.25rem;margin-left:.8rem;display:none}.hub__nav-item{color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.hub__nav-item:hover{border-color:var(--line);background:var(--panel-2)}.hub__nav-item--on,.hub__side-item--on{background:linear-gradient(180deg, var(--purple), var(--purple-2));border-color:#a078ff80;box-shadow:0 4px 16px #6d3df573}.hub__right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.hub__user{align-items:center;gap:.5rem;display:flex}.hub__avatar{border:2px solid var(--blue);color:#fff;background:radial-gradient(circle at 35% 30%,#a3243e,#5a0f22);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-size:.95rem;font-weight:900;display:grid;box-shadow:0 0 0 2px #4f8cff40,0 4px 12px #00000080}.hub__user-meta{flex-direction:column;line-height:1.2;display:none}.hub__user-name{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.86rem;font-weight:800;overflow:hidden}.hub__user-plan{color:#8fb4ff;font-size:.66rem;font-weight:700}.hub__login{background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1206;border-radius:999px;padding:.5rem 1.1rem;font-size:.86rem;font-weight:900;text-decoration:none;box-shadow:0 4px 14px #ffc53159}.hub__body{flex:1;gap:1rem;width:100%;max-width:92rem;margin:0 auto;padding:1rem .9rem;display:flex}.hub__main{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.hub__side{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:1rem;width:14rem;display:none;position:sticky;top:4.6rem}.hub__stats,.hub__side-nav,.card-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 10px 30px #00000059}.hub__stats{gap:.5rem;padding:.7rem .8rem;display:flex}.hub__stat{text-align:center;flex:1;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:.4rem;display:grid}.hub__stat strong{font-size:1.5rem;font-weight:900}.hub__stat small{color:var(--dim);grid-column:1/-1;font-size:.66rem}.hub__stat-dot{background:var(--green);width:.6rem;height:.6rem;box-shadow:0 0 8px var(--green);border-radius:50%;display:inline-block}.hub__side-nav{flex-direction:column;gap:.2rem;padding:.5rem;display:flex}.hub__side-item{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:.7rem;align-items:center;gap:.6rem;padding:.7rem .8rem;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.hub__side-item:hover{background:#ffffff0f}.hub__side-item.hub__side-item--on{background:linear-gradient(180deg, var(--purple), var(--purple-2));border-color:#a078ff80;box-shadow:0 4px 16px #6d3df573}.hub__side-ico{text-align:center;width:1.5rem;font-size:1.1rem}.hub__tabs{z-index:20;padding:.35rem .4rem calc(var(--safe-bottom) + .35rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);background:linear-gradient(#080824e6,#06061cfa);gap:.2rem;display:flex;position:fixed;bottom:0;left:0;right:0}.hub__tab{color:var(--dim);background:0 0;border:0;border-radius:.8rem;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.45rem .2rem;font-size:.72rem;font-weight:800;text-decoration:none;display:flex}.hub__tab span{font-size:1.3rem}.hub__tab--on{color:#fff;background:linear-gradient(180deg, var(--purple), var(--purple-2));box-shadow:0 4px 16px #6d3df573}@media (width>=48rem){.hub{padding-bottom:0}.hub__tabs{display:none}.hub__nav,.hub__user-meta{display:flex}.hub__body{padding:1.1rem 1.2rem 2rem}}@media (width>=72rem){.hub__side{display:flex}}@media (width<=30rem){.hub__logo-text small{display:none}.hub__logo-text strong{font-size:1.15rem}}.hero{border:1px solid var(--line-strong);background:radial-gradient(1.1rem 1.1rem at 14% 22%,#ffcd78d9,#0000 65%),radial-gradient(.8rem .8rem at 30% 78%,#8cbeffa6,#0000 65%),radial-gradient(1.3rem 1.3rem at 50% 12%,#c896ff99,#0000 65%),radial-gradient(.9rem .9rem at 68% 70%,#ffcd7880,#0000 65%),radial-gradient(1.2rem 1.2rem at 84% 28%,#8cbeff8c,#0000 65%),radial-gradient(.7rem .7rem at 94% 82%,#c896ff80,#0000 65%),radial-gradient(65% 90% at 88%,#502e9680,#0000 72%),linear-gradient(115deg,#120b3a 0%,#1a1050 45%,#0a0828 100%);border-radius:1.2rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.3rem 1.4rem 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000073,inset 0 0 0 1px #ffffff0a;container-type:inline-size}.hero:after{content:"";pointer-events:none;background:radial-gradient(60% 40% at 20% 0,#7c4dff47,#0000 70%);position:absolute;inset:0}.hero__content{z-index:1;flex-direction:column;flex:22rem;gap:.6rem;min-width:0;display:flex;position:relative}.hero__kicker{letter-spacing:.16em;text-transform:uppercase;color:#c9a3ff;font-size:.66rem;font-weight:900}.hero__title{margin:0}.hero__title-line1{letter-spacing:-.01em;background:linear-gradient(#fff3d0 0%,#f0c860 35%,#d4a832 70%,#a97c22 100%);color:#0000;filter:drop-shadow(0 8px 18px #0000008c);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.3rem,9cqw,4rem);font-weight:900;line-height:1;display:block}.hero__title-line2{letter-spacing:.3em;text-transform:uppercase;color:#f0e6ff;opacity:.92;margin-top:.3rem;font-size:clamp(.9rem,3.2cqw,1.5rem);font-weight:800;display:block}.hero__sub{max-width:30rem;margin:0;font-size:clamp(1rem,2.4cqw,1.2rem);font-weight:600}.hero__feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;margin:.2rem 0 0;padding:0;font-size:.8rem;font-weight:600;list-style:none;display:grid}.hero__feats li{align-items:center;gap:.5rem;display:flex}.hero__feat-ico{border:1px solid var(--line-strong);background:#4f3cc859;border-radius:.6rem;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.hero__showcase{z-index:1;flex-direction:column;align-items:flex-end;gap:.8rem;margin-left:auto;padding-right:.4rem;display:none;position:relative}.hero__fan{filter:drop-shadow(0 14px 22px #0000008c);margin-bottom:.4rem;display:flex}.hero__fan .card{margin:0 -.9rem}.hero__fan .card:first-child{transform:rotate(-12deg)translateY(.5rem)}.hero__fan .card:nth-child(3){transform:rotate(12deg)translateY(.5rem)}.hero__quote{text-align:right;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-style:italic;font-weight:700;line-height:1.15}.hero__badge{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);background:#140e2880;border:1px solid #ffc53199;border-radius:.7rem;padding:.55rem .9rem;font-size:.68rem;font-weight:900}@media (width>=60rem){.hero{min-height:15rem}.hero__feats{grid-template-columns:repeat(4,auto)}.hero__showcase{display:flex}}.section-head{flex-wrap:wrap;align-items:center;gap:.3rem .9rem;display:flex}.section-head__title{letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:1.4rem;font-weight:900}.section-head__sub{color:var(--dim);margin:0;font-size:.85rem}.section-head__pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:.45rem;margin-left:auto;padding:.45rem .8rem;font-size:.78rem;font-weight:700;display:inline-flex}.games{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.game{--a:#1f3f8f;--b:#0e1a4a;--glow:#4f8cff59;border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(70% 50% at 50% 0%, var(--glow), transparent 70%), linear-gradient(180deg, var(--a) 0%, var(--b) 100%);flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.game:hover:not(.game--soon){border-color:#ffc53199;transform:translateY(-3px);box-shadow:0 16px 36px #00000080,0 0 0 1px #ffc53140}.game--blue{--a:#1f3f8f;--b:#0e1a4a;--glow:#4f8cff59}.game--violet{--a:#4a1f8f;--b:#1c0d45;--glow:#ff783c59}.game--gold{--a:#3c2a12;--b:#14102a;--glow:#ffc53166}.game--sky{--a:#123c78;--b:#0b1638;--glow:#4fb4ff66}.game__art{background:linear-gradient(180deg, #0000 40%, var(--b) 100%), url(/fondos/dashboard.webp) 20% 30% / cover no-repeat;place-items:center;height:7.5rem;padding:.6rem;display:grid}.game__fan{filter:drop-shadow(0 8px 14px #0009);display:flex}.game__fan .card{margin:0 -.6rem}.game__fan .card:first-child{transform:rotate(-12deg)}.game__fan .card:nth-child(3){transform:rotate(12deg)}.game__body{flex-direction:column;flex:1;gap:.35rem;padding:.8rem .9rem .9rem;display:flex}.game__name{letter-spacing:.03em;text-transform:uppercase;text-shadow:0 2px 8px #0009;justify-content:center;align-items:center;gap:.3rem;margin:0;font-size:1.05rem;font-weight:900;display:flex}.game__blurb{text-align:center;color:var(--dim);margin:0;font-size:.8rem}.game__meta{flex-direction:column;gap:.25rem;margin:auto 0 0;padding:.4rem 0 0;font-size:.74rem;font-weight:600;list-style:none;display:flex}.game__meta b{color:var(--gold);font-weight:800}.game__cta{background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1206;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;padding:.65rem .8rem;font-size:.92rem;font-weight:900;display:flex;box-shadow:0 6px 16px #ffc53159}.game__cta:hover{filter:brightness(1.06)}.game__cta--soon{color:#e9e9f2;box-shadow:none;background:linear-gradient(#4a4a5a,#33333f)}.game--soon .game__art,.game--soon .game__blurb,.game--soon .game__meta{opacity:.55;filter:saturate(.6)}.lobby{align-items:start;gap:1rem;display:grid}@media (width>=64rem){.lobby{grid-template-columns:minmax(0,1.5fr) minmax(18rem,1fr)}}.lobby__side{flex-direction:column;gap:1rem;display:flex}.newtable,.modal__box{background:radial-gradient(80% 40% at 50% 0,#7c4dff59,#0000 70%),linear-gradient(#221a5c 0%,#15123f 45%,#0e0c30 100%);border:1px solid #ffc5318c;border-radius:1.2rem;flex-direction:column;gap:.75rem;padding:1.2rem;display:flex;position:relative;box-shadow:0 20px 50px #0000008c}.newtable__badge{background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1206;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.25rem .65rem;font-size:.66rem;font-weight:900}.newtable__title{letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:1.7rem;font-weight:900}.newtable__desc{color:var(--dim);margin:0;font-size:.88rem}.newtable__label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:.4rem 0 0;font-size:.7rem;font-weight:900}.newtable__foot{text-align:center;color:var(--dim);margin:0;font-size:.76rem}.variants{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.5rem;display:grid}.variant,.opt{border:1px solid var(--line-strong);text-align:center;background:#15184a;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.7rem .6rem;font-weight:800;display:flex}.variant small{color:var(--dim);font-size:.72rem;font-weight:600}.variant:hover,.opt:hover{border-color:#ffc53180}.variant--on,.opt--on{border-color:var(--gold);color:var(--gold);background:linear-gradient(#ffc53138,#ffc5310f),#1d1a4a;position:relative;box-shadow:0 0 0 1px #ffc53140,0 6px 16px #00000059}.variant--on:before,.opt--on:before{content:"👑";font-size:.95rem;position:absolute;top:-.75rem}.variant--on small{color:#ffe39a}.opts{gap:.5rem;display:flex}.opts .opt{flex:1;font-size:1rem}.toggle{border:1px solid var(--line-strong);cursor:pointer;background:#0a0c2a99;border-radius:.9rem;align-items:center;gap:.8rem;padding:.8rem .9rem;display:flex}.toggle--off{opacity:.55;cursor:not-allowed}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle__switch{background:#2b2f5e;border-radius:999px;flex:none;width:2.6rem;height:1.5rem;transition:background .15s;position:relative}.toggle__switch:after{content:"";background:#fff;border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .15s;position:absolute;top:.2rem;left:.2rem}.toggle input:checked+.toggle__switch{background:var(--green)}.toggle input:checked+.toggle__switch:after{transform:translate(1.1rem)}.toggle input:focus-visible+.toggle__switch{outline:2px solid var(--gold);outline-offset:2px}.toggle__text{flex-direction:column;gap:.15rem;display:flex}.toggle__text strong{font-size:.95rem}.toggle__text small{color:var(--dim);font-size:.76rem}.field{color:var(--dim);flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:700;display:flex}.field input,.join input,.chat input{border:1px solid var(--line-strong);color:var(--text);background:#05061ab3;border-radius:.7rem;min-width:0;padding:.65rem .8rem}.big-cta{background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1206;letter-spacing:.05em;text-transform:uppercase;border:0;border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem 1rem;font-size:1rem;font-weight:900;display:flex;box-shadow:0 8px 22px #ffc53159}.big-cta:hover:not(:disabled){filter:brightness(1.06)}.big-cta--violet{background:linear-gradient(180deg, var(--purple), var(--purple-2));color:#fff;box-shadow:0 8px 22px #6d3df566}.big-cta--ghost{color:var(--text);border:1px solid var(--line-strong);box-shadow:none;background:#ffffff0f}.card-panel{flex-direction:column;gap:.7rem;padding:1rem;display:flex}.join{gap:.5rem;display:flex}.join input{text-transform:uppercase;letter-spacing:.15em;flex:1;font-weight:800}.pill{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:0;border-radius:999px;flex:none;padding:.55rem 1rem;font-size:.82rem;font-weight:900}.pill--gold{background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1206;box-shadow:0 4px 12px #ffc5314d}.pill--violet{background:linear-gradient(180deg, var(--purple), var(--purple-2));color:#fff;box-shadow:0 4px 12px #6d3df559}.rooms{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.rooms__item{border:1px solid var(--line);background:#121544;border-radius:.8rem;align-items:center;gap:.7rem;padding:.7rem .8rem;display:flex}.rooms__info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.rooms__info small{color:var(--dim);font-size:.74rem}.rooms__state{font-weight:700;color:#ffb86b!important}.rooms__state--free{color:#6ee7a0!important}.table-page{background:url(/fondos/bg.webp) 50%/cover no-repeat fixed,#2a150b;flex-direction:column;min-height:100dvh;display:flex;position:relative}.table-page--center{justify-content:center;align-items:center;padding:1rem}.table-page--center .modal__box{text-align:center;max-width:26rem}.table-loading{background:var(--hud);border:1px solid var(--hud-border);border-radius:999px;padding:.8rem 1.2rem}.table-top{align-items:center;gap:.6rem;padding:.7rem .9rem .3rem;display:flex}.table-top__title{background:var(--hud);border:1px solid var(--hud-border);border-radius:.8rem;flex-direction:column;padding:.35rem .8rem;line-height:1.2;display:flex}.table-top__title strong{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:900}.table-top__title small{letter-spacing:.06em;color:var(--dim);text-transform:uppercase;font-size:.68rem;font-weight:700}.round-btn{border:1px solid var(--hud-border);background:var(--btn-bg);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.8rem;height:2.8rem;font-size:1.3rem;font-weight:900;display:grid;position:relative;box-shadow:0 6px 16px #00000080}.round-btn__dot{background:var(--danger);border-radius:999px;min-width:1.2rem;padding:0 .3rem;font-size:.7rem;line-height:1.2rem;position:absolute;top:-.2rem;right:-.2rem}.invite-btn{color:#04200f;background:linear-gradient(#2ee483,#16a95a);border:0;border-radius:.8rem;align-items:center;gap:.45rem;padding:.65rem 1.1rem;font-weight:900;display:inline-flex;box-shadow:0 6px 18px #20d67559}.table-banner{background:#f2c14e40;border:1px solid #f2c14e80;border-radius:999px;margin:0 auto;padding:.4rem .9rem;font-size:.85rem}.hud{background:var(--hud);border:1px solid var(--hud-border);border-radius:.9rem;align-self:center;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000080}.hud__cell{flex-direction:column;justify-content:center;align-items:center;min-width:5.2rem;padding:.35rem .8rem;line-height:1.15;display:flex}.hud__cell+.hud__cell{border-left:1px solid var(--hud-border)}.hud__cell small{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.62rem;font-weight:800}.hud__cell small:first-child:before{content:"●";color:#fb923c;margin-right:.3rem}.hud__cell--you small:first-child:before{color:var(--green)}.hud__cell strong{color:var(--gold);font-size:1.6rem;font-weight:900}.hud__cell--info{align-items:flex-start}.hud__cell--info b{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:900}.hud__cell--info small:before{content:none!important}@media (width>=60rem){.hud{z-index:5;position:absolute;top:.7rem;right:.9rem}}.felt{background:radial-gradient(at 50% 45%,#28783c40,#0014058c 100%),url(/fondos/pano.webp) 50%/22rem,#146b2f;border-radius:2.2rem;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);grid-template-areas:"top top top""left center right""bottom bottom bottom";align-items:center;gap:.5rem;margin:1.1rem .9rem;padding:.9rem 1rem;display:grid;position:relative;box-shadow:inset 0 0 70px #0000008c,0 0 0 3px #e9b949,0 0 0 5px #8a5a14,0 0 0 16px #5b2f16,0 0 0 18px #2a130a,0 30px 60px #0009}.felt:before{content:"";pointer-events:none;border:1px solid #e9b94973;border-radius:1.5rem;position:absolute;inset:1rem}.felt__seat{z-index:1;justify-content:center;display:flex;position:relative}.felt__seat--top{grid-area:top}.felt__seat--left{grid-area:left}.felt__seat--right{grid-area:right}.felt__seat--bottom{grid-area:bottom}.felt__center{z-index:1;flex-direction:column;grid-area:center;justify-content:center;align-items:center;gap:.6rem;min-height:11rem;padding:.4rem;display:flex;position:relative}.felt--waiting{min-height:60vh}.felt__title{letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 8px #0009;margin:0;font-size:1.3rem;font-weight:900}.felt__text{text-align:center;color:#ffffffd1;max-width:24rem;margin:0;font-size:.88rem}.seat{--c:var(--green);text-align:center;flex-direction:column;align-items:center;gap:.1rem;display:flex}.seat--c1{--c:#f59e0b}.seat--c2{--c:var(--cyan)}.seat--c3{--c:#a78bfa}.seat__sit{background:0 0;border:0;border-radius:50%;padding:0}.seat__disc{border:3px solid var(--c);background:radial-gradient(circle at 35% 30%,#1d3a5e,#0a1830 70%);border-radius:50%;place-items:center;width:4.4rem;height:4.4rem;transition:box-shadow .2s;display:grid;position:relative;box-shadow:0 8px 20px #0000008c}.seat--empty .seat__disc{background:radial-gradient(circle at 35% 30%,#18284a,#0b1428 70%);border-style:dashed}.seat__sit:hover .seat__disc{box-shadow:0 0 0 4px #ffffff26,0 8px 20px #0000008c}.seat__face{color:var(--c);font-size:1.45rem;font-weight:900}.seat--empty .seat__face{font-size:2.2rem;font-weight:400}.seat__badge{background:var(--c);color:#051020;border-radius:999px;padding:0 .4rem;font-size:.62rem;font-weight:900;line-height:1.1rem;position:absolute;bottom:-.45rem;left:50%;transform:translate(-50%)}.seat__name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px #000c;max-width:9rem;margin-top:.45rem;font-size:.9rem;font-weight:800;overflow:hidden}.seat__detail{color:#ffffffb8;text-shadow:0 1px 4px #000c;font-size:.7rem}.seat__cards{margin-top:.35rem}.seat--away .seat__disc{opacity:.55}.seat--turn .seat__disc{animation:1.4s ease-in-out infinite seat-turn}@keyframes seat-turn{0%,to{box-shadow:0 0 0 3px #ffc531e6,0 0 18px #ffc53199}50%{box-shadow:0 0 0 6px #ffc53159,0 0 28px #ffc53159}}@media (prefers-reduced-motion:reduce){.seat--turn .seat__disc{animation:none;box-shadow:0 0 0 4px #ffc531cc}}.bots-btn{left:1rem;bottom:calc(var(--safe-bottom) + 1rem);z-index:10;color:#041c2b;background:linear-gradient(#45d3ff,#1597d4);border:0;border-radius:999px;padding:.7rem 1.2rem;font-weight:900;position:fixed;box-shadow:0 8px 22px #29c5ff59}.modal{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04041499;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal .modal__box{text-align:center;align-items:center;width:min(28rem,100%)}.modal__box p{white-space:pre-line;margin:0}.modal__title{text-transform:uppercase;margin:0;font-size:2rem;font-weight:900}.modal__title--win{background:linear-gradient(#fff3d0 0%,#f0c860 35%,#d4a832 70%,#a97c22 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.modal__actions{flex-direction:column;gap:.6rem;width:100%;display:flex}.chat{right:1rem;bottom:calc(var(--safe-bottom) + 1rem);z-index:40;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed}.chat__body{border:1px solid var(--hud-border);background:var(--hud);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.9rem;flex-direction:column;gap:.5rem;width:min(20rem,100vw - 2rem);padding:.6rem;display:flex}.chat__list{flex-direction:column;gap:.25rem;max-height:14rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex;overflow-y:auto}.chat input{width:100%}.card{width:var(--card-w);height:var(--card-h);background:linear-gradient(160deg, var(--paper), var(--paper-2));color:#1b1b24;-webkit-user-select:none;user-select:none;border:1px solid #c9bfa6;border-radius:.45rem;flex:none;place-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:grid;position:relative;box-shadow:0 2px 4px #00000059}.card--small{--card-w:2.9rem;--card-h:4.15rem;border-radius:.35rem}.card--face{background:0 0;border:none;border-radius:.4rem}.card--small.card--face{border-radius:.3rem}.card__face{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.card--back{background:0 0;border:none;border-radius:.4rem}.card--back .card__face{position:absolute;inset:0}.card__count{min-width:2em;color:var(--paper);text-align:center;background:#0000008c;border-radius:.4em;padding:.1em .35em;font-weight:800;position:relative}button.card:hover:not(:disabled){transform:translateY(-4px)}.card--playable{box-shadow:0 0 0 2px var(--gold), 0 4px 8px #0006}.card--selected{box-shadow:0 0 0 3px #ffe39a,0 6px 12px #00000080;transform:translateY(-.8rem)!important}.card--highlight:after{content:"★";color:#ffe39a;text-shadow:0 0 4px #000;font-size:.8rem;position:absolute;top:-.45rem;right:-.35rem}.hidden-hand{align-items:center;display:flex}.hidden-hand .card{margin-right:-1.9rem}.hidden-hand .card:last-of-type{margin-right:0}.hidden-hand__more{color:var(--dim);margin-left:.4rem;font-size:.8rem}.board{flex-direction:column;flex:1;gap:.6rem;width:100%;max-width:72rem;margin:0 auto;padding:.4rem .4rem 5.5rem;display:flex}.hand{flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.4rem 0;display:flex}.hand--tight .card{margin:0 -.55rem}.controls{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.turn-hint{min-height:1.4em;color:var(--gold);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 6px #000c;border-radius:999px;align-self:center;margin:0;padding:0 .9rem;font-size:.88rem;font-weight:900}.error{text-align:center;color:#ffb4ae;text-shadow:0 1px 4px #000c;min-height:1.2em;margin:0;font-size:.9rem}.cta{letter-spacing:.03em;background:linear-gradient(180deg, var(--gold), var(--gold-2));color:#1a1206;border:0;border-radius:999px;padding:.75rem 1.4rem;font-weight:900;box-shadow:0 6px 16px #ffc5314d}.cta:hover:not(:disabled){filter:brightness(1.06)}.cta:active:not(:disabled){transform:translateY(1px)}.cta--ghost{background:var(--btn-bg);color:var(--text);border:1px solid var(--hud-border);box-shadow:0 6px 16px #0006}.cta--small{padding:.5rem 1rem;font-size:.88rem}.cta--danger{background:linear-gradient(180deg, #f07b72, var(--danger));color:#fff;box-shadow:0 6px 16px #e0574f59}.log{border:1px solid var(--hud-border);background:var(--hud);width:min(34rem,100%);max-height:8rem;color:var(--dim);border-radius:.8rem;flex-direction:column-reverse;gap:.15rem;margin:0 auto;padding:.55rem .9rem;font-size:.82rem;list-style:none;display:flex;overflow-y:auto}.last-hand{background:var(--hud);white-space:pre-line;border:1px solid #ffc53173;border-radius:.8rem;width:min(34rem,100%);margin:0 auto;padding:.6rem .9rem;font-size:.88rem}.last-hand strong{color:var(--gold)}@media (width>=48rem){:root{--card-w:5.2rem;--card-h:7.4rem}}@media (width<=36rem){.felt{border-radius:1.6rem;gap:.3rem;margin:.9rem .8rem;padding:.7rem .5rem;box-shadow:inset 0 0 50px #0000008c,0 0 0 2px #e9b949,0 0 0 3px #8a5a14,0 0 0 9px #5b2f16,0 0 0 10px #2a130a,0 20px 40px #0009}.felt:before{border-radius:1.1rem;inset:.6rem}.seat__disc{border-width:2px;width:3.2rem;height:3.2rem}.seat__face{font-size:1.05rem}.seat--empty .seat__face{font-size:1.6rem}.seat__name{max-width:6.5rem;font-size:.78rem}.hud__cell{min-width:4.2rem;padding:.3rem .55rem}.hud__cell strong{font-size:1.3rem}.table-top__title{display:none}}.truco__shown{flex-wrap:wrap;gap:1rem;margin-top:.4rem;display:flex}.truco__ranking{background:var(--hud);border-radius:.8rem;flex-direction:column;gap:.3rem;margin:0 auto;padding:.6rem;list-style:none;display:flex}.truco__ranking li{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}@media (width<=36rem){.felt__seat--left .hidden-hand,.felt__seat--right .hidden-hand{display:none}}.canasta__center{text-shadow:0 1px 4px #000c;justify-content:center;gap:1.5rem;padding:.4rem 0;display:flex}.canasta__pile{flex-direction:column;align-items:center;gap:.25rem;display:flex}.canasta__pile--frozen .card{box-shadow:0 0 0 3px #9fd8ff,0 4px 10px #00000080}.card--empty{box-shadow:none;background:#0003;border:2px dashed #ffffff4d}.canasta__melds{background:#00000047;border-radius:.8rem;width:100%;padding:.5rem .7rem}.canasta__melds--own{outline:1px solid #ffc53173}.canasta__melds h3{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);align-items:center;gap:.6rem;margin:0 0 .4rem;font-size:.78rem;font-weight:900;display:flex}.canasta__melds p{margin:0}.canasta__threes{gap:.15rem;display:inline-flex}.canasta__threes .card{--card-w:1.9rem;--card-h:2.7rem}.canasta__meld-row{flex-wrap:wrap;gap:.6rem;display:flex}.canasta__meld{background:0 0;border:1px solid #0000;border-radius:.5rem;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem;display:flex}.canasta__meld--target{border-color:var(--gold);background:#ffc5311f}.canasta__meld-cards{display:flex}.canasta__meld-cards .card{margin-right:-1.9rem}.canasta__meld-cards .card:last-child{margin-right:0}.canasta__badge--limpia{color:#9ff0b8}.canasta__badge--sucia{color:#ffcf8a}.canasta__staged{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.canasta__stage{border:1px dashed var(--gold);background:#ffc53124;border-radius:.5rem;align-items:center;gap:.1rem;padding:.2rem;display:flex}.canasta__check{text-align:center;text-shadow:0 1px 4px #000c;min-height:1.2em;margin:0}.canasta .hand--tight .card{margin:0 -.8rem}@media (width>=48rem){.canasta .hand--tight .card{margin:0 -.6rem}}@media (width<=36rem){.canasta .hand--tight .card{margin:0 -1.25rem}.canasta .hand--tight{padding-left:1.25rem}.seat .hidden-hand .card{--card-w:2.3rem;--card-h:3.3rem;margin-right:-1.5rem}}a.hub__logo,a.hub__logo:hover{color:inherit;text-decoration:none}.table-page:has(.truco--stage){height:100dvh;min-height:0;overflow:hidden}.truco--stage{flex-direction:column;flex:auto;min-height:0;display:flex}.truco__last{max-width:min(30rem,90%);color:var(--text);font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#00000059;border:1px solid #ffc53173;border-radius:999px;padding:.25rem .8rem;font-size:.78rem;overflow:hidden}.truco__last strong{color:var(--gold)}.truco__error{z-index:7;background:var(--hud);border:1px solid #e0574f99;border-radius:.7rem;max-width:min(26rem,90vw);padding:.35rem .9rem;position:absolute;top:4rem;left:50%;transform:translate(-50%)}.truco__tools{left:.9rem;bottom:calc(var(--safe-bottom,0px) + .9rem);z-index:6;gap:.4rem;display:flex;position:absolute}.truco__tools .round-btn{width:2.5rem;height:2.5rem;font-size:1rem}.truco__panel{max-height:86dvh;overflow-y:auto;text-align:left!important;align-items:stretch!important;width:min(32rem,100%)!important}.truco__panel-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.truco__panel-head strong{color:var(--gold);letter-spacing:.04em}.truco__panel .round-btn{width:2.2rem;height:2.2rem;font-size:.95rem}.truco__log{width:100%;max-height:none}.table-page:has(.canasta--stage){height:100dvh;min-height:0;overflow:hidden}.canasta--stage{flex-direction:column;flex:auto;min-height:0;display:flex}.canasta--stage .hud{z-index:5;position:absolute;top:.6rem;right:.9rem}.canasta--stage .hud__cell{min-width:4.2rem;padding:.2rem .6rem}.canasta--stage .hud__cell strong{font-size:clamp(1rem,4dvh,1.5rem)}.canasta--stage .felt{flex:auto;grid-template-rows:auto minmax(0,1fr) auto;gap:.2rem;min-height:0;margin:.5rem .9rem .8rem;padding:.5rem .8rem .4rem}.canasta--stage .seat__disc{width:clamp(2.4rem,9dvh,4rem);height:clamp(2.4rem,9dvh,4rem)}.canasta--stage .seat__face{font-size:clamp(.9rem,3.4dvh,1.35rem)}.canasta--stage .seat__name{margin-top:.25rem;font-size:clamp(.7rem,2.5dvh,.88rem)}.canasta--stage .seat .hidden-hand .card{--card-w:clamp(1.4rem, 5.5dvh, 2.4rem);--card-h:calc(var(--card-w) * 1.43);margin-right:calc(var(--card-w) * -.62)}.canasta--stage .card--small{--card-w:clamp(1.5rem, 6.5dvh, 2.6rem);--card-h:calc(var(--card-w) * 1.43)}.canasta__middle{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;height:100%;min-height:0;padding:.1rem;display:grid}.canasta--stage .canasta__center{flex-direction:column;gap:.4rem;padding:0}.canasta--stage .canasta__pile .card:not(.card--small){--card-w:clamp(2rem, 10dvh, 3.8rem);--card-h:calc(var(--card-w) * 1.43)}.canasta__tables{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-height:0;max-height:100%;display:grid;overflow-y:auto}.canasta--stage .canasta__melds{min-width:0;padding:.35rem .5rem}.canasta--stage .canasta__melds h3{margin-bottom:.25rem;font-size:clamp(.62rem,2.3dvh,.76rem)}.canasta--stage .canasta__meld-row{gap:.35rem}.canasta--stage .canasta__meld-cards .card{margin-right:calc(var(--card-w) * -.66)}.canasta__me{justify-content:center;align-items:flex-end;gap:clamp(.5rem,1.6vw,1.2rem);min-width:0;display:flex}.canasta__play-area{flex-direction:column;align-items:center;gap:.2rem;min-width:0;max-width:100%;display:flex}.canasta__play-area .turn-hint{text-align:center;min-height:0;font-size:clamp(.66rem,2.4dvh,.85rem)}.canasta__check-ok{color:#9ff0b8;text-transform:none;letter-spacing:0}.canasta__check-bad{color:#ffb4ae;text-transform:none;letter-spacing:0}.canasta__hand{flex-wrap:nowrap;max-width:100%;padding:.6rem 0 0}.canasta__hand .card{--card-w:clamp(2.2rem, 13dvh, 4.4rem);--card-h:calc(var(--card-w) * 1.43);margin:0 calc(var(--card-w) * -.3)}.canasta--stage .canasta__staged{gap:.3rem}.canasta--stage .canasta__staged .card{margin-right:calc(var(--card-w) * -.55)}.canasta__controls{gap:.3rem}.canasta__controls .cta--small{padding:clamp(.3rem,1.3dvh,.5rem) clamp(.6rem,1.8vw,1rem);font-size:clamp(.7rem,2.5dvh,.88rem)}@media (height<=32rem){.table-page:has(.canasta--stage) .table-top{padding:.4rem .7rem 0}.table-page:has(.canasta--stage) .table-top .round-btn{width:2.3rem;height:2.3rem}.table-page:has(.canasta--stage) .table-top__title{padding:.2rem .6rem}.canasta--stage .felt{border-radius:1.4rem;margin:.35rem .6rem .5rem;padding:.3rem .5rem .25rem}.canasta--stage .felt:before{inset:.5rem}.canasta--stage .seat__detail,.canasta--stage .hud__cell small:last-child:not(:first-child),.canasta--stage .felt__seat--left .hidden-hand,.canasta--stage .felt__seat--right .hidden-hand{display:none}}@media (width<=40rem){.table-page:has(.canasta--stage) .table-top__title{display:none}}@media (width<=36rem){.canasta__middle{grid-template-columns:minmax(0,1fr)}.canasta--stage .canasta__center{flex-direction:row;justify-content:center}.canasta__tables{grid-template-columns:minmax(0,1fr)}}.canasta__middle{overflow:hidden}@media (height<=32rem){.canasta--stage .felt__seat--top .seat{flex-direction:row;gap:.45rem}.canasta--stage .felt__seat--top .seat__name{margin-top:0}.canasta--stage .felt__seat--top .hidden-hand{display:none}.canasta--stage .canasta__center{flex-direction:row;gap:.5rem}.canasta--stage .canasta__pile .card:not(.card--small){--card-w:clamp(1.6rem, 8dvh, 3rem)}.canasta--stage .canasta__pile .small{font-size:.62rem}.canasta__hand{padding-top:.45rem}.canasta__hand .card{--card-w:clamp(2rem, 11dvh, 3.6rem)}.canasta--stage .canasta__melds{padding:.2rem .4rem}.canasta--stage .canasta__melds h3{margin-bottom:.1rem;font-size:.58rem}.canasta--stage .canasta__melds .card--small{--card-w:clamp(1.15rem, 5dvh, 2.4rem)}.canasta--stage .canasta__meld .small{font-size:.58rem}.canasta--stage .canasta__meld{gap:.05rem;padding:.1rem}.canasta--stage .canasta__play-area .turn-hint{font-size:.64rem}}@media (width<=36rem){.canasta__me .seat{display:none}.canasta__hand .card{--card-w:min(12dvh, 13vw);margin:0 calc(var(--card-w) * -.4)}.canasta__hand{padding-left:calc(min(12dvh,13vw)/2.5);padding-right:calc(min(12dvh,13vw)/2.5)}}.table-page:has(.truco--stage){--t-gold:#c9a24a;--t-gold-hi:#f1d48a;--t-ink:#f5ead0;--t-serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;background:radial-gradient(circle at 8% 6%,#ffb04a33,#0000 22%),radial-gradient(circle at 92% 8%,#ffb04a29,#0000 20%),radial-gradient(at 50% 60%,#3b2414 0%,#1f120a 48%,#0b0604 100%)}.table-page:has(.truco--stage) .table-top{z-index:6;position:relative}.table-page:has(.truco--stage) .table-top .round-btn{color:var(--t-gold-hi);background:linear-gradient(#141a28,#070a12);border-color:#c9a24acc}.table-page:has(.truco--stage) .table-top__title{font-family:var(--t-serif);background:linear-gradient(#141a28,#070a12);border:1px solid #c9a24acc;border-radius:.55rem;align-items:center;padding:.3rem 1.1rem .35rem;box-shadow:inset 0 0 0 3px #070a12,inset 0 0 0 4px #c9a24a4d,0 10px 24px #0009}.table-page:has(.truco--stage) .table-top__title strong{letter-spacing:.14em;background:linear-gradient(#fff1c4,#e3b85a 55%,#a87a26);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1rem,4dvh,1.45rem);font-weight:700}.table-page:has(.truco--stage) .table-top__title small{color:#f1d48abf;letter-spacing:.18em;font-size:clamp(.55rem,1.9dvh,.68rem);font-weight:600}.truco--stage{max-width:110rem;font-family:var(--t-serif);gap:0;padding:0 .4rem .3rem}.tplaque{color:var(--t-ink);font-family:var(--t-serif);background:linear-gradient(#141a28,#070a12);border:1px solid #c9a24acc;border-radius:.55rem;box-shadow:inset 0 0 0 3px #070a12,inset 0 0 0 4px #c9a24a47,0 10px 24px #0009}.truco__hud{z-index:6;align-items:stretch;gap:.5rem;display:flex;position:absolute;top:.6rem;right:.9rem}.tscore,.tinfo{display:flex}.tscore__team,.tinfo>div{flex-direction:column;justify-content:center;align-items:center;padding:.3rem clamp(.6rem,1.6vw,1.2rem);line-height:1.1;display:flex}.tscore__team+.tscore__team,.tinfo>div+div{border-left:1px solid #c9a24a66}.tscore small,.tinfo small{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;color:#f5ead0bf;max-width:7rem;font-size:clamp(.55rem,1.9dvh,.72rem);overflow:hidden}.tscore strong,.tinfo strong{color:var(--t-ink);font-size:clamp(1.1rem,5dvh,2rem);font-weight:700}.tscore__team--you small{color:var(--t-gold-hi)}.tinfo span{white-space:nowrap;margin-top:.2rem;font-size:clamp(.72rem,2.6dvh,1rem)}.tscore__dots{gap:.25rem;margin-top:.2rem;display:flex}.tscore__dots i{background:#ffffff24;border-radius:50%;width:.42rem;height:.42rem}.tscore__team--t0 .tscore__dots i.on{background:var(--t-gold);box-shadow:0 0 5px #f1d48ab3}.tscore__team--t1 .tscore__dots i.on{background:#5b8fe0;box-shadow:0 0 5px #5b8fe0b3}.truco__hud .truco__tools{flex-direction:column;gap:.3rem;position:static}.tsquare{cursor:pointer;flex:1;place-items:center;width:clamp(1.9rem,6dvh,2.6rem);padding:0;font-size:clamp(.8rem,2.6dvh,1.05rem);display:grid}.tsquare:hover{border-color:var(--t-gold-hi)}.truco--stage .felt{min-height:0;box-shadow:none;background:0 0;border-radius:0;flex:auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,auto) minmax(0,1fr) minmax(0,auto);gap:.2rem;margin:0;padding:clamp(.4rem,2.5dvh,1.6rem) clamp(.4rem,2vw,1.4rem) .2rem}.truco--stage .felt:before{content:"";pointer-events:none;background:radial-gradient(at 50% 18%,#ffd69638,#0000 45%),repeating-linear-gradient(100deg,#00000014 0 3px,#0000 3px 11px),radial-gradient(at 50% 40%,#7d4522,#4b2410 62%,#2a1206);border:0;border-radius:50%;position:absolute;inset:1% 2.5% 7%;box-shadow:0 30px 70px #000000bf,inset 0 2px #ffdca040,inset 0 -10px 30px #00000080}.truco--stage .felt:after{content:"";outline-offset:calc(-1 * clamp(.5rem, 2.4dvh, 1.2rem));pointer-events:none;background:radial-gradient(at 50% 42%,#1d3366 0%,#12224a 45%,#0a1533 78%,#060d24 100%);border-radius:50%;outline:1px solid #c9a24a73;position:absolute;inset:calc(1% + clamp(.7rem,3.2dvh,1.9rem)) calc(2.5% + clamp(.9rem,3.5vw,2.4rem)) calc(7% + clamp(.7rem,3.2dvh,1.9rem));box-shadow:0 0 0 3px #c9a24a,0 0 0 5px #6b4a17,0 0 0 6px #0009,inset 0 0 90px #000000a6}.truco__rival{flex-direction:column;align-items:center;gap:.35rem;display:flex}.truco__rival--left{align-items:flex-start;gap:.5rem}.truco__rival--right{align-items:flex-end;gap:.5rem}.truco__rival .hidden-hand .card{--card-w:clamp(1.4rem, 6.5dvh, 3.2rem);--card-h:calc(var(--card-w) * 1.43);margin-right:calc(var(--card-w) * -.55);box-shadow:0 4px 10px #00000080}.truco__rival .hidden-hand .card:last-of-type{margin-right:0}.truco__rival--left .hidden-hand{margin-left:1.2rem;transform:rotate(-10deg)}.truco__rival--right .hidden-hand{margin-right:1.2rem;transform:rotate(10deg)}.tplate{--c:#4ade80;text-align:left;background:linear-gradient(#181c28f5,#080a12f5);border:1px solid #c9a24abf;border-radius:999px;align-items:center;gap:.55rem;max-width:100%;padding:.25rem 1.4rem .25rem .25rem;display:inline-flex;box-shadow:0 8px 20px #0000008c,inset 0 1px #ffe6aa26}.tplate--c1{--c:#f59e0b}.tplate--c2{--c:var(--cyan)}.tplate--c3{--c:#a78bfa}.tplate__face{border:2px solid var(--t-gold);width:clamp(2rem,8.5dvh,4.4rem);height:clamp(2rem,8.5dvh,4.4rem);box-shadow:inset 0 0 0 2px var(--c), 0 3px 8px #00000080;color:var(--t-ink);background:radial-gradient(circle at 35% 30%,#2a3a66,#0b1430 72%);border-radius:50%;flex:none;place-items:center;font-size:clamp(.8rem,3.2dvh,1.45rem);font-weight:700;display:grid}.tplate__text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.tplate__text b{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;color:var(--t-ink);font-size:clamp(.78rem,3dvh,1.4rem);font-weight:700;overflow:hidden}.tplate__text small{white-space:nowrap;color:#f5ead0b3;font-size:clamp(.6rem,2.2dvh,.98rem)}.tplate--turn{border-color:var(--t-gold-hi);animation:1.4s ease-in-out infinite tplate-turn}.tplate--turn .tplate__text small{color:var(--t-gold-hi)}.tplate--away{opacity:.6}@keyframes tplate-turn{0%,to{box-shadow:0 0 0 2px #f1d48ad9,0 0 18px #f1d48a80}50%{box-shadow:0 0 0 4px #f1d48a4d,0 0 26px #f1d48a40}}.truco--stage .truco__center{isolation:isolate;gap:.35rem;min-height:0;padding:.2rem}.truco--stage .truco__center:before{content:"";z-index:-1;aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#c9a24a21 0deg 1.4deg,#0000 1.4deg 7.5deg);border-radius:50%;width:min(70dvh,36rem,90%);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#0000 16%,#000 20% 34%,#0000 66%);mask:radial-gradient(circle,#0000 16%,#000 20% 34%,#0000 66%)}.truco__mesa{justify-content:center;align-items:center;gap:clamp(.8rem,3vw,2.4rem);min-height:0;display:flex}.truco__vira{z-index:3;flex-direction:column;align-items:center;gap:.3rem;display:flex;position:absolute;top:clamp(.2rem,1.6dvh,1.1rem);left:clamp(.4rem,2.2vw,1.8rem)}.truco--stage .truco__vira .card{--card-w:clamp(2rem, 9dvh, 4.6rem);--card-h:calc(var(--card-w) * 1.43);box-shadow:0 0 0 2px var(--t-gold), 0 8px 18px #0009}.truco__vira-label{border:1px solid var(--t-gold);color:var(--t-gold-hi);letter-spacing:.14em;text-transform:uppercase;background:#070a12;border-radius:.3rem;padding:.05rem .6rem;font-size:clamp(.58rem,2.1dvh,.76rem)}.truco--stage .truco__trick{--tw:clamp(2.1rem, 10dvh, 6.2rem);--th:calc(var(--tw) * 1.43);width:calc(var(--tw) * 3.3);height:calc(var(--th) * 1.72);flex:none;position:relative}.truco--stage .truco__trick--p2{width:calc(var(--tw) * 1.7)}.truco--stage .truco__play{flex-direction:column;align-items:center;display:flex;position:absolute}.truco--stage .truco__play .card{--card-w:var(--tw);--card-h:var(--th);box-shadow:0 10px 22px #0009}.truco__play--top{top:0;left:50%;transform:translate(-50%)rotate(-2deg)}.truco__play--left{left:0;top:calc(var(--th) * .36);transform:rotate(-8deg)}.truco__play--right{right:0;top:calc(var(--th) * .36);transform:rotate(7deg)}.truco__play--bottom{left:50%;top:calc(var(--th) * .72);transform:translate(-50%)rotate(3deg)}.truco__play{--pc:#4ade80}.truco__play--c1{--pc:#f59e0b}.truco__play--c2{--pc:var(--cyan)}.truco__play--c3{--pc:#a78bfa}.truco__who{max-width:calc(var(--tw) + 1rem);border:1px solid var(--pc);color:var(--t-ink);white-space:nowrap;text-overflow:ellipsis;background:#070a12e6;border-radius:999px;padding:.02rem .45rem;font-size:clamp(.56rem,2dvh,.74rem);position:absolute;bottom:-.45rem;overflow:hidden}.truco__play--win .card{box-shadow:0 0 0 3px var(--t-gold-hi), 0 0 18px #f1d48a99, 0 10px 22px #0009}.truco__play--top .truco__who{top:-.5rem;bottom:auto}.truco__play--win .truco__who{background:var(--t-gold);border-color:var(--t-gold-hi);color:#1d1404}.truco__ribbon{max-width:min(30rem,62vw);color:var(--t-gold-hi);letter-spacing:.12em;text-align:center;text-transform:uppercase;background:#060a18e0;border:1px solid #c9a24abf;border-radius:.35rem;padding:.2rem 1.3rem;font-size:clamp(.66rem,2.4dvh,.95rem);position:relative}.truco__ribbon:before,.truco__ribbon:after{content:"✦";width:clamp(1.6rem,5vw,3.4rem);color:var(--t-gold);background:linear-gradient(90deg, transparent, var(--t-gold)) center / 100% 1px no-repeat;font-size:.6rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.truco__ribbon:before{text-align:left;right:calc(100% + .2rem)}.truco__ribbon:after{text-align:right;background-image:linear-gradient(90deg, var(--t-gold), transparent);left:calc(100% + .2rem)}.truco__ribbon--call{border-color:var(--t-gold-hi);color:#fff4d0;background:linear-gradient(#4a3608,#241904);animation:1.2s ease-in-out infinite truco-glow}@keyframes truco-glow{50%{box-shadow:0 0 18px #f1d48a8c}}.truco__leader{color:var(--t-gold-hi);letter-spacing:.06em;text-shadow:0 1px 4px #000c;margin:0;font-size:clamp(.62rem,2.2dvh,.82rem)}.truco__history{color:#f5ead0cc;background:#00000059;border-radius:999px;gap:.8rem;margin:0;padding:.1rem .8rem;font-size:clamp(.6rem,2.1dvh,.78rem);list-style:none;display:flex}.truco__history:empty{display:none}.truco--stage .truco__last{font-family:var(--t-serif);background:#060a18d9;border-color:#c9a24a99}.truco__me{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"truco mine envido";align-items:end;gap:clamp(.4rem,1.6vw,1.4rem);width:100%;display:grid}.tpanel--truco{grid-area:truco;justify-self:start}.tpanel--envido{grid-area:envido;justify-self:end}.truco__mine-col{--cw:clamp(2.8rem, 16dvh, 8.6rem);flex-direction:column;grid-area:mine;align-items:center;min-width:0;display:flex}.truco__mine-col>.tplate{z-index:2;margin-top:calc(var(--cw) * -.32);position:relative}.truco__mine-col>.hidden-hand{margin-bottom:1.2rem}.truco--stage .truco__hand{justify-content:center;padding:.6rem 0 0;display:flex}.truco__slot{margin:0 calc(var(--cw) * -.05);transform:translateY(calc(var(--i) * var(--i) * .35rem)) rotate(calc(var(--i) * 5deg));transform-origin:50% 110%}.truco__slot .card{--card-w:var(--cw);--card-h:calc(var(--cw) * 1.43);box-shadow:0 12px 24px #0009}.truco__slot .card--playable{box-shadow:0 0 0 2px var(--t-gold-hi), 0 12px 24px #0009}.truco__slot button.card:hover:not(:disabled){transform:translateY(-.9rem)}.tpanel{background:linear-gradient(#141a28f7,#070a12f7);border:1px solid #c9a24ad9;border-radius:.6rem;width:min(100%,30rem);margin-bottom:clamp(.2rem,1.4dvh,.8rem);padding:clamp(.3rem,1.3dvh,.6rem) clamp(.5rem,1.2vw,.9rem) clamp(.4rem,1.6dvh,.8rem);box-shadow:inset 0 0 0 3px #070a12,inset 0 0 0 4px #c9a24a47,0 14px 30px #000000a6}.tpanel--ask{border-color:var(--t-gold-hi);box-shadow:inset 0 0 0 3px #070a12,inset 0 0 0 4px #f1d48a80,0 0 22px #f1d48a59,0 14px 30px #000000a6}.tpanel header{color:var(--t-gold-hi);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:clamp(.2rem,1dvh,.45rem);font-size:clamp(.6rem,2.2dvh,.85rem);display:flex}.tpanel__mine{letter-spacing:.04em;text-transform:none;color:#f5ead0cc}.tpanel__mine strong{color:var(--t-gold-hi);font-size:1.15em}.tpanel__mazo{color:#f5ead0d9;font:inherit;letter-spacing:.04em;text-transform:none;white-space:nowrap;cursor:pointer;background:#ffffff0f;border:1px solid #f5ead059;border-radius:999px;padding:.1rem .6rem;font-size:.92em}.tpanel__mazo:hover:not(:disabled){color:#ffd0d0;border-color:#d0565a}.tpanel__stones{align-items:center;gap:clamp(.25rem,.7vw,.45rem);display:flex}.tpanel__stones+.tpanel__btns{margin-top:clamp(.25rem,1dvh,.45rem)}.tpanel__word{color:var(--t-ink);margin-right:.2rem;font-size:clamp(.8rem,3dvh,1.2rem)}.tbtn--stone{flex:0 auto;min-width:clamp(1.9rem,6.5dvh,3rem);padding-left:.4rem;padding-right:.4rem}.tbtn--falta{flex:auto}.tpanel__btns{flex-wrap:wrap;gap:clamp(.25rem,.8vw,.5rem);display:flex}.tpanel__idle{color:#f5ead08c;border:1px solid #0000;padding:clamp(.28rem,1.5dvh,.7rem) .2rem;font-size:clamp(.66rem,2.3dvh,.9rem);font-style:italic;line-height:normal;font-size:clamp(.72rem,2.8dvh,1.15rem)!important}.tbtn{--b1:#23468a;--b2:#0f2350;--bl:#6b8fd4;border:1px solid var(--bl);background:linear-gradient(180deg, var(--b1), var(--b2));min-width:max-content;color:var(--t-ink);font-family:var(--t-serif);cursor:pointer;border-radius:.45rem;flex:1 1 0;padding:clamp(.28rem,1.5dvh,.7rem) clamp(.5rem,1.2vw,1rem);font-size:clamp(.72rem,2.8dvh,1.15rem);transition:filter .12s,transform .12s;box-shadow:inset 0 1px #ffffff2e,0 4px 10px #00000073}.tbtn--green{--b1:#1f7040;--b2:#0d3a1e;--bl:#56b877}.tbtn--gold{--b1:#7a6214;--b2:#3c2f07;--bl:#d6b04f}.tbtn--red{--b1:#962226;--b2:#4e0b0f;--bl:#d8585d}.tbtn:hover:not(:disabled){filter:brightness(1.18)}.tbtn:active:not(:disabled){transform:translateY(1px)}.tbtn:disabled{cursor:default;opacity:.4;filter:saturate(.5)}.tbtn--done:disabled{--b1:#3a2d0c;--b2:#1c1505;--bl:var(--t-gold);opacity:.85;filter:none;color:var(--t-gold-hi)}.tbtn--done:before{content:"✓ "}.tbtn--sung:disabled{opacity:1;filter:none;border-color:var(--t-gold-hi);animation:1.2s ease-in-out infinite truco-glow}@media (prefers-reduced-motion:reduce){.tplate--turn{animation:none;box-shadow:0 0 0 3px #f1d48acc}.truco__ribbon--call,.tbtn--sung:disabled{animation:none}}@media (width<=70rem){.tinfo{display:none}}@media (height<=32rem) and (aspect-ratio>=1){.truco__rival .hidden-hand{display:none}.truco--stage .felt{padding-top:.3rem}.tplate{gap:.4rem;padding-right:.7rem}.truco__history{display:none}.truco--stage .truco__mesa{gap:.6rem}.tpanel header{margin-bottom:.15rem}}@media (aspect-ratio<=1){.truco--stage .felt{padding:4.2rem .3rem .3rem}.truco--stage .felt:before{border-radius:45%/40%;inset:3.4rem 0 18%}.truco--stage .felt:after{border-radius:45%/40%;inset:4.2rem .8rem calc(18% + .8rem)}.truco__me{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"mine mine""truco envido";align-items:stretch;gap:.3rem .4rem}.tpanel{width:auto;margin:0;justify-self:stretch!important}.tbtn{flex-basis:calc(50% - .25rem);min-width:0}.truco__mine-col{--cw:min(22vw, 6rem)}.truco__rival--left .tplate,.truco__rival--right .tplate{text-align:center;border-radius:.9rem;flex-direction:column;gap:.15rem;padding:.25rem .35rem .35rem}.truco__rival--left .tplate__text,.truco__rival--right .tplate__text{align-items:center}.truco__rival--left .tplate__text b,.truco__rival--right .tplate__text b{max-width:4.6rem;font-size:.72rem}.truco__rival--left .tplate__text small,.truco__rival--right .tplate__text small{white-space:normal;max-width:4.6rem;font-size:.58rem}.truco__rival--left .hidden-hand,.truco__rival--right .hidden-hand{display:none}.truco--stage .truco__trick{--tw:min(15vw, 4.4rem)}.truco__mesa{flex-direction:column;gap:.6rem}.truco__vira{top:3.6rem;left:.5rem}.truco--stage .truco__vira .card{--card-w:min(12vw, 3.4rem)}.truco__hud{gap:.3rem;right:.5rem}.tplate__face{width:2.6rem;height:2.6rem;font-size:.95rem}.tplate__text b{font-size:.95rem}.tplate__text small{font-size:.68rem}.tplate{padding-right:.9rem}.tpanel{padding:.4rem .45rem .5rem}.tpanel header{margin-bottom:.3rem;font-size:.62rem}.tbtn{padding:.45rem .3rem;font-size:.85rem}.tpanel__idle{padding:.45rem .2rem;font-size:.78rem!important}.tpanel__stones{flex-wrap:wrap;gap:.3rem}.tpanel__word{flex-basis:100%;margin:0;font-size:.85rem}.tbtn--stone{flex:1 1 0;min-width:0;padding:.45rem .1rem}.tbtn--falta{flex-basis:100%}.tscore strong{font-size:1.4rem}.tscore small{font-size:.6rem}.tsquare{font-size:.95rem}.truco__ribbon{font-size:.68rem}.truco__leader,.truco__history{font-size:.66rem}.truco__rival--top .hidden-hand .card{--card-w:2rem}.truco__who{font-size:.6rem}.truco__hud .truco__tools{flex-direction:row}.tsquare{width:2.3rem}}