.mesa{position:relative;width:100%;aspect-ratio:16 / 9;container-type:inline-size;background:#0b0f0e url(/art/fondo.webp) center / cover no-repeat;overflow:hidden;border:1px solid var(--linea);font-family:Roboto,system-ui,sans-serif;color:var(--hueso);-webkit-user-select:none;user-select:none}.mesa-izq{position:absolute;left:14.26%;top:16.2%;width:32.88%;height:36.57%;background:#cfe3de;color:#0b0f0e;padding:1.4% 1.8%;overflow:hidden;font-size:clamp(8px,.9cqw,13px);line-height:1.25}.mesa-izq-titulo{letter-spacing:.16em;text-transform:uppercase;font-size:.8em;opacity:.7;margin-bottom:.6em}.mesa-senal{padding:.35em .55em;margin-bottom:.35em;background:#0b0f0e14;border-left:3px solid #2f555d}.mesa-senal-pista{font-size:.78em;opacity:.7}.mesa-senal-pista.fuerte{opacity:1;color:#7b5cc8}.mesa-der{position:absolute;left:51.11%;top:13.54%;width:35.29%;height:41.9%;background:#0b0f0e;overflow:hidden}.mesa-enemigo{position:absolute;left:0;top:0;width:100%;height:71%;object-fit:cover;object-position:center bottom}.mesa-enemigo.chico{object-position:center 70%}.mesa-enemigo.grande{object-fit:contain;object-position:center bottom}.mesa-post{position:absolute;left:3%;right:3%;bottom:2.5%;max-height:24%;display:flex;gap:2.5%;align-items:center;background:#eeeeeef5;color:#0b0f0e;padding:1.6% 2%;border-left:4px solid #f48800;font-size:clamp(7px,.85cqw,13px);box-shadow:0 4px 14px #00000080}.mesa-post-foto{width:26%;aspect-ratio:16 / 9;object-fit:cover;flex:none}.mesa-post-texto{display:flex;flex-direction:column;gap:.25em;min-width:0}.mesa-post-titular{font-weight:500;font-size:1.15em;line-height:1.15}.mesa-post-meta{opacity:.65;font-size:.85em}.mesa-creencia{position:absolute;left:51.11%;width:35.29%;top:5.039999999999999%;height:6%;display:flex;align-items:center;gap:1%}.mesa-creencia-canal{flex:1;height:55%;background:#0b0f0e;border:2px solid var(--hueso);border-radius:999px;overflow:hidden}.mesa-creencia-relleno{display:block;height:100%;background:#f48800;transition:width .5s ease}.mesa-creencia-num{min-width:2.2em;text-align:center;background:#f48800;color:#0b0f0e;border-radius:999px;padding:.15em .4em;font-weight:500;font-size:clamp(9px,1.1cqw,16px)}.mesa-cred{position:absolute;left:2%;top:2.5%;width:30%;height:6%;display:flex;align-items:center;gap:1.5%}.mesa-cred-canal{flex:1;height:55%;background:#0b0f0e;border:2px solid var(--hueso);border-radius:999px;overflow:hidden}.mesa-cred-relleno{display:block;height:100%;background:#2da8af;transition:width .5s ease}.mesa-hex{min-width:2.4em;text-align:center;background:#2da8af;color:#0b0f0e;font-weight:500;padding:.25em .3em;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-size:clamp(10px,1.2cqw,18px)}.mesa-pruebas{position:absolute;left:2.5%;top:64%}.mesa-pruebas button{font-size:clamp(8px,.9cqw,13px)}.mesa-mano{position:absolute;left:50%;bottom:4%;transform:translate(-50%);display:flex;align-items:flex-end;justify-content:center;gap:0;width:100%;pointer-events:none}.mesa-naipe{width:11%;margin:0 -.8%;transform-origin:50% 140%;transition:transform .2s ease;pointer-events:auto}.mesa-naipe:hover{z-index:5;transform:translateY(-9%)!important}.mesa-aviso{position:absolute;left:50%;top:66%;transform:translate(-50%)}.mesa-revelado{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f0e9e;display:flex;align-items:center;justify-content:center}.mesa-revelado-caja{background:var(--panel);border:1px solid var(--linea);padding:1.6em 2em;max-width:60%;text-align:center;font-size:clamp(10px,1.2cqw,18px)}.mesa-revelado-titulo{font-size:1.25em;margin-bottom:.5em}.mesa-revelado-pista{color:var(--tenue);margin-bottom:1em}.naipe{position:relative;display:block;width:100%;aspect-ratio:7 / 10;padding:0;border:0;margin:0;background:url(/art/molde.webp) center / 100% 100% no-repeat;color:#0b0f0e;cursor:pointer;text-align:center;font-family:inherit;box-shadow:0 6px 18px #0009;border-radius:4%}.naipe.agotada{cursor:not-allowed;filter:grayscale(.6) brightness(.55)}.naipe.calza{outline:3px solid var(--verbo)}.naipe-ilu{position:absolute;left:17.2%;top:10.4%;width:65.5%;height:53%;object-fit:cover}.naipe-banda{position:absolute;left:15.4%;top:64.5%;width:69.1%;height:6.4%;background:var(--verbo);display:flex;flex-direction:column;justify-content:center;line-height:1.05}.naipe-banda.clara,.naipe-hex.clara,.naipe-circulo.clara{color:#eee}.naipe-verbo{font-size:.5em;letter-spacing:.22em;text-transform:uppercase}.naipe-nombre{font-size:.82em;font-weight:500}.naipe-texto{position:absolute;left:17.5%;top:73.4%;width:65%;height:9%;font-size:.62em;line-height:1.2;text-align:left;overflow:hidden}.naipe-hex{position:absolute;left:12.1%;top:7.2%;width:13.4%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--verbo);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font-weight:500;font-size:1.1em}.naipe-circulo{position:absolute;top:86.1%;width:9.6%;aspect-ratio:1;border-radius:50%;background:var(--verbo);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.9em}.naipe-circulo.izq{left:12%}.naipe-circulo.der{left:78.4%}.naipe-etiqueta{position:absolute;top:85.3%;font-size:.42em;letter-spacing:.2em;text-transform:uppercase;color:#eee}.naipe-etiqueta.izq{left:24%}.naipe-etiqueta.der{right:24%}.mesa-naipe .naipe{font-size:clamp(7px,.85cqw,13px)}.vista-barra{display:flex;gap:8px;align-items:center;margin:8px 0 12px}.envoltorio.ancha{max-width:1280px}.naipe.compacta{aspect-ratio:7 / 7.8;background-size:100% auto;background-position:top center}.naipe.compacta .naipe-ilu{top:13.3%;height:68%}.naipe.compacta .naipe-banda{top:82.7%;height:8.2%}.naipe.compacta .naipe-hex{top:9.2%}.naipe.compacta .naipe-nombre{font-size:.9em}.mesa-zoom{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b0f0eb3;display:flex;align-items:center;justify-content:center;z-index:10}.mesa-zoom-carta{width:26%;min-width:220px;display:flex;flex-direction:column;gap:10px;align-items:center}.mesa-zoom-carta .naipe{font-size:clamp(10px,1.35cqw,20px);cursor:default;transform:none}.mesa-zoom-botones{display:flex;gap:8px}.escenario{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f0e;z-index:20;display:flex;align-items:center;justify-content:center;overflow:hidden}.escenario .mesa{width:min(100vw,calc(100vh * 16 / 9));border:0}.escenario-salir{position:absolute;top:6px;right:6px;z-index:30;font-size:11px;opacity:.7}.escenario-salir:hover{opacity:1}@media (orientation: portrait){.escenario{display:block}.escenario-giro{position:absolute;top:0;left:0;width:100vh;height:100vw;transform:rotate(90deg) translateY(-100%);transform-origin:top left;display:flex;align-items:center;justify-content:center}.escenario-giro .mesa{width:min(100vh,calc(100vw * 16 / 9))}.escenario-salir{top:auto;bottom:6px;right:6px}}:root{--negro: #101013;--panel: #17171c;--linea: #2a2a33;--hueso: #e6e2d8;--tenue: #8b8b96;--teal: #5c8a86;--ambar: #e8a33d;--coral: #e75736}*{box-sizing:border-box}body{margin:0;background:var(--negro);color:var(--hueso);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.5}.envoltorio{max-width:900px;margin:0 auto;padding:24px 16px 64px}h1{font-size:16px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--tenue);margin:0 0 4px}h2{font-size:13px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--tenue);margin:24px 0 8px}.caso{font-size:20px;color:var(--ambar);margin:0 0 4px}.meta{color:var(--tenue);margin-bottom:16px}.barras{display:grid;gap:8px;margin-bottom:20px}.barra{display:grid;grid-template-columns:150px 1fr 90px;gap:12px;align-items:center}.canal{height:14px;background:var(--panel);border:1px solid var(--linea);position:relative}.relleno{height:100%}.relleno.creencia{background:var(--coral)}.relleno.credibilidad{background:var(--teal)}.fases{display:flex;gap:0;border:1px solid var(--linea);margin-bottom:20px}.fase{flex:1;padding:8px 6px;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue);border-right:1px solid var(--linea)}.fase:last-child{border-right:0}.fase.activa{background:var(--ambar);color:var(--negro)}.panel{border:1px solid var(--linea);background:var(--panel);padding:14px;margin-bottom:16px}.rasgo{padding:6px 0;border-bottom:1px dashed var(--linea)}.rasgo:last-child{border-bottom:0}.pista{color:var(--tenue);font-size:12px}button{font-family:inherit;font-size:13px;background:transparent;color:var(--hueso);border:1px solid var(--teal);padding:7px 12px;cursor:pointer}button:hover:not(:disabled){background:var(--teal);color:var(--negro)}button:disabled{opacity:.35;cursor:not-allowed}button.primaria{border-color:var(--ambar);color:var(--ambar)}button.primaria:hover:not(:disabled){background:var(--ambar);color:var(--negro)}.fila{display:flex;gap:8px;flex-wrap:wrap}.cartas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.carta{border:1px solid var(--linea);padding:10px}.carta.calza{border-color:var(--ambar)}.pruebas{color:var(--hueso)}.apuesta{color:var(--ambar)}.apuestas{align-items:center;margin-top:8px}.apuestas button{padding:3px 8px;font-size:12px}.fila.entre{justify-content:space-between;align-items:center}.sinmargen{margin:0}.guia{margin-top:12px;max-width:62ch}.guia h3{font-size:13px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ambar);margin:20px 0 6px}.guia p{margin:0 0 8px}.guia strong{font-weight:400;color:var(--teal)}.nombre{margin-bottom:2px}.numeros{color:var(--tenue);font-size:12px;margin-bottom:8px}.registro{max-height:300px;overflow-y:auto;border:1px solid var(--linea);padding:12px;background:var(--panel)}.linea{padding:1px 0}.linea.calculo{color:var(--tenue)}.linea.hito{color:var(--ambar);margin-top:8px}.acierto{color:var(--teal)}.fallo{color:var(--coral)}.calibre{color:var(--tenue);font-size:12px;margin-top:4px}.guia .triangulo{padding:.6rem .9rem;border-left:3px solid currentColor;line-height:1.7}