/* Minigame only. Reuse the original typography, modal, controls and colors. */
#vista-cabras{--cabra-gold:#f5d785}
/* Own minigame shell, within the same authenticated application. */
body.auth-entrada.en-las-cabras[data-acceso="autenticado"] .cabecera-principal-erasmus,body.auth-entrada.en-las-cabras[data-acceso="autenticado"] #navegacion-unificada,body.auth-entrada.en-las-cabras[data-acceso="autenticado"] #app-contexto,body.auth-entrada.en-las-cabras[data-acceso="autenticado"] .deporte-conexion{display:none}
.cabras-brand{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 0}.cabras-brand>div{flex:1;min-width:160px}.cabras-brand h2{letter-spacing:.12em;color:var(--cabra-gold);margin:4px 0;font-size:clamp(1.6rem,5vw,2.8rem);text-shadow:0 0 28px #e8cd7650}.cabras-brand p{margin:0;color:#a8edb2}
.cabras-nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0 20px}.cabras-nav button{min-height:46px;flex:1}.cabras-nav button[aria-current=page]{border-color:#f5d785;color:#f5d785;background:#30413a}.cabras-panel{min-width:0}.cabras-bienvenida{text-align:center;padding:32px;background:radial-gradient(ellipse at top,#254c41,#152236 75%)}.cabras-hero-emblema{font-size:4rem}.cabras-bienvenida h3{color:#f5d785;font-size:clamp(1.4rem,4vw,2rem)}
.cabras-estadisticas{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}.cabras-estadisticas .tarjeta{display:flex;flex-direction:column;gap:8px;text-align:center;margin:0;padding:18px 12px}.cabras-estadisticas strong{font-size:2rem;color:#f5d785}.cabras-estadisticas span{color:#c2d3de}.cabras-identidad{text-align:center}.cabras-avatar{font-size:3rem}.cabras-identidad .cabras-arte{width:88px!important;height:88px!important;object-fit:cover;border:2px solid #f5d785;border-radius:50%;margin:auto}
.cabras-catalogo-publico{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.cabras-catalogo-publico .cabras-carta{width:100%;max-width:none}.cabras-catalogo-publico .cabras-retrato{width:100%;max-height:230px}.cabras-historia{margin:12px 0}.cabras-historia summary{min-height:44px;cursor:pointer;font-weight:700}.cabras-historia p{overflow-wrap:anywhere}.cabras-arte{object-fit:cover;aspect-ratio:8/11;border-radius:16px}.cabras-arte-preview img{max-width:180px;max-height:220px;border-radius:12px}#cabras-subir-arte{width:100%;min-width:0}#vista-cabras img{max-width:100%}
@media(max-width:700px){.cabras-brand{gap:10px;padding-top:12px}.cabras-brand>img{width:58px;height:58px}.cabras-brand .etiqueta-seccion-erasmus{font-size:.6rem}.cabras-brand>button{flex:1;min-height:44px}.cabras-nav{gap:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.cabras-nav button{font-size:.8rem;padding:9px 6px;min-width:0}.cabras-catalogo-publico{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cabras-estadisticas{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cabras-bienvenida{padding:24px 14px}.cabras-brand h2{font-size:1.6rem}}
.cabras-entrada p{color:#bdcce0}
.cabras-brand h2{outline:none}.cabras-nav [data-cabras-view="admin"]{overflow-wrap:anywhere}
@media(max-width:700px){.cabras-nav [data-cabras-view="admin"]{grid-column:span 2}}
#cabras-salas{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cabras-sala{min-height:44px;border:1px solid #415471;border-radius:12px;background:#1a2a3c;color:#cddded;padding:10px}
.cabras-sala.activa{border-color:var(--verde);color:var(--verde)}
.cabras-mesa{position:relative;overflow:hidden;margin-top:18px;background:radial-gradient(ellipse at top,#264b4655,transparent 60%),#101c2c;border:1px solid #425866}
.cabras-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px}.cabras-cabecera h2{margin:0}
.cabras-bolsa{padding:10px 14px;border:1px solid #8c7c4a;border-radius:16px;color:var(--cabra-gold);white-space:nowrap;background:#302c204a}
.cabras-turno{color:#ddf5bd;font-size:18px;font-weight:bold;margin-bottom:5px}.cabras-reloj{color:#b8c9d9;font-variant-numeric:tabular-nums;font-size:12px}
.cabras-escaparate{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),260px));justify-content:center;gap:18px;margin:20px 0}
.cabras-carta{position:relative;min-width:0;max-width:100%;padding:8px 8px 13px;border:1px solid #b7a1de;border-radius:20px;background:linear-gradient(155deg,#374158,#121d2e);text-align:center;color:#edf6ff;box-shadow:0 8px 24px #0005;overflow:hidden}
.cabras-carta .cabras-retrato{display:block;width:100%;height:auto;max-height:340px;filter:drop-shadow(0 3px 8px #0004)}
#vista-cabras .cabras-retrato,#modal-cabras-gestion .cabras-retrato,#campos-editor-erasmus .cabras-retratos .cabras-retrato{width:100%;height:auto;display:block}
.cabras-carta h3{margin:8px 0 3px;font-family:var(--fuente-titulos);font-size:22px;color:#f7e8bd;overflow-wrap:anywhere}
.cabras-edad{display:block;font-size:10px;color:#c4d4e4}.cabras-carta small{display:block;font-size:10px;margin-top:4px;color:#cae7b0}.cabras-carta button{margin-top:12px;width:100%;min-height:44px}
.cabras-oferta{text-align:center;font-family:var(--fuente-titulos);color:var(--cabra-gold);font-size:25px;padding:14px;background:#233334;border:1px solid #52664d;border-radius:15px}
.cabras-puja{display:grid;grid-template-columns:44px minmax(60px,100px) 44px minmax(100px,1fr);gap:8px;max-width:520px;margin:12px auto;align-items:center}.cabras-puja label{grid-column:1/-1;color:#d5e2ed;font-size:12px}.cabras-puja input{min-height:48px;text-align:center;font-size:20px;min-width:0;width:100%;box-sizing:border-box}.cabras-puja button{min-height:48px;margin:0}
.cabras-colecciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:12px;margin-top:22px}
.cabras-jugador{min-width:0;padding:14px;border:1px solid #344c5f;border-radius:18px;background:#172639}.cabras-jugador h3{margin:0;overflow-wrap:anywhere;font-family:var(--fuente-titulos)}.cabras-jugador>p{margin:6px 0 12px;color:#c3d3e3;font-size:13px}
.cabras-jugador-turno{border-color:var(--verde);box-shadow:0 0 16px #b7f34b17}.cabras-ganador{border-color:#f5d785;background:linear-gradient(150deg,#51472c55,#172639)}
.cabras-coleccion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.cabras-carta-pequena{padding:4px 4px 8px;border-radius:12px}.cabras-carta-pequena h3{font-size:13px}.cabras-carta-pequena .cabras-edad{font-size:8px}.cabras-jugador>button{min-height:44px;margin-top:12px;width:100%}
.cabras-reacciones{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 0}.cabras-reacciones button{width:48px;min-height:48px;font-size:23px;padding:6px}.cabras-reacciones-vivas{pointer-events:none;position:absolute;inset:0;z-index:5;overflow:hidden}.cabras-reaccion{position:absolute;bottom:5%;font-size:48px;animation:cabras-flotar 2.2s ease-out both}
.cabras-reglas{margin-top:18px}.cabras-reglas summary{cursor:pointer;min-height:44px;font-weight:bold}.cabras-reglas p{color:#c6d5e4;font-size:13px;line-height:1.6}
#modal-cabras-gestion{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:8000;background:#070d17db;padding:12px}#modal-cabras-gestion[hidden]{display:none}#modal-cabras-gestion .ventana-historial{width:min(940px,100%);max-width:940px;max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}#modal-cabras-gestion .cabecera-historial{position:sticky;top:0;background:#101827;z-index:2}
#cabras-catalogo{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:20px}.cabras-catalogo-fila{min-width:0;padding:8px;border:1px solid #3c4c62;border-radius:14px;display:grid;gap:8px}.cabras-catalogo-fila>button{min-height:44px}
.cabras-retratos{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;max-height:260px;overflow:auto;padding:8px}.cabras-retratos button{padding:3px;background:#172639;border:2px solid transparent;min-height:60px}.cabras-retratos button[aria-pressed=true]{border-color:var(--verde)}.cabras-retratos .cabras-retrato{width:100%;height:auto;display:block}
@keyframes cabras-entrada{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cabras-flotar{0%{opacity:0;transform:translateY(0) scale(.7)}15%{opacity:1}100%{opacity:0;transform:translateY(-280px) scale(1.2)}}
@media(max-width:700px){.auth-entrada[data-acceso="autenticado"] #navegacion-unificada [data-vista="cabras"]{display:none}.cabras-cabecera{align-items:flex-start}.cabras-cabecera h2{font-size:24px}.cabras-bolsa{padding:8px;font-size:12px}.cabras-puja{grid-template-columns:44px minmax(50px,1fr) 44px}.cabras-puja button[type=submit]{grid-column:1/-1}.cabras-carta h3{font-size:20px}.cabras-carta-pequena h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cabras-carta{animation:none}.cabras-reaccion{animation:none;bottom:20%;opacity:1}}

.cabras-carta-entrada{animation:cabras-entrada .35s ease-out}.cabras-oferta{animation:cabras-oferta .4s ease-out}@keyframes cabras-oferta{from{box-shadow:0 0 22px #f5d78566}to{box-shadow:none}}
.cabras-mesa{scroll-margin-top:16px}
#modal-cabras-carta{position:fixed;inset:0;z-index:9100;display:flex;align-items:center;justify-content:center;padding:12px;background:#070d17e8}#modal-cabras-carta[hidden]{display:none}#modal-cabras-carta .ventana-historial{width:min(400px,100%);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box}#modal-cabras-carta .cabecera-historial{position:sticky;top:0;background:#101827;z-index:2}#modal-cabras-carta .cabras-retrato{width:100%;height:auto;display:block;max-height:420px}
.cabras-reacciones-vivas{position:fixed;inset:auto 0 calc(90px + env(safe-area-inset-bottom)) 0;height:300px;z-index:25}
.cabras-escaparate:has(>.cabras-carta:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin-inline:auto}
@media(max-width:700px){.cabras-escaparate{grid-template-columns:minmax(0,200px);margin:12px 0}.cabras-escaparate .cabras-retrato{max-height:240px}.cabras-oferta{font-size:18px;line-height:1.25;padding:10px}.cabras-escaparate:has(>.cabras-carta:nth-child(2)) .cabras-carta h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cabras-carta-entrada,.cabras-oferta{animation:none}}