:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--ease-standard: cubic-bezier(.22, 1, .36, 1);--dur-fast: .16s;--dur-med: .3s;--dur-slow: .55s;--card-w-hand: clamp(84px, 22vw, 100px);--card-w-table: clamp(52px, 14vw, 64px);--card-w-rival: clamp(28px, 8.5vw, 36px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}input,textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body{margin:0;background:#04100a;color:#f5f5f5}button{cursor:pointer;border-radius:6px;border:1px solid #333;padding:.4rem .8rem;background:#1a1a1a;color:#fff;transition:transform .12s ease,background-color .12s ease,box-shadow .12s ease}button:disabled{opacity:.4;cursor:not-allowed}button:not(.card):not(:disabled):hover{background:#262626}button:not(.card):not(:disabled):active{transform:scale(.96)}input{padding:.4rem;border-radius:6px;border:1px solid #444;margin:.25rem 0;display:block}.error{color:#ff6b6b;font-weight:700}.hint{font-size:.9rem;color:#ffd166}.lobby{position:relative;min-height:100dvh;max-width:520px;margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;background:radial-gradient(115% 70% at 50% 22%,#0a2416,#061710 48%,#030c07)}.lobby-logo{display:flex;justify-content:center;margin-bottom:1.25rem}.lobby-logo img{display:block;width:clamp(140px,40vw,220px);height:auto;object-fit:contain}.lobby-menu{justify-content:center;gap:clamp(1.5rem,5vh,2.5rem)}.lobby-logo-grande{position:relative;margin:0}.lobby-logo-grande:before{content:"";position:absolute;top:-14%;right:-10%;bottom:-14%;left:-10%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,rgba(210,235,220,.22),transparent 68%);pointer-events:none}.lobby-logo-grande img{position:relative;width:clamp(230px,74vw,360px);filter:drop-shadow(0 10px 28px rgba(0,0,0,.7))}.lobby-subtitle{text-align:center;color:#a9c6b4;font-size:.9rem;line-height:1.5;margin:.4rem 0 0;max-width:34ch}.modos{width:100%;display:grid;gap:.85rem}.modo{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1rem;row-gap:2px;align-items:center;width:100%;padding:1.05rem 1.2rem;text-align:left;border-radius:16px;border:1px solid var(--modo-borde, rgba(255, 255, 255, .16));background:linear-gradient(140deg,#ffffff12,#00000059);color:#f5f5f5;box-shadow:0 10px 24px #00000073;transition:transform var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}button.modo:not(:disabled):hover{background:linear-gradient(140deg,#ffffff1f,#0000004d);border-color:var(--modo-color);box-shadow:0 12px 30px #00000080,0 0 22px var(--modo-halo);transform:translateY(-2px)}button.modo:not(:disabled):active{transform:translateY(0) scale(.99)}.modo-icono{grid-row:1 / span 2;width:42px;height:42px;flex:0 0 auto;background-color:var(--modo-color, #ffd166);-webkit-mask:var(--icono) center / contain no-repeat;mask:var(--icono) center / contain no-repeat}.modo-icono-link{--icono: url(/assets/icons/link.png)}.modo-icono-magic{--icono: url(/assets/icons/magic.png)}.modo-icono-eyes{--icono: url(/assets/icons/eyes.png)}.form-encabezado .modo-icono{grid-row:auto;width:52px;height:52px}.form-encabezado .modo-icono-link{--modo-color: #7fd39b}.form-encabezado .modo-icono-magic{--modo-color: #ffd166}.form-encabezado .modo-icono-eyes{--modo-color: #6fc3d8}.modo-titulo{font-size:1.18rem;font-weight:800;letter-spacing:.01em;color:var(--modo-color, #ffd166)}.modo-detalle{font-size:.78rem;color:#a9c6b4;line-height:1.35}.modo-unirse{--modo-color: #7fd39b;--modo-borde: rgba(127, 211, 155, .32);--modo-halo: rgba(127, 211, 155, .25)}.modo-crear{--modo-color: #ffd166;--modo-borde: rgba(255, 209, 102, .34);--modo-halo: rgba(255, 209, 102, .25)}.modo-espectar{--modo-color: #6fc3d8;--modo-borde: rgba(111, 195, 216, .32);--modo-halo: rgba(111, 195, 216, .25)}.lobby-form{justify-content:flex-start}.volver{align-self:flex-start;margin-bottom:.5rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;color:#a9c6b4;background:#0006;border:1px solid rgba(255,255,255,.14);border-radius:999px}button.volver:not(:disabled):hover{background:#ffffff1a;color:#f5f5f5}.form-encabezado{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:1.4rem;text-align:center}.form-encabezado h2{margin:.2rem 0 0;font-size:1.4rem;font-weight:800}.campo{width:100%;max-width:340px;display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.campo>span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9fbfab}.campo input{width:100%;margin:0;padding:.7rem .85rem;font-size:1rem;color:#f5f5f5;background:#00000073;border:1px solid rgba(255,255,255,.18);border-radius:10px}.campo input:focus{outline:none;border-color:#ffd166;box-shadow:0 0 0 3px #ffd16633}.campo-codigo{font-family:var(--f-mono, ui-monospace, monospace);font-size:1.5rem!important;font-weight:800;letter-spacing:.35em;text-align:center;text-transform:uppercase}.btn-principal{width:100%;max-width:340px;margin-top:.4rem;padding:.85rem 1rem;font-size:1rem;font-weight:800;color:#12281c;background:#ffd166;border:none;border-radius:12px;box-shadow:0 8px 22px #ffd16640}button.btn-principal:not(:disabled):hover{background:#ffdd8a}.sala-codigo{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.7rem 1.6rem;border-radius:14px;background:#00000073;border:1px solid rgba(255,209,102,.35)}.sala-codigo-label{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9fbfab}.sala-codigo-valor{font-family:var(--f-mono, ui-monospace, monospace);font-size:2.1rem;font-weight:800;letter-spacing:.28em;text-indent:.28em;color:#ffd166}.lobby-players{list-style:none;padding:0;margin:1.4rem 0 .6rem;width:100%;max-width:340px;display:grid;gap:6px}.lobby-players li{display:flex;align-items:center;gap:8px;padding:.55rem .85rem;border-radius:10px;background:#0006;border:1px solid rgba(255,255,255,.1);font-weight:600}.lobby-players li>span:first-child{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{flex:0 0 auto;font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ffd166;background:#ffd16624;border-radius:999px;padding:2px 8px}.lobby-cupo{font-size:.82rem;color:#a9c6b4;margin:.2rem 0 1.1rem}.espectando-chip{display:inline-flex;align-items:center;gap:4px;padding:.2rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;color:#6fc3d8;background:#6fc3d824;border:1px solid rgba(111,195,216,.4)}.game-screen{position:relative;height:100dvh;width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(115% 75% at 50% 32%,#0a2416,#061710 48%,#030c07)}.game-header{flex:0 0 auto;padding:.5rem .5rem .15rem}.game-error{flex:0 0 auto;margin:.1rem .6rem;font-size:.8rem}.game-meta{flex:0 0 auto;position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.1rem .6rem .35rem;font-size:.76rem;color:#cfe6d7}.game-meta-tools{display:flex;align-items:center;gap:.4rem}.game-screen>*{animation:screenEnter var(--dur-med) var(--ease-standard) both}.game-screen>*:nth-child(1){animation-delay:0ms}.game-screen>*:nth-child(2){animation-delay:40ms}.game-screen>*:nth-child(3){animation-delay:80ms}.game-screen>*:nth-child(4){animation-delay:.12s}.game-screen>*:nth-child(n+5){animation-delay:.15s}@keyframes screenEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hand-count-indicator{flex:0 0 auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:1px;margin:0 .6rem .3rem;padding:.3rem .75rem;border-radius:10px;background:#00000073;border:1px solid rgba(255,255,255,.16);animation:modalCardIn var(--dur-fast) var(--ease-standard) both}.hand-count-label{font-weight:800;font-size:.84rem;letter-spacing:.02em;color:#f5f5f5}.hand-count-detail{font-size:.62rem;color:#cfe6d7}.hand-count-provisional{border-style:dashed}.hand-count-provisional .hand-count-label{font-size:.74rem;font-weight:700;color:#cfe6d7}.hand-count-over{border-color:#ff8f8fa6}.hand-count-over .hand-count-label{color:#ff8f8f}.hand-count-under{border-color:#7ec8ffa6}.hand-count-under .hand-count-label{color:#7ec8ff}.hand-count-exact{border-color:#ffd166;box-shadow:0 0 10px #ffd16659}.hand-count-exact .hand-count-label{color:#ffd166}.game-table{position:relative;flex:1 1 auto;min-height:0;margin:.1rem .4rem}.table-felt{position:absolute;top:3%;right:2.5%;bottom:3%;left:2.5%;border-radius:50%/42%;background:radial-gradient(circle at 50% 34%,#12703f,#0b5530 40%,#073c21 74%,#042614);border:clamp(5px,1.6vw,9px) solid #08251a;box-shadow:0 18px 42px #0000008c}.table-felt:before{content:"";position:absolute;inset:calc(-1*clamp(5px,1.6vw,9px) - 2px);z-index:0;border-radius:50%/42%;border:1.5px solid rgba(255,209,102,.42);pointer-events:none}.table-felt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;border:2px solid rgba(255,209,102,.3);pointer-events:none}.table-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.table-logo img{display:block;width:clamp(100px,28vw,220px);height:auto;object-fit:contain;opacity:.14}.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;z-index:5;--isla-fondo: #101713;--isla-tinta: #f4f6f4;--isla-linea: #33413a;--isla-circulo: #ffd166;--isla-exceso: #ff6b6b;max-width:min(30vw,112px);transition:opacity .2s ease}.seat-me{max-width:none}.rival-fan{display:flex;justify-content:center;align-items:flex-end;min-height:calc(var(--card-w-rival) * 1.55);max-width:100%;transform:scale(var(--escala, 1));transform-origin:bottom center;margin-bottom:calc(var(--card-w-rival) * -.35 * var(--escala, 1))}.card.rival-fan-card{display:inline-block;width:var(--card-w-rival);flex:0 0 auto;border-radius:4px;border:none;margin:0 0 0 calc(var(--card-w-rival) * var(--solape, .5) * -1);transform-origin:50% 155%;transform:rotate(var(--rotate));box-shadow:0 2px 5px #0006}.rival-fan-card:first-child{margin-left:0}.seat-island{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;max-width:100%}.seat-name-pill{display:flex;align-items:center;gap:3px;color:var(--isla-tinta);background:var(--isla-fondo);border-radius:999px;padding:.15rem .65rem;border:1px solid var(--isla-linea);max-width:100%;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seat-island .bid-dots{margin:0;padding:3px 8px;background:var(--isla-fondo);border:1px solid var(--isla-linea);border-radius:999px;min-height:0}.seat-name{font-weight:700;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-starter-mark{flex:0 0 auto;font-size:.7rem}.seat-active .seat-name-pill{border-color:#ffd166;box-shadow:0 0 0 2px #ffd1668c,0 0 14px #ffd16680}.seat-leading .seat-name-pill{border-color:#9be29b;box-shadow:0 0 0 2px #9be29b8c,0 0 12px #9be29b73}.seat-held .seat-name-pill{border-color:#fff;box-shadow:0 0 0 3px #ffffffd9,0 0 16px #ffffff80;transform:scale(1.05)}.seat:not(.seat-active):not(.seat-leading):not(.seat-held):not(.seat-me){opacity:.88}.bid-dots{display:flex;align-items:center;justify-content:center;gap:3px;min-height:12px;margin:1px 0}.bid-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--isla-circulo, #ffd166);box-sizing:border-box;flex:0 0 auto}.bid-dot-filled{background:var(--isla-circulo, #ffd166)}.bid-dot-empty{background:var(--isla-fondo, #101713)}.bid-dots-excess{font-size:.62rem;font-weight:800;color:var(--isla-exceso, #9be29b);margin-left:1px}.bid-dots-zero-badge{position:relative;display:block;width:13px;height:13px;flex:0 0 auto;border-radius:50%;border:1.8px solid var(--isla-circulo, #ffd166)}.bid-dots-zero-badge:before,.bid-dots-zero-badge:after{content:"";position:absolute;left:1.5px;right:1.5px;top:50%;height:1.6px;margin-top:-.8px;background:var(--isla-circulo, #ffd166)}.bid-dots-zero-badge:before{transform:rotate(45deg)}.bid-dots-zero-badge:after{transform:rotate(-45deg)}.bid-dots-pending{font-size:.68rem;color:var(--isla-tinta, #cfe6d7)}.trick-stack{position:relative;width:26px;height:34px;margin-top:3px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.trick-stack-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background-color:#1b5a6b;background-image:url(/assets/cards/reverso.png);background-size:cover;background-position:center;box-shadow:0 1px 3px #00000080;transform:translate(calc(var(--stack-i) * 2px),calc(var(--stack-i) * -2px))}.trick-stack-count{position:absolute;bottom:-4px;right:-6px;background:#ffd166;color:#1a1a1a;font-size:.6rem;font-weight:700;border-radius:999px;border:none;padding:1px 5px;min-width:16px;line-height:1.3}.played-slot-anchor{position:absolute;transform:translate(-50%,-50%);transition:left .55s ease,top .55s ease;z-index:3}.played-slot-anchor-collapsing{z-index:2;opacity:0;transition:left .55s ease,top .55s ease,opacity .45s ease .15s}.played-card{position:relative;animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;touch-action:manipulation}.played-card .card{width:var(--card-w-table);font-size:.72rem;transition:filter .2s ease,opacity .2s ease}.played-card-enter-bottom{animation-name:enterFromBottom}.played-card-enter-top{animation-name:enterFromTop}.played-card-enter-left{animation-name:enterFromLeft}.played-card-enter-right{animation-name:enterFromRight}@keyframes enterFromBottom{0%{transform:translateY(70px) scale(.7) rotate(0);opacity:0}to{transform:rotate(var(--jitter-rotate, 0deg));opacity:1}}@keyframes enterFromTop{0%{transform:translateY(-70px) scale(.7) rotate(0);opacity:0}to{transform:rotate(var(--jitter-rotate, 0deg));opacity:1}}@keyframes enterFromLeft{0%{transform:translate(-70px) scale(.7) rotate(0);opacity:0}to{transform:rotate(var(--jitter-rotate, 0deg));opacity:1}}@keyframes enterFromRight{0%{transform:translate(70px) scale(.7) rotate(0);opacity:0}to{transform:rotate(var(--jitter-rotate, 0deg));opacity:1}}.played-card-winner .card{box-shadow:0 0 0 3px #ffd166,0 0 16px 4px #ffd166b3;transform:scale(1.15);transition:transform .2s ease,box-shadow .2s ease;animation:winnerPulse 1.6s ease-in-out infinite}@keyframes winnerPulse{0%,to{box-shadow:0 0 0 3px #ffd166,0 0 14px 3px #ffd16699}50%{box-shadow:0 0 0 3px #ffd166,0 0 20px 6px #ffd166e6}}.played-card-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#ffd166;color:#1a1a1a;font-size:.56rem;font-weight:700;padding:1px 6px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 4px #0006;z-index:6}.played-card-held{z-index:40}.played-card-held .card{box-shadow:0 0 0 3px #fff,0 6px 16px #00000080;transform:scale(1.18)}.played-card-dimmed .card{opacity:.45;filter:saturate(.6)}.played-card-owner{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:.62rem;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap;z-index:41;pointer-events:none}.card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:60px;aspect-ratio:5 / 7;height:auto;border-radius:8px;background:#fff;color:#111;margin:0;position:relative;font-weight:700}.card-face-down{background-color:#1b5a6b;background-image:url(/assets/cards/reverso.png),radial-gradient(ellipse 44% 30% at 50% 50%,rgba(255,255,255,.17) 0 62%,transparent 64%),repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 2px,transparent 2px 6px),repeating-linear-gradient(-45deg,rgba(255,255,255,.1) 0 2px,transparent 2px 6px);background-size:cover,auto,auto,auto;background-position:center;background-repeat:no-repeat,no-repeat,repeat,repeat;border:none}.card-has-image{padding:0;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;border-radius:6px;pointer-events:none}.card-basto,.card-espada{color:#111}.card-moneda,.card-copa{color:#b3121a}.card-joker-mayor.card-has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:#c62828;mix-blend-mode:lighten;pointer-events:none}.card-joker-menor{outline:2px dashed rgba(140,140,140,.7);outline-offset:-3px}.card-mark{position:absolute;top:2px;right:4px;color:#999}.local-hand{flex:0 0 auto;position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;padding:.3rem 0 max(.5rem,env(safe-area-inset-bottom))}.local-hand-fan{display:flex;justify-content:center;align-items:flex-end;min-height:150px;padding:0 .5rem;position:relative}.local-hand-slot{position:relative;transform:rotate(var(--rotate)) translateY(calc(var(--rise) * -1));transition:transform .16s ease,margin-left .18s ease;margin-left:calc(var(--card-w-hand) * -.42)}.local-hand-slot:first-child{margin-left:0}.local-hand-slot .card{width:var(--card-w-hand);font-size:clamp(.9rem,3vw,1.05rem);box-shadow:0 4px 10px #00000073;transition:filter .16s ease,opacity .16s ease,box-shadow .16s ease,transform .14s ease}.local-hand-slot-inactive{margin-left:calc(var(--card-w-hand) * -.4)}.local-hand-slot-inactive:first-child{margin-left:0}.local-hand-slot-inactive .card{filter:saturate(.55) brightness(.8)}.local-hand-slot .card:disabled{opacity:1;cursor:default}.local-hand-slot-selected{z-index:200!important;transform:rotate(var(--rotate)) translateY(calc(var(--rise) * -1 - 26px)) scale(1.08)}.local-hand-slot-selected .card{box-shadow:0 0 0 3px #ffd166,0 10px 20px #0000008c}.local-hand-slot:not(.local-hand-slot-inactive):not(.local-hand-slot-selected) .card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #00000080}.local-hand-slot:not(.local-hand-slot-inactive) .card:not(:disabled):active{transform:translateY(-4px) scale(.98)}.hand-hint{font-size:.76rem;color:#cfe6d7;margin:.15rem 0 0}.betting-panel{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.35rem .6rem .15rem;z-index:15}.bet-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:100%}.bet-option{flex:0 0 auto;min-width:44px;padding:.45rem 0;border-radius:999px;font-size:1rem;font-weight:800;text-align:center;color:#12281c;background:#ffd166;border:none;box-shadow:0 4px 12px #0006}button.bet-option:not(:disabled):hover{background:#ffdd8a}.bet-option-bloqueada{color:#8d9a8f;background:#00000080;border:1px dashed rgba(255,255,255,.28);text-decoration:line-through}.bet-bloqueada-nota{margin:0;font-size:.66rem;color:#a9c6b4;text-align:center}.bet-bloqueada-nota strong{color:#ffd166}.leaderboard-bar{display:flex;align-items:center;gap:.4rem}.leaderboard-islands{flex:1;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.leaderboard-islands::-webkit-scrollbar{display:none}.leaderboard-island{flex:0 0 auto;display:flex;align-items:baseline;gap:.3rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.25rem .6rem;font-size:.76rem;white-space:nowrap;transition:box-shadow .2s ease}.island-pos{color:#ffd166;font-weight:700}.island-name{font-weight:600}.island-score{color:#9be29b;font-weight:700}.leaderboard-island-scored{animation:islandScorePulse .9s ease}@keyframes islandScorePulse{0%{box-shadow:0 0 #9be29bb3}40%{box-shadow:0 0 0 6px #9be29b00}to{box-shadow:0 0 #9be29b00}}.leaderboard-detail-btn{flex:0 0 auto;font-size:.7rem;padding:.3rem .55rem}.score-detail-panel{background:#0000008c;border-radius:10px;padding:.4rem .5rem;border:1px solid rgba(255,255,255,.12);animation:modalCardIn var(--dur-fast) var(--ease-standard) both}.score-detail-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.score-detail-header h3{margin:0;font-size:.85rem}.score-detail-close{padding:.1rem .55rem;font-size:.85rem}.score-detail-scroll{overflow-x:auto;overflow-y:auto;max-height:32dvh;margin-top:.3rem}.score-detail-table{border-collapse:collapse;font-size:.7rem}.score-detail-table th,.score-detail-table td{padding:.22rem .4rem;border:1px solid rgba(255,255,255,.12);text-align:center;white-space:nowrap}.score-cell{cursor:pointer}.score-cell-selected{background:#ffd16647}.score-total{font-weight:700;color:#ffd166}.score-cell-detail{margin:.35rem 0 0;font-size:.72rem;color:#ffd166}.won-stack-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:70;padding:1rem;animation:modalBackdropIn var(--dur-fast) var(--ease-standard) both}.won-stack-panel{background:#0d2e1c;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:.8rem;max-width:360px;width:100%;max-height:78dvh;display:flex;flex-direction:column;animation:modalCardIn var(--dur-fast) var(--ease-standard) both}.won-stack-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto}.won-stack-header h3{margin:0;font-size:.9rem}.won-stack-close{padding:.1rem .55rem;font-size:.85rem}.won-stack-scroll{overflow-y:auto;margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem}.won-stack-trick-label{font-size:.7rem;color:#cfe6d7;margin-bottom:.3rem}.won-stack-cards{display:flex;flex-wrap:wrap;gap:.4rem}.leaderboard-detail-btn,.power-guide-btn,.leave-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;line-height:1.4;color:#dff0e4;background:#00000080;border:1px solid rgba(255,209,102,.32);border-radius:999px;padding:.28rem .7rem;cursor:pointer;white-space:nowrap;list-style:none}button.leaderboard-detail-btn:not(:disabled):hover,button.leave-btn:not(:disabled):hover,.power-guide-btn:hover{background:#ffd16624;border-color:#ffd16699;color:#ffe6a8}.leave-btn{border-color:#fff3;color:#b9cfc0}button.leave-btn:not(:disabled):hover{background:#ff8f8f24;border-color:#ff8f8f8c;color:#ffc9c9}.round-chip{display:inline-flex;align-items:baseline;gap:5px;padding:.22rem .65rem;border-radius:999px;background:#00000080;border:1px solid rgba(255,209,102,.28)}.round-chip-label{font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9fbfab}.round-chip-value{font-size:.86rem;font-weight:800;color:#ffd166;font-variant-numeric:tabular-nums}.round-chip-total{font-size:.68rem;font-weight:600;color:#9fbfab}.power-guide{position:relative}.power-guide summary::-webkit-details-marker{display:none}.power-guide-btn-icon{color:#ffd166;font-size:.8rem}.power-guide[open] .power-guide-btn{background:#ffd16629;border-color:#ffd16699;color:#ffe6a8}.power-guide-body{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:min(88vw,460px);max-height:min(58vh,480px);overflow-y:auto;padding:.85rem .9rem 1rem;border-radius:14px;background:#08251a;border:1px solid rgba(255,209,102,.32);box-shadow:0 18px 44px #000000a8;text-align:left;animation:modalCardIn var(--dur-fast) var(--ease-standard) both}.power-guide-lead{margin:0 0 .75rem;font-size:.74rem;color:#cfe6d7}.guide-group+.guide-group{margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.1)}.guide-group-title{display:flex;align-items:center;gap:7px;margin:0 0 .5rem;font-size:.78rem;font-weight:700;color:#f5f5f5}.guide-group-n{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#ffd166;color:#12281c;font-size:.64rem;font-weight:800}.guide-row{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}.guide-item{display:flex;flex-direction:column;align-items:center;gap:3px;margin:0}.guide-pie{font-size:.58rem;font-weight:700;letter-spacing:.02em;color:#9fbfab;text-align:center;max-width:8ch;line-height:1.2}.guide-row-rank .guide-pie{color:#ffd166}.guide-sub{margin:.7rem 0 .45rem;font-size:.7rem;font-weight:600;color:#dff0e4}.guide-duelo{display:flex;align-items:flex-start;gap:10px}.guide-vs{align-self:center;margin-top:-.6rem;font-size:1rem;color:#ffd166}.guide-card{position:relative;display:block;width:clamp(34px,10vw,46px);aspect-ratio:5 / 7;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 2px 5px #00000073}.guide-card img{width:100%;height:100%;object-fit:cover;display:block}.guide-card-rojo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c62828;mix-blend-mode:lighten;pointer-events:none}.guide-note{margin:.6rem 0 0;font-size:.68rem;line-height:1.5;color:#a9c6b4}.guide-note-top{margin:0 0 .6rem}.guide-note strong{color:#ffd166}.lobby-leave{margin-top:1rem}.round-summary{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;animation:modalBackdropIn var(--dur-med) var(--ease-standard) both}.round-summary-card{background:#0d2e1c;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:1rem;max-width:340px;width:100%;max-height:82dvh;overflow-y:auto;animation:modalCardIn var(--dur-med) var(--ease-standard) both}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalCardIn{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:none}}.round-banner{position:absolute;top:50%;left:50%;z-index:45;pointer-events:none;text-align:center;background:#000000ad;border:1px solid rgba(255,209,102,.4);border-radius:12px;padding:.6rem 1.1rem;animation:roundBannerPop 2s var(--ease-standard) both}.round-banner-title{display:block;font-size:1.05rem;font-weight:800;color:#ffd166}.round-banner-detail{display:block;font-size:.78rem;color:#cfe6d7;margin-top:2px}@keyframes roundBannerPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}.round-summary-card h2{margin:0 0 .5rem;font-size:1.05rem}.round-summary-list{list-style:none;padding:0;margin:.4rem 0;display:flex;flex-direction:column;gap:.4rem}.round-summary-list li{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.3rem}.round-summary-name{font-weight:700}.round-summary-points{font-weight:700;color:#ff8f8f}.round-summary-points-met{color:#9be29b}.round-summary-continue{width:100%;margin-top:.6rem}.game-over{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto;animation:modalBackdropIn var(--dur-slow) var(--ease-standard) both}.game-over>*{animation:modalCardIn var(--dur-slow) var(--ease-standard) both}table{border-collapse:collapse;margin-top:.5rem}th,td{border:1px solid rgba(255,255,255,.2);padding:.4rem .6rem;text-align:left}.winner{font-size:1.3rem;font-weight:700;color:#ffd166}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.played-card-winner .card{animation:none!important}.round-banner{animation:none!important;opacity:1!important}}.game-screen-mi-turno:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90;border-radius:inherit;box-shadow:inset 0 0 0 3px #ffd166e6,inset 0 0 34px #ffd16666;animation:latidoTurno 1.5s ease-in-out infinite}@keyframes latidoTurno{0%,to{opacity:.45}50%{opacity:1}}.turno-aviso{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;padding:.34rem 1.1rem;border-radius:999px;background:#ffd166;color:#12281c;font-size:.82rem;font-weight:800;letter-spacing:.03em;white-space:nowrap;box-shadow:0 6px 20px #0000008c,0 0 20px #ffd1668c;animation:latidoTurno 1.5s ease-in-out infinite}.turn-timer{position:relative;flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;margin-left:2px}.turn-timer svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.turn-timer-pista{fill:none;stroke:#ffffff2e;stroke-width:4}.turn-timer-avance{fill:none;stroke:#ffd166;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.turn-timer-num{position:relative;font-size:.56rem;font-weight:800;color:#ffd166;font-variant-numeric:tabular-nums;line-height:1}.turn-timer-urgente .turn-timer-avance{stroke:#ff8f8f}.turn-timer-urgente .turn-timer-num{color:#ff8f8f}@media(prefers-reduced-motion:reduce){.game-screen-mi-turno:after,.turno-aviso{animation:none;opacity:1}}.seat-revealed{display:flex;justify-content:center;margin-bottom:3px}.seat-revealed .card{width:calc(var(--card-w-rival) * 1.45);box-shadow:0 3px 8px #00000080,0 0 0 1.5px #ffd16680}.hand-hint-ciega{color:#ffd166;font-weight:600}.game-screen-urgente:after{box-shadow:inset 0 0 0 3px #ff6b6bf2,inset 0 0 38px #ff6b6b73;animation-duration:.7s}.turno-aviso-urgente{background:#ff6b6b;color:#2b0d0d;box-shadow:0 6px 20px #0000008c,0 0 22px #ff6b6b99;animation-duration:.7s}.game-screen-urgente .seat-active .seat-name-pill{border-color:#ff6b6b;box-shadow:0 0 0 2px #ff6b6b99,0 0 16px #ff6b6b8c}.maldone-capa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#030c07b8;animation:modalCardIn var(--dur-fast) var(--ease-standard) both}.maldone-capa-suave{background:none;pointer-events:none}.maldone-capa-suave>*{pointer-events:auto}.maldone-pedir{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.4rem;border-radius:999px;border:1.5px solid #ff6b6b;background:#2e0a0af0;color:#ff8f8f;font-size:1rem;font-weight:800;letter-spacing:.01em;animation:latidoMalDone 1.1s ease-in-out infinite}@keyframes latidoMalDone{0%,to{box-shadow:0 8px 24px #0009,0 0 16px #ff6b6b66}50%{box-shadow:0 8px 24px #0009,0 0 34px #ff6b6bd9}}button.maldone-pedir:not(:disabled):hover{background:#ff6b6b38;color:#ffc9c9}.maldone-pedir-seg{min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ff6b6b;color:#2b0d0d;font-size:.76rem;font-weight:800;font-variant-numeric:tabular-nums}.maldone-quedan{margin:0;font-size:.7rem;color:#a9c6b4;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.9)}.maldone-votacion{width:min(90%,340px);padding:1.2rem 1.1rem;border-radius:16px;text-align:center;background:#08251a;border:1px solid rgba(255,209,102,.4);box-shadow:0 18px 44px #000000b3}.maldone-pedido{margin:0;font-size:1rem;color:#f5f5f5}.maldone-pedido strong{color:#ffd166}.maldone-pregunta{margin:.6rem 0 .9rem;font-size:.86rem;color:#a9c6b4}.maldone-botones{display:flex;gap:.7rem;justify-content:center}.maldone-si,.maldone-no{flex:1 1 0;max-width:130px;padding:.7rem 0;border-radius:12px;border:none;font-size:1rem;font-weight:800}.maldone-si{background:#3fa96a;color:#06210f}button.maldone-si:not(:disabled):hover{background:#4fbd7c}.maldone-no{background:#ffffff1a;color:#dff0e4;border:1px solid rgba(255,255,255,.22)}button.maldone-no:not(:disabled):hover{background:#ffffff2e}.maldone-esperando{margin:.7rem 0 0;font-size:.85rem;color:#a9c6b4}.maldone-resultado{width:min(92%,380px);padding:1.1rem;border-radius:16px;text-align:center;background:#08251a;border:1px solid rgba(255,143,143,.45);box-shadow:0 18px 44px #000000b3}.maldone-resultado.maldone-paso{border-color:#7fd39b8c}.maldone-resultado-titulo{margin:0;font-size:1.1rem;font-weight:800;color:#ff8f8f}.maldone-paso .maldone-resultado-titulo{color:#7fd39b}.maldone-resultado-sub{margin:.2rem 0 .9rem;font-size:.76rem;color:#a9c6b4}.maldone-columnas{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.maldone-col{display:flex;flex-direction:column;gap:3px;padding:.6rem .5rem;border-radius:10px;background:#0006;border:1px solid rgba(255,255,255,.1)}.maldone-col-titulo{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.maldone-col-si .maldone-col-titulo{color:#7fd39b}.maldone-col-no .maldone-col-titulo{color:#ff8f8f}.maldone-nombre{font-size:.82rem;font-weight:600;color:#f5f5f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maldone-nadie{font-size:.76rem;color:#6f8377;font-style:italic}.fin-acciones{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.2rem}.fin-revancha-estado{margin:0;font-size:.78rem;color:#a9c6b4;text-align:center;max-width:34ch}.btn-revancha-pedida{background:#ffd16629;color:#ffd166;border:1px solid rgba(255,209,102,.55);box-shadow:none}button.btn-revancha-pedida:not(:disabled):hover{background:#ffd16642}.badge-revancha{margin-left:6px;color:#7fd39b;background:#7fd39b29}.fila-ganador td{color:#ffd166;font-weight:700}.reparto{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.reparto-mazo{position:absolute;left:50%;top:50%;width:var(--card-w-rival);margin:0;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000080;animation:barajear .14s ease-in-out infinite alternate}.reparto-mazo-0{animation-delay:0ms}.reparto-mazo-1{animation-delay:45ms}.reparto-mazo-2{animation-delay:90ms}@keyframes barajear{0%{transform:translate(-50%,-50%) translate(-5px) rotate(-5deg)}to{transform:translate(-50%,-50%) translate(5px) rotate(5deg)}}.reparto-carta{position:absolute;width:var(--card-w-rival);margin:0;box-shadow:0 4px 12px #0000008c;animation:repartir .3s cubic-bezier(.3,.9,.4,1) both}@keyframes repartir{0%{left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-8deg)}25%{opacity:1}to{left:var(--destino-x);top:var(--destino-y);opacity:0;transform:translate(-50%,-50%) scale(1) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.reparto{display:none}}.ajustes{position:relative;flex:0 0 auto}.ajustes-btn{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:50%;background:#00000080;border:1px solid rgba(255,209,102,.32)}.ajustes-btn svg{width:18px;height:18px;fill:none;stroke:#ffd166;stroke-width:1.9;stroke-linecap:round;transition:transform var(--dur-med) var(--ease-standard)}button.ajustes-btn:not(:disabled):hover{background:#ffd16629;border-color:#ffd16699}.ajustes-btn-abierto svg{transform:rotate(60deg)}.ajustes-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:120;min-width:190px;display:flex;flex-direction:column;padding:5px;border-radius:12px;background:#08251a;border:1px solid rgba(255,209,102,.32);box-shadow:0 14px 34px #000000a8;animation:modalCardIn var(--dur-fast) var(--ease-standard) both}.ajustes-item{display:flex;align-items:center;gap:9px;padding:.6rem .7rem;border:none;border-radius:8px;background:transparent;color:#dff0e4;font-size:.86rem;font-weight:600;text-align:left;white-space:nowrap}button.ajustes-item:not(:disabled):hover{background:#ffffff17}.ajustes-item-icono{width:16px;text-align:center;color:#ffd166}.ajustes-item-salir{color:#ffb3b3}.ajustes-item-salir .ajustes-item-icono{color:#ff8f8f}button.ajustes-item-salir:not(:disabled):hover{background:#ff8f8f24}.power-guide-capa{position:absolute;top:0;right:0;bottom:0;left:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:1rem;background:#030c07c7;animation:modalCardIn var(--dur-fast) var(--ease-standard) both}.power-guide-cabecera{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.12)}.power-guide-cabecera h3{margin:0;font-size:1rem;font-weight:800;color:#ffd166}.power-guide-cerrar{flex:0 0 auto;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:1.2rem;line-height:1;color:#dff0e4;background:#ffffff14;border:1px solid rgba(255,255,255,.16)}.game-meta .hand-count-indicator{flex:0 1 auto;flex-direction:row;align-items:baseline;gap:6px;margin:0;padding:.2rem .6rem;animation:none}.game-meta .hand-count-label{font-size:.78rem}.local-hand-slot .card{pointer-events:none}.local-hand-slot{cursor:grab;touch-action:none}.local-hand-slot-agarrada{transition:none;transform:rotate(2deg) scale(1.05);cursor:grabbing}.local-hand-slot-agarrada .card{box-shadow:0 16px 30px #000000b3}.local-hand-slot-lista{transform:rotate(0) scale(1.12)}.local-hand-slot-lista .card{box-shadow:0 16px 30px #000000b3,0 0 0 2px #ffd166,0 0 26px #ffd166bf}.linea-juego{position:absolute;left:.5rem;right:.5rem;top:-14px;z-index:25;height:0;border-top:2px dashed rgba(255,255,255,.35);pointer-events:none;transition:border-color var(--dur-fast) ease}.linea-juego-texto{position:absolute;left:50%;top:-.85rem;transform:translate(-50%);padding:.14rem .7rem;border-radius:999px;background:#030c07e6;border:1px solid rgba(255,255,255,.2);font-size:.68rem;font-weight:700;color:#a9c6b4;white-space:nowrap;transition:color var(--dur-fast) ease,border-color var(--dur-fast) ease}.linea-juego-lista{border-top-color:#ffd166;border-top-style:solid;box-shadow:0 0 16px #ffd16699}.linea-juego-lista .linea-juego-texto{color:#12281c;background:#ffd166;border-color:#ffd166}.score-detail-table td.score-cell{color:#f5f5f5}.score-detail-table td.score-cell-perdida{color:#ff6b6b;font-weight:700}.leaderboard-island-invicto{background:#ffd16629;border-color:#ffd166b3;box-shadow:0 0 12px #ffd16647}.leaderboard-island-invicto .island-name,.leaderboard-island-invicto .island-score{color:#ffd166}.seat-starter{--isla-fondo: #a9d4ba;--isla-tinta: #0d2e1b;--isla-linea: #7fae91;--isla-circulo: #0d2e1b;--isla-exceso: #a11a1a}.seat-name-pill{min-width:calc(var(--pie-ancho, 0px) + 20px);justify-content:center}.seat-island .bid-dots{gap:var(--pie-separacion, 3px)}.seat-island .bid-dot{width:var(--pie-circulo, 8px);height:var(--pie-circulo, 8px);border-width:1.4px}