:root{--fondo:#0d1712;--panel:#14231b;--panel-borde:#24382c;--texto:#eef3ee;--texto-suave:#9db3a5;--pano:#1e5c3d;--pano-oscuro:#123f29;--acento:#f2c14e;--acento-texto:#2a1f00;--peligro:#f08a6c;--ficha:#f8f4e9;--ficha-borde:#cfc6b0;--ficha-dorso:#8a2b2b;--punto:#1a1a1a;--tu-fondo:#f2c14e26;--tu-borde:#f2c14e66;--companero:#7cc7ea;--companero-fondo:#7cc7ea21;--companero-borde:#7cc7ea66;--rival-fondo:#ffffff0d;--radio:12px;--ficha-mano:42px;--borde-izq:max(16px, env(safe-area-inset-left));--borde-der:max(16px, env(safe-area-inset-right));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--fondo);touch-action:manipulation;overscroll-behavior:none;min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.solo-estrecho{display:none}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.ficha{filter:drop-shadow(0 1px 1.5px #00000073);display:block}.ficha-cara{fill:var(--ficha);stroke:var(--ficha-borde);stroke-width:1.5px}.ficha-division{stroke:#9b937f;stroke-width:1.6px;stroke-linecap:round}.ficha-punto{fill:var(--punto)}.ficha-oculta .ficha-cara{fill:var(--ficha-dorso);stroke:#5e1b1b}.boton-principal{background:var(--acento);color:var(--acento-texto);border:0;border-radius:999px;padding:.75rem 1.5rem;font-weight:700;transition:transform .1s,filter .15s}.boton-principal:hover{filter:brightness(1.08)}.boton-principal:active{transform:scale(.97)}.boton-secundario{border:1px solid var(--panel-borde);background:0 0;border-radius:999px;padding:.75rem 1.5rem;font-weight:600}.boton-texto{color:var(--texto-suave);background:0 0;border:0;padding:.4rem .2rem}.boton-texto:hover{color:var(--texto)}.insignia{background:var(--acento);color:var(--acento-texto);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:800;display:inline-block}.inicio{text-align:center;background:radial-gradient(ellipse at center, var(--pano) 0%, var(--pano-oscuro) 55%, var(--fondo) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 16px;display:flex}.inicio-logo{align-items:center;gap:4px;margin-bottom:1rem;display:flex}.inicio h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,7vw,3rem)}.inicio-lema{color:var(--texto-suave);margin:.35rem 0 2rem}.inicio-panel{border:1px solid var(--panel-borde);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1712b3;border-radius:20px;flex-direction:column;gap:1.1rem;width:min(100%,380px);padding:1.5rem;display:flex}.selector{text-align:left;border:0;margin:0;padding:0}.selector legend{color:var(--texto-suave);margin-bottom:.4rem;padding:0;font-size:.8rem}.selector-opciones{background:var(--fondo);border-radius:999px;gap:4px;padding:4px;display:flex}.selector-opciones button{color:var(--texto-suave);background:0 0;border:0;border-radius:999px;flex:1;padding:.55rem .5rem;font-weight:600}.selector-cuadricula{border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.selector-opciones button.activo{background:var(--panel-borde);color:var(--texto)}.inicio-panel .boton-principal{margin-top:.5rem;font-size:1.05rem}.partida{-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.barra{padding:calc(.5rem + env(safe-area-inset-top)) var(--borde-der) .5rem var(--borde-izq);background:var(--panel);border-bottom:1px solid var(--panel-borde);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.partida>.barra{grid-column:1/-1}.partida>.tablero{grid-area:2/1}.partida>.zona-jugador{grid-area:3/1}.barra-derecha{align-items:center;gap:.6rem;display:flex}.boton-bitacora{border:1px solid var(--panel-borde);color:var(--texto-suave);background:0 0;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.85rem;font-weight:600;display:inline-flex}.boton-bitacora.activo{background:var(--panel-borde);color:var(--texto)}.marcador{color:var(--texto-suave);align-items:baseline;gap:.75rem;font-size:.9rem;display:flex}.marcador strong{color:var(--texto);font-variant-numeric:tabular-nums;font-size:1.25rem}.marcador-limite{font-size:.75rem}.barra-ronda{color:var(--texto-suave);font-size:.85rem}.tablero{padding:.75rem var(--borde-der) .75rem var(--borde-izq);background:radial-gradient(ellipse at center, var(--pano) 0%, var(--pano-oscuro) 75%);grid-template:"arriba arriba arriba""izquierda mesa derecha"1fr/minmax(64px,130px) 1fr minmax(64px,130px);gap:.5rem;min-height:0;display:grid}.asiento{border-radius:var(--radio);border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;transition:border-color .2s,background .2s;display:flex;position:relative}.asiento-arriba{grid-area:arriba;justify-self:center;min-width:200px}.asiento-izquierda{grid-area:izquierda;align-self:center}.asiento-derecha{grid-area:derecha;align-self:center}.asiento-turno{border-color:var(--acento);background:#f2c14e14}.asiento-cabecera{align-items:center;gap:.4rem;display:flex}.asiento-nombre{font-size:.9rem;font-weight:700}.asiento-arriba .asiento-nombre{color:var(--companero)}.asiento-fichas{gap:2px;display:flex}.asiento-fichas-vertical{flex-direction:column}.asiento-cuenta{color:var(--texto-suave);font-size:.75rem}.asiento-aviso{background:var(--peligro);color:#2b0d05;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:800;animation:.2s ease-out aparecer;position:absolute;top:-.4rem;right:-.2rem}.mesa{background:#0000001f;border-radius:20px;grid-area:mesa;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000040}.mesa-cadena{transform-origin:50%;transition:transform .25s ease-out;position:absolute;top:50%;left:50%}.mesa-ficha{position:absolute}.mesa-ficha-reciente{animation:.3s ease-out colocar}.mesa-ficha-reciente .ficha{filter:drop-shadow(0 0 4px var(--acento))}.mesa-vacia{text-align:center;color:#eef3eebf;place-items:center;margin:0;padding:16px;font-size:1rem;display:grid;position:absolute;inset:0}.mesa-hueco{border:2px dashed var(--acento);background:#f2c14e26;border-radius:6px;padding:0;animation:1.1s ease-in-out infinite latir;position:absolute}.mesa-hueco:hover{background:#f2c14e4d}.zona-jugador{padding:.6rem var(--borde-der) calc(.6rem + env(safe-area-inset-bottom)) var(--borde-izq);background:var(--panel);border-top:2px solid var(--panel-borde);flex-direction:column;align-items:center;gap:.5rem;transition:border-color .2s;display:flex}.zona-jugador-turno{border-top-color:var(--acento)}.estado-turno{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:2.4rem;display:flex}.estado-texto{color:var(--texto-suave)}.zona-jugador-turno .estado-texto{color:var(--texto);font-weight:600}.boton-paso,.boton-punta{padding:.45rem 1.1rem}.botones-punta{gap:.5rem;display:inline-flex}.estado-error{color:var(--peligro);font-size:.85rem}.mano{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mano-ficha{background:0 0;border:0;border-radius:8px;padding:0;transition:transform .15s,opacity .15s}.zona-jugador-turno .mano-ficha:disabled{opacity:.45}.mano .ficha{width:var(--ficha-mano);height:calc(var(--ficha-mano) * 2)}.mano-ficha-jugable{transform:translateY(-6px)}@media (hover:hover){.mano-ficha-jugable:hover{transform:translateY(-10px)}}.mano-ficha-seleccionada,.mano-ficha-seleccionada:hover{transform:translateY(-14px)}.mano-ficha-seleccionada .ficha{filter:drop-shadow(0 0 6px var(--acento))}.registro{color:var(--texto-suave);flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;min-height:1.2rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.registro li:last-child{color:var(--texto)}.bitacora{background:var(--panel);border-left:1px solid var(--panel-borde);flex-direction:column;min-height:0;display:flex}.bitacora-cabecera{border-bottom:1px solid var(--panel-borde);justify-content:space-between;align-items:center;padding:.55rem .75rem .55rem 1rem;display:flex}.bitacora-cabecera h2{margin:0;font-size:.95rem}.bitacora-lista{overscroll-behavior:contain;flex-direction:column;flex:1;gap:.4rem;margin:0;padding:.75rem;list-style:none;display:flex;overflow-y:auto}.bitacora-separador{background:var(--fondo);color:var(--texto-suave);text-align:center;border-radius:999px;align-self:center;margin:.45rem 0 .15rem;padding:.2rem .75rem;font-size:.72rem;font-weight:600}.burbuja{background:var(--rival-fondo);border:1px solid #0000;border-radius:12px 12px 12px 4px;flex-direction:column;align-self:flex-start;gap:.1rem;max-width:88%;padding:.4rem .65rem;font-size:.85rem;animation:.2s ease-out aparecer;display:flex}.burbuja-tu{background:var(--tu-fondo);border-color:var(--tu-borde);border-radius:12px 12px 4px;align-self:flex-end}.burbuja-companero{background:var(--companero-fondo);border-color:var(--companero-borde)}.burbuja-autor{color:var(--texto-suave);font-size:.7rem;font-weight:700}.burbuja-companero .burbuja-autor{color:var(--companero)}.burbuja-texto{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.burbuja-ficha{font-variant-numeric:tabular-nums;font-weight:700}.burbuja-pase .burbuja-texto{color:var(--texto-suave);font-style:italic}.partida-con-bitacora{--ancho-bitacora:300px;grid-template-columns:minmax(0, 1fr) var(--ancho-bitacora)}.partida-con-bitacora>.bitacora{grid-area:2/2/4;animation:.22s ease-out deslizar}@media (width<=1023px){.partida-con-bitacora{--ancho-bitacora:clamp(200px, 28vw, 280px)}}@media (width<=640px){.partida-con-bitacora{--ancho-bitacora:40vw}.partida-con-bitacora>.bitacora{border-top:1px solid var(--panel-borde);grid-row:2}.partida-con-bitacora>.zona-jugador{grid-column:1/-1}.partida-con-bitacora .tablero{padding-right:6px}.bitacora-cabecera{padding:.4rem .4rem .4rem .6rem}.bitacora-lista{gap:.3rem;padding:.5rem .4rem}.burbuja{max-width:100%;padding:.3rem .45rem;font-size:.74rem}.burbuja-texto{gap:.25rem}.bitacora-separador{padding:.15rem .45rem;font-size:.66rem}}.velo{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#050a07b3;place-items:center;padding:16px;animation:.2s ease-out aparecer;display:grid;position:fixed;inset:0}.fin{background:var(--panel);border:1px solid var(--panel-borde);text-align:center;border-radius:20px;flex-direction:column;gap:.75rem;width:min(100%,440px);max-height:100%;padding:1.5rem;display:flex;overflow-y:auto}.fin h2{margin:0;font-size:1.6rem}.fin-partida{margin:0;font-size:1.1rem;font-weight:800}.fin-victoria{color:var(--acento)}.fin-derrota{color:var(--peligro)}.fin-detalle{margin:0;font-size:1.1rem;font-weight:600}.fin-insignias{justify-content:center;gap:.4rem;display:flex}.fin-insignias:empty{display:none}.fin-sumas{color:var(--texto-suave);margin:0;font-size:.9rem}.fin-manos{text-align:left;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.fin-manos li{grid-template-columns:7.5rem 1fr 2rem;align-items:center;gap:.5rem;font-size:.85rem;display:grid}.fin-nombre{color:var(--texto-suave)}.fin-fichas{flex-wrap:wrap;gap:2px;display:flex}.fin-fichas em{color:var(--acento);font-style:normal;font-weight:600}.fin-puntos{text-align:right;font-variant-numeric:tabular-nums}.fin-marcador{background:var(--fondo);border-radius:var(--radio);justify-content:center;align-items:center;gap:1.5rem;padding:.75rem;display:flex}.fin-marcador div{color:var(--texto-suave);flex-direction:column;font-size:.8rem;display:flex}.fin-marcador strong{color:var(--texto);font-variant-numeric:tabular-nums;font-size:1.6rem}.fin-marcador small{color:var(--texto-suave)}.fin-acciones{justify-content:center;gap:.5rem;display:flex}.inicio-reanudar{border:2px solid var(--acento);background:#f2c14e1f;border-radius:16px;flex-direction:column;align-items:center;gap:.2rem;width:min(100%,380px);margin-bottom:1rem;padding:.9rem 1rem;display:flex}.inicio-reanudar:hover{background:#f2c14e33}.inicio-reanudar-titulo{color:var(--acento);font-weight:800}.inicio-reanudar-detalle{color:var(--texto-suave);font-size:.85rem}.inicio-estadisticas{margin-top:1.25rem;font-weight:600}.estadisticas{background:var(--fondo);min-height:100dvh}.barra-titulo{margin:0;font-size:1.05rem}.barra-relleno{width:4.5rem}.estadisticas-cuerpo{width:min(100%,860px);padding:1.25rem var(--borde-der) calc(2rem + env(safe-area-inset-bottom)) var(--borde-izq);flex-direction:column;gap:1rem;margin:0 auto;display:flex}.estadisticas-vacia{text-align:center;align-items:center;padding-top:4rem}.estadisticas-vacia p{margin:0}.texto-suave{color:var(--texto-suave)}.estadisticas-titular{background:radial-gradient(ellipse at center, var(--pano) 0%, var(--pano-oscuro) 100%);text-align:center;border-radius:20px;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex}.titular-valor{font-variant-numeric:tabular-nums;font-size:clamp(2.8rem,12vw,4rem);font-weight:800;line-height:1}.titular-texto{color:#eef3eecc;margin-top:.4rem;font-size:.9rem}.datos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;display:grid}.dato{background:var(--panel);border:1px solid var(--panel-borde);border-radius:var(--radio);flex-direction:column;gap:.25rem;padding:.85rem .9rem;display:flex}.dato-etiqueta{color:var(--texto-suave);font-size:.78rem}.dato-valor{font-variant-numeric:tabular-nums;align-items:center;min-height:2rem;font-size:1.5rem;font-weight:700;display:flex}.dato-detalle{color:var(--texto-suave);font-size:.75rem}.tarjeta{background:var(--panel);border:1px solid var(--panel-borde);border-radius:var(--radio);padding:1rem}.tarjeta h2{margin:0 0 .75rem;font-size:.95rem}.tabla{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.tabla th,.tabla td{text-align:right;border-top:1px solid var(--panel-borde);padding:.45rem .25rem}.tabla thead th{color:var(--texto-suave);border-top:0;font-size:.75rem;font-weight:600}.tabla th:first-child{text-align:left}.historial{margin:0;padding:0;list-style:none}.historial li{border-top:1px solid var(--panel-borde);grid-template-columns:1fr auto auto;grid-template-areas:"fecha marcador estado""rivales marcador estado";align-items:center;column-gap:.75rem;padding:.55rem 0;display:grid}.historial li:first-child{border-top:0}.historial-fecha{grid-area:fecha;font-size:.85rem}.historial-rivales{color:var(--texto-suave);grid-area:rivales;font-size:.75rem}.historial-marcador{font-variant-numeric:tabular-nums;grid-area:marcador;font-weight:700}.historial-estado{text-align:center;border-radius:999px;grid-area:estado;min-width:5.5rem;padding:.2rem .5rem;font-size:.72rem;font-weight:800}.historial-ganada{background:var(--acento);color:var(--acento-texto)}.historial-perdida{color:var(--peligro);background:#f08a6c2e}.historial-pendiente{border:1px solid var(--panel-borde);color:var(--texto-suave)}.historial-nota{margin:.5rem 0 0;font-size:.72rem}.boton-borrar{align-self:center;font-size:.85rem}.boton-borrar.confirmar{color:var(--peligro);font-weight:700}@keyframes aparecer{0%{opacity:0}}@keyframes colocar{0%{opacity:0;transform:scale(1.25)}}@keyframes deslizar{0%{transform:translate(100%)}}@keyframes latir{50%{background:#f2c14e4d}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=640px),(width<=1023px) and (orientation:portrait){.tablero{grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"izquierda arriba derecha""mesa mesa mesa";gap:.4rem;padding-top:.5rem;padding-bottom:.5rem}.asiento,.asiento-arriba{background:#00000026;place-self:stretch stretch;gap:.15rem;min-width:0;padding:.35rem .25rem}.asiento-turno{background:#f2c14e1f}.asiento-fichas{display:none}.asiento-cabecera{flex-wrap:wrap;justify-content:center;gap:.25rem}.asiento-nombre{white-space:nowrap;font-size:.8rem}.asiento-aviso{top:-.45rem;right:.1rem}}@media (width<=640px){:root{--ficha-mano:min(44px, calc((100vw - 32px - 36px) / 7));--borde-izq:max(10px, env(safe-area-inset-left));--borde-der:max(10px, env(safe-area-inset-right))}.solo-ancho{display:none}.solo-estrecho{display:inline}.marcador{gap:.5rem}.zona-jugador{gap:.4rem;padding-top:.5rem}.estado-turno{gap:.4rem;min-height:2.2rem;font-size:.92rem}.botones-punta{flex-basis:100%;justify-content:center}.botones-punta .boton-punta{flex:1;max-width:10rem}.mano{flex-wrap:nowrap;gap:5px}.registro li:not(:last-child){display:none}.fin{padding:1.25rem 1rem}.fin-manos li{grid-template-columns:6.2rem 1fr 1.8rem}}@media (height<=500px) and (orientation:landscape){:root{--ficha-mano:clamp(24px, 9vh, 36px)}.solo-ancho{display:none}.solo-estrecho{display:inline}.barra{padding-top:calc(.25rem + env(safe-area-inset-top));padding-bottom:.25rem}.marcador strong{font-size:1.05rem}.tablero{grid-template:"izquierda arriba derecha""izquierda mesa derecha"minmax(0,1fr)/96px minmax(0,1fr) 96px;gap:.35rem;padding-top:.35rem;padding-bottom:.35rem}.asiento,.asiento-arriba{gap:.1rem;min-width:0;padding:.25rem .4rem}.asiento-arriba{flex-direction:row;gap:.5rem}.asiento-fichas{display:none}.asiento-cabecera{flex-wrap:wrap;justify-content:center}.asiento-nombre{font-size:.8rem}.zona-jugador{padding-top:.35rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom));flex-direction:row;justify-content:center;gap:1rem}.estado-turno{text-align:center;flex-flow:column;flex-shrink:0;gap:.3rem;width:11rem;font-size:.85rem}.botones-punta{flex-direction:column;width:100%}.boton-paso,.boton-punta{padding:.35rem .8rem}.mano{flex-wrap:nowrap}.mano-ficha-jugable{transform:translateY(-4px)}.mano-ficha-seleccionada,.mano-ficha-seleccionada:hover{transform:translateY(-8px)}.registro{display:none}.fin{gap:.5rem;padding:1rem}.fin h2{font-size:1.3rem}}