.baraja{--mesa:#0b1524;--mesa-2:#101d31;--pano:#15243a;--linea:#2c3e58;--texto:#e8edf4;--suave:#a9b6c8;--carta:#f3f5f9;--tinta:#14202f;--foco-juego:#ffb066;--bien:#5fd4b0;--medio:#ffd073;--mal:#ff9f7a;--radio-juego:2px;--naipe:10px;--sale:cubic-bezier(.23, 1, .32, 1);background:radial-gradient(120% 80% at 50% 20%, var(--mesa-2), var(--mesa));color:var(--texto)}.baraja .palo-i{--tono:#8fb4ff;--tinta-palo:#2329e4}.baraja .palo-d{--tono:#5fd4b0;--tinta-palo:#0f6b54}.baraja .palo-it{--tono:#f29a5e;--tinta-palo:#a8481a}.baraja .palo-f{--tono:#c3c9d4;--tinta-palo:#4a5261}.baraja__portada,.baraja__lectura{gap:14px;max-width:34rem;margin-inline:auto;padding:32px 16px;display:grid}.baraja__portada{padding-top:40px}.baraja__portada h1{font:800 clamp(1.9rem, 7vw, 2.6rem)/1.08 var(--fuente-display);text-align:center;text-wrap:balance;color:var(--texto);margin:0}.baraja__portada .antetitulo{color:var(--suave);text-align:center;margin:0}.baraja__lema,.baraja__aviso{color:var(--suave);text-align:center;text-wrap:balance;margin:0}.baraja__aviso{font-size:.8rem;line-height:1.35}.baraja__lectura{padding-top:16px;padding-bottom:56px}.lectura{gap:6px;display:grid}.lectura details{background:var(--pano);border:1px solid var(--linea);border-radius:var(--radio-juego);padding:10px 12px}.lectura summary{cursor:pointer;font-weight:500}.lectura p,.lectura ul{margin:8px 0 0;font-size:.92rem}.lectura ul{padding-left:18px}.lectura__fuente{font:.75rem/1.35 var(--fuente-mono);color:var(--suave)}.abanico{height:clamp(120px,24vh,190px);position:relative}.mini{aspect-ratio:5/7;background:var(--carta);transform-origin:50% 110%;border-radius:7px;width:clamp(92px,26vw,130px);margin-left:calc(clamp(92px,26vw,130px)/-2);position:absolute;bottom:0;left:50%;overflow:hidden;box-shadow:0 8px 18px #00000073}.mini:first-child{transform:rotate(-16deg)translate(-14%)}.mini:nth-child(2){transform:rotate(-2deg)translateY(-6px)}.mini:nth-child(3){transform:rotate(13deg)translate(14%)}.mini svg{width:100%;height:62%;display:block}.mini:after{content:"";background:#cfd6e0;height:8px;position:absolute;top:70%;left:10%;right:26%;box-shadow:0 14px #dfe4ec,0 28px #dfe4ec}.leyenda{flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:0;padding:0;font-size:.8rem;font-weight:500;list-style:none;display:flex}.leyenda li{color:var(--tono)}.leyenda b{font-family:var(--fuente-mono);margin-right:3px;font-weight:400}.opcion{background:var(--pano);border:1px solid var(--linea);border-radius:var(--radio-juego);width:100%;color:var(--texto);text-align:left;cursor:pointer;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:2px 12px;padding:10px 12px;transition:border-color .12s linear;display:grid}.opcion:hover{border-color:var(--suave)}.opcion[hidden]{display:none}.opcion .opcion__n{color:var(--foco-juego);font:800 1.7rem/1 var(--fuente-display);font-variant-numeric:tabular-nums;text-align:center;grid-row:1/3}.opcion strong{font:800 .95rem/1.2 var(--fuente-display)}.opcion small{color:var(--suave);grid-column:2;font-size:.8rem;line-height:1.3}.opcion i{color:var(--suave);font:normal 1rem/1 var(--fuente-mono);grid-area:1/3/3}.baraja__vistas{color:var(--suave);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin:0;font-size:.8rem;display:flex}.baraja__vistas[hidden]{display:none}.baraja__vistas button{color:var(--texto);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.catalogo{background:var(--pano);border:1px solid var(--linea);border-radius:var(--radio-juego)}.catalogo>summary{cursor:pointer;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 16px;list-style:none;display:grid}.catalogo>summary::-webkit-details-marker{display:none}.catalogo>summary:after{content:"+";color:var(--suave);font:400 1.3rem/1 var(--fuente-mono);grid-area:1/2/3;align-self:center}.catalogo[open]>summary:after{content:"−"}.catalogo__titulo{font:800 1.1rem/1.2 var(--fuente-display);color:var(--texto)}.catalogo__sub{color:var(--suave);font-size:.82rem;line-height:1.35}.catalogo__cuerpo{gap:14px;padding:0 12px 14px;display:grid}.catalogo__buscar{gap:4px;display:grid}.catalogo__buscar[hidden]{display:none}.catalogo__buscar label{color:var(--suave);font-size:.8rem}.catalogo__buscar input{background:var(--mesa);border:1px solid var(--linea);border-radius:var(--radio-juego);min-height:40px;color:var(--texto);font:inherit;padding:6px 10px}.catalogo__buscar input:focus-visible,.catalogo a:focus-visible,.catalogo summary:focus-visible{outline:2px solid var(--foco-juego);outline-offset:2px}.catalogo__cuenta{min-height:1.2em;color:var(--suave);font:.75rem/1.2 var(--fuente-mono);margin:0}.catalogo__sectores{flex-wrap:wrap;gap:6px;display:flex}.catalogo__sectores a{border:1px solid var(--linea);color:var(--texto);border-radius:999px;padding:4px 9px;font-size:.8rem;text-decoration:none}.catalogo__sectores a span{color:var(--suave);font-family:var(--fuente-mono)}.catalogo__grupo{gap:6px;scroll-margin-top:16px;display:grid}.catalogo__grupo[hidden]{display:none}.catalogo__grupo h3{color:var(--suave);font:500 .75rem/1.3 var(--fuente-mono);text-transform:uppercase;letter-spacing:.04em;margin:0}.catalogo .lectura details{background:var(--mesa-2)}.lectura details[hidden]{display:none}body.baraja-jugando{overscroll-behavior:none;overflow:hidden}.juego{z-index:100;padding-block:max(10px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:radial-gradient(120% 80% at 50% 45%, var(--mesa-2), var(--mesa));-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;display:grid;position:fixed;inset:0}.juego[hidden]{display:none}.juego button{font:inherit;cursor:pointer}.juego :focus-visible{outline:2px solid var(--foco-juego);outline-offset:2px}.juego__cabecera,.juego .pie,.mesa,.final{width:100%;max-width:520px;margin-inline:auto}.juego__cabecera{grid-template-columns:1fr auto;align-items:center;gap:6px 12px;display:grid}.juego__controles{flex-wrap:wrap;gap:6px;display:flex}.juego__salir[aria-pressed=false]{color:var(--suave);text-decoration:line-through}.juego__salir{border:1px solid var(--linea);border-radius:var(--radio-juego);min-height:32px;color:var(--texto);background:0 0;justify-self:start;padding:2px 10px;font-size:.8rem!important}.marcador{color:var(--suave);font:.75rem/1.3 var(--fuente-mono);text-align:right;font-variant-numeric:tabular-nums;margin:0}.juego__controles .juego__salir{white-space:nowrap}.pips{grid-column:1/-1;gap:3px;margin:0;padding:0;list-style:none;display:flex}.pips[hidden]{display:none}.pips{justify-content:flex-end;gap:5px}.pips li{background:var(--linea);border-radius:1px;flex:none;width:22px;height:5px;transition:background-color .2s linear}.pips li[data-r=bien]{background:var(--bien)}.pips li[data-r=medio]{background:var(--medio)}.pips li[data-r=mal]{background:var(--mal)}.juego .pie{color:var(--suave);text-align:center;text-wrap:balance;margin-block:0;font-size:.75rem;line-height:1.35}.mesa{touch-action:none;grid-template-rows:42px minmax(0,1fr) 42px;grid-template-columns:36px minmax(0,1fr) 36px;gap:7px;min-height:0;display:grid}.mesa[hidden]{display:none}.dir{background:var(--pano);border:1px solid var(--linea);border-radius:var(--radio-juego);min-width:0;color:var(--tono);justify-content:center;align-items:center;gap:7px;padding:3px;transition:background-color .12s linear,color .12s linear,border-color .12s linear;display:flex}.dir b{font:800 1.1rem/1 var(--fuente-display)}.dir span{white-space:nowrap;font-size:.72rem;font-weight:500;line-height:1}.dir i{font:normal .8rem/1 var(--fuente-mono);opacity:.75}.dir-arriba{--tono:#8fb4ff;grid-area:1/2}.dir-derecha{--tono:#5fd4b0;flex-direction:column;grid-area:2/3}.dir-izquierda{--tono:#f29a5e;flex-direction:column;grid-area:2/1}.dir-abajo{--tono:#c3c9d4;grid-area:3/2}.dir-derecha span,.dir-izquierda span{writing-mode:vertical-rl}.dir-izquierda span{transform:rotate(180deg)}.mesa[data-dir=arriba] .dir-arriba,.mesa[data-dir=derecha] .dir-derecha,.mesa[data-dir=izquierda] .dir-izquierda,.mesa[data-dir=abajo] .dir-abajo{background:var(--tono);border-color:var(--tono);color:var(--mesa)}.pila{grid-area:2/2;place-items:center;min-width:0;min-height:0;display:grid}.carta,.dorso{border-radius:var(--naipe);grid-area:1/1;width:100%;height:min(100%,470px)}.dorso{border:1px solid var(--linea);background:repeating-linear-gradient(45deg, transparent 0 9px, #8fb4ff14 9px 10px), repeating-linear-gradient(-45deg, transparent 0 9px, #5fd4b014 9px 10px), var(--pano)}.dorso[hidden],.carta[hidden]{display:none}.dorso-1{transform:translateY(7px)scale(.965)}.dorso-2{opacity:.6;transform:translateY(13px)scale(.93)}.carta{background:var(--carta);color:var(--tinta);cursor:grab;touch-action:none;will-change:transform;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000073}.carta:active{cursor:grabbing}.carta:focus{outline:none}.carta:focus-visible{outline:2px solid var(--foco-juego);outline-offset:3px}.arte{background:var(--pano);flex:1 1 0;min-height:56px;position:relative;overflow:hidden}.arte svg{width:100%;height:100%;display:block;position:absolute;inset:0}.arte:after{content:"";background:var(--carta);border-radius:50% 50% 0 0/100% 100% 0 0;height:30px;position:absolute;bottom:-16px;left:-2%;right:-2%}.ficha{z-index:1;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;top:8px;left:8px;right:8px}.ficha span{color:#fff;border-radius:var(--radio-juego);background:#09101cb8;padding:3px 7px;font-size:.7rem;font-weight:500;line-height:1.2}.ficha .num{font-family:var(--fuente-mono)}.cuerpo-carta{flex:none;gap:6px;padding:4px 13px 14px;display:grid}.carta h2{color:var(--tinta);font:700 clamp(16px, 5vw, 21px)/1.18 var(--fuente-display);text-wrap:balance;margin:0}.carta p.texto{color:var(--tinta);margin:0;font-size:clamp(14px,4.2vw,16.5px);line-height:1.42}.sello{z-index:3;border-radius:var(--radio-juego);background:var(--carta);color:var(--tinta-palo,var(--tinta));font:800 34px/1 var(--fuente-display);white-space:nowrap;opacity:var(--p,0);pointer-events:none;border:3px solid;padding:8px 14px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.sello small{font:700 11px/1 var(--fuente-cuerpo);text-align:center;margin-top:3px;display:block}.sello:empty{display:none}.resultado{z-index:105;overscroll-behavior:contain;touch-action:pan-y;background:var(--pano);border:1px solid var(--linea);border-top:4px solid var(--tono,var(--linea));border-radius:var(--naipe);-webkit-user-select:text;user-select:text;gap:9px;width:min(340px,100% - 32px);height:fit-content;max-height:84%;margin:auto;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden auto;box-shadow:0 18px 44px #0000008c}.juego .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.resultado[hidden]{display:none}.motivo{color:var(--suave);margin:0;font-size:.88rem;line-height:1.3}.motivo[hidden]{display:none}.resultado__acciones{flex-wrap:wrap;gap:8px;display:flex}.resultado__acciones .boton-juego{flex:110px;min-height:42px;padding:8px 12px}.resultado__acciones [hidden]{display:none}.detalle{gap:9px;display:grid}.detalle[hidden]{display:none}.tiempo{background:var(--tono);transform-origin:0;height:3px;animation:linear both baraja-tiempo;position:absolute;bottom:0;left:0;right:0}.tiempo[hidden]{display:none}.veredicto{font:800 1.05rem/1.25 var(--fuente-display);color:var(--texto);justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.veredicto span{font:700 .95rem/1 var(--fuente-mono);font-variant-numeric:tabular-nums;flex:none}.solucion{color:var(--tono);align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.solucion b{background:var(--tono);min-width:30px;height:30px;color:var(--mesa);border-radius:var(--radio-juego);font:800 .95rem/1 var(--fuente-display);place-items:center;padding:0 6px;display:grid}.claves{color:var(--texto);gap:5px;margin:0;padding:0 0 0 18px;display:grid}.discute{background:var(--mesa);border-left:3px solid var(--foco-juego);color:var(--texto);margin:0;padding:8px 10px;font-size:.88rem;line-height:1.4}.discute[hidden]{display:none}.fuente{color:var(--suave);font:.75rem/1.35 var(--fuente-mono);margin:0}.boton-juego{background:var(--texto);min-height:46px;color:var(--mesa);border-radius:var(--radio-juego);border:0;padding:10px 16px;font-weight:700}.boton-juego--2{color:var(--texto);border:1px solid var(--linea);background:0 0}.final{touch-action:pan-y;-webkit-user-select:text;user-select:text;align-content:safe center;gap:12px;min-height:0;display:grid;overflow-y:auto}.final[hidden]{display:none}.final-kicker{color:var(--suave);font:.75rem/1.2 var(--fuente-mono);margin:0}.final h2{color:var(--texto);font:800 clamp(26px, 8vw, 34px)/1.1 var(--fuente-display);text-wrap:balance;margin:0}.final h2:focus{outline:none}.final p{color:var(--suave);margin:0}.final .nota{color:var(--texto);font:800 40px/1 var(--fuente-display);font-variant-numeric:tabular-nums}.nota small{color:var(--suave);font:400 15px/1 var(--fuente-mono)}.palos{gap:7px;margin:0;padding:0;list-style:none;display:grid}.palos li{color:var(--texto);grid-template-columns:96px 1fr 34px;align-items:center;gap:8px;font-size:.8rem;display:grid}.barra{background:var(--linea);border-radius:1px;height:8px;overflow:hidden}.barra i{background:var(--tono);height:100%;display:block}.palos em{color:var(--suave);font:normal .75rem/1 var(--fuente-mono);text-align:right}.repasar{gap:8px;display:grid}.repasar[hidden]{display:none}.repasar h3{color:var(--texto);font:800 1rem/1.2 var(--fuente-display);margin:0}.acciones{flex-wrap:wrap;gap:8px;display:flex}.acciones .boton-juego{flex:140px}.final .final-vistas{font-size:.82rem}.academia{background:var(--pano);border:1px solid var(--linea);border-top:4px solid var(--foco-juego);border-radius:var(--naipe);gap:8px;padding:14px;display:grid}.academia h3{color:var(--texto);font:800 1.15rem/1.2 var(--fuente-display);text-wrap:balance;margin:0}.academia p{font-size:.9rem;line-height:1.4}.academia__lecciones{gap:6px;margin:0;padding:0;list-style:none;display:grid}.academia__lecciones a{background:var(--mesa);border:1px solid var(--linea);border-radius:var(--radio-juego);color:var(--texto);gap:3px;padding:10px 12px;text-decoration:none;transition:border-color .12s linear;display:grid}.academia__lecciones a:hover{border-color:var(--suave)}.academia__lecciones strong{font:700 .95rem/1.25 var(--fuente-display)}.academia__lecciones span{color:var(--suave);font-size:.82rem;line-height:1.35}.academia__lecciones small{color:var(--foco-juego);font:.72rem/1.2 var(--fuente-mono)}.academia__ir{place-items:center;text-decoration:none;display:grid}@keyframes baraja-aparece{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes baraja-tiempo{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes baraja-reparte{0%{transform:translateY(7px)scale(.965)}to{transform:none}}@media (prefers-reduced-motion:no-preference){:root:not([data-movimiento=quieto]) .resultado:not([hidden]){animation:baraja-aparece .16s var(--sale)}:root:not([data-movimiento=quieto]) .carta.nueva{animation:baraja-reparte .22s var(--sale)}}@media (prefers-reduced-motion:reduce){.tiempo{display:none}}:root[data-movimiento=quieto] .tiempo{display:none}@media (width<=340px),(height<=600px){.mesa{grid-template-rows:36px minmax(0,1fr) 36px;grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}.dir span{font-size:.66rem}.cuerpo-carta{gap:4px;padding:2px 10px 10px}}.ranking{gap:10px;max-width:34rem;margin-inline:auto;padding:8px 16px 24px;display:grid}.ranking[hidden]{display:none}.ranking h2{color:var(--texto);font:800 1.2rem/1.2 var(--fuente-display);margin:0}.ranking__sub,.ranking__pie{color:var(--suave);margin:0;font-size:.82rem;line-height:1.4}.ranking__pie a{color:var(--texto)}.ranking__lista{color:var(--suave);font:.8rem/1.3 var(--fuente-mono);font-variant-numeric:tabular-nums;gap:4px;margin:0;padding:0 0 0 2.2em;display:grid}.ranking__lista li{background:var(--pano);border:1px solid var(--linea);border-radius:var(--radio-juego);padding:7px 10px}.ranking__lista li:first-child{border-color:var(--foco-juego)}.ranking__alias{overflow-wrap:anywhere;color:var(--texto);font:700 .95rem/1.25 var(--fuente-cuerpo);display:block}.ranking__mas summary{cursor:pointer;color:var(--texto);font-size:.85rem}.ranking__mas[open] summary{margin-bottom:6px}.ranking__mas[hidden]{display:none}.publicar{background:var(--pano);border:1px solid var(--linea);border-radius:var(--naipe);gap:7px;padding:14px;display:grid}.publicar[hidden]{display:none}.publicar h3{color:var(--texto);font:800 1.05rem/1.2 var(--fuente-display);margin:0}.publicar label{color:var(--texto);font-size:.85rem}.publicar input:not([type=checkbox]){background:var(--mesa);border:1px solid var(--linea);border-radius:var(--radio-juego);min-height:44px;color:var(--texto);font:inherit;padding:8px 10px}.publicar input[aria-invalid=true]{border-color:var(--mal)}.final .publicar p.publicar__ayuda{font-size:.78rem;line-height:1.4}.publicar__ayuda a{color:var(--texto)}.publicar__acepto{align-items:flex-start;gap:8px;line-height:1.35;display:flex}.publicar__acepto input{width:20px;height:20px;accent-color:var(--foco-juego);flex:none;margin:1px 0 0}.publicar .boton-juego:disabled{opacity:.6;cursor:default}.final .publicar p.publicar__estado{min-height:1.3em;color:var(--texto);font-size:.88rem}.publicar :focus-visible{outline:2px solid var(--foco-juego);outline-offset:2px}
