: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__center{position:relative}.truco__turned{flex-direction:column;align-items:center;gap:.15rem;display:flex;position:absolute;top:50%;left:.4rem;transform:translateY(-50%)rotate(-8deg)}.truco__trick{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.truco__play{text-shadow:0 1px 4px #000c;flex-direction:column;align-items:center;gap:.2rem;display:flex}.truco__play--win .card{box-shadow:0 0 0 3px #ffe39a,0 4px 10px #00000080}.truco__history{color:#fffc;background:#0000004d;border-radius:999px;gap:.8rem;margin:0;padding:.2rem .7rem;font-size:.76rem;list-style:none;display:flex}.truco__history:empty{display:none}.truco__shown{flex-wrap:wrap;gap:1rem;margin-top:.4rem;display:flex}.truco__mine{text-align:center;text-shadow:0 1px 4px #000c;min-height:1.2em;margin:0}.truco__mine strong{color:var(--gold)}.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){.truco__turned{flex-direction:row;position:static;transform:none}.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}}