/* =========================================
   Futbol Chapín Web - fc.css (GLOBAL)
   ✅ SOLO general (sin lineups/pitch/jugadores/suplentes)
   ========================================= */

:root{
  --fcw-card-bg:#fff;
  --fcw-text:#0f172a;
  --fcw-muted:#64748b;
  --fcw-border:rgba(0,0,0,.10);

  --fcw-green-1:#277947;
  --fcw-green-2:#2f8d4e;

  --fcw-white:#ffffff;
}

/* ==============================
   Futbol Chapín Web — Cards Home / Calendar / Single
   Replica Card.js (App) — COMPACTO
   ============================== */

/* Wrapper */
.fcw-cards{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:12px 0;
}

/* =========================================
   CARD BASE (sirve para <a> y <div>)
   ========================================= */
.fcw-card{
  display:block;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  padding:10px 12px;              /* compacto */
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  color:inherit;
  
}

/* Links (home/calendar) */
a.fcw-card{
  text-decoration:none !important;
  color:inherit !important;
}
a.fcw-card:visited,
a.fcw-card:hover,
a.fcw-card:active{
  color:inherit !important;
  text-decoration:none !important;
}
a.fcw-card *{
  text-decoration:none !important;
}

/* Single wrapper (por compatibilidad) */
.fcw-matchcard{
  margin:12px 0;
}

.fcw-card.fcw-card--shortcode .fcw-status-under{
  color:#1a73e8;
  font-weight:800;
  text-decoration:underline;
}

/* ==============================
   TOP ROW (EN JUEGO | fecha pequeña)
   ============================== */
.fcw-toprow{
  display:grid;
  grid-template-columns:80px 1fr 80px;
  align-items:center;
  margin-bottom:0;                 /* compacto */
}

.fcw-live{
  font-size:11px;
  font-weight:800;
  color:#dc2626;
  letter-spacing:.2px;
}

.fcw-toprow-mid{
  display:flex;
  justify-content:center;
  align-items:center;
}

.fcw-smalldate{
  font-size:11px;
  font-weight:700;
  color:#334155;
  text-align:center;
  white-space:nowrap;
  line-height:1.05;
}

/* ==============================
   MIDDLE ROW (equipos + centro)
   ============================== */
.fcw-card-top{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  
}

/* Teams */
.fcw-team{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-width:0;
}

.fcw-team--right{
  text-align:center;
}

/* Logo */
.fcw-logo{
  width:45px !important;
  height:45px !important;
  max-width:45px !important;
  max-height:45px !important;
  object-fit:contain !important;
  display:block;
}

/* Team name */
.fcw-name{
  font-size:12px;
  font-weight:700;
  color:#0f172a;
  text-align:center;
  max-width:130px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.1;
}

/* ==============================
   CENTER COLUMN (CLAVE)
   ============================== */
.fcw-mid{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:100px;
  gap:2px;
}

/* Programado */
.fcw-date-l1{
  font-size:12px;
  font-weight:700;
  color:#0f172a;
  line-height:1.05;
  margin:0;
}
.fcw-date-l2{
  font-size:11px;
  font-weight:700;
  color:#334155;
  line-height:1.05;
  margin:0;
}

/* Marcador */
.fcw-score{
  font-size:20px;
  font-weight:800;
  line-height:1;                   /* ✅ antes tenías 0.1 (eso “rompe” alturas) */
  margin-bottom:0px !important;
  color:#0f172a !important;
}
.fcw-dash{
  opacity:.5;
}

/* ==============================
   STATUS UNDER
   ============================== */
.fcw-status-under{
  text-align:center;
  margin-top:0px;
  font-size:12px;
  font-weight:600;
  color:#6b7280;
  line-height:1.1;                 /* ✅ antes 0.5 (muy apretado) */
}

/* Live clock */
.fcw-liveclock{
  font-weight:800;
  color:#dc2626;
  letter-spacing:.3px;
}

.fcw-reload-wrap{ margin:12px 0 0; text-align:center; }
.fcw-reload-btn{
  width:100%;
  max-width:520px;
  background:#fc2729;
  color:#fff;
  border:0;
  border-radius:10px;
  padding:12px 14px;
  font-weight:800;
  font-size:14px;
  cursor:pointer;
}
.fcw-reload-btn:active{ transform:scale(0.99); }


/* ==============================
   LINEUPS (SEO + PITCH + LISTS)
   ============================== */
.fcw-lineups{ margin:14px 0; }
.fcw-lineups-h2{
  font-size:27px;
  font-weight:900;
  margin:10px 0 10px;
  line-height:1.2;
  color:#0f172a;
}

.fcw-lineup-badge{
  display:inline-block;
  margin-left:8px;
  padding:3px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  vertical-align:middle;
}
.fcw-lineup-badge.ok{ background:#dcfce7; color:#166534; border:1px solid #86efac; }
.fcw-lineup-badge.wait{ background:#fff7ed; color:#9a3412; border:1px solid #fdba74; }

.fcw-lineups-empty{
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  padding:12px;
  background:#fff;
  color:#334155;
  font-weight:700;
}

.fcw-lineups-tabs{
  display:flex;
  gap:8px;
  margin:8px 0 10px;
}
.fcw-tab{
  flex:1;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  border-radius:12px;
  padding:8px 10px;
  font-weight:900;
  font-size:12px;
  cursor:pointer;
}
.fcw-tab.is-active{
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
}

.fcw-panel{ display:none; }
.fcw-panel.is-active{ display:block; }

.fcw-formation{
  text-align:right;
  font-weight:900;
  font-size:12px;
  color:#334155;
  margin:6px 0 8px;
}

.fcw-summary-title {
  font-weight: 700;
}


.fcw-h3{
  margin:10px 0 8px;
  font-size:14px;
  font-weight:900;
  color:#0f172a;
}

.fcw-highlight {
  margin: 20px 0;
}

.fcw-highlight-embed iframe {
  border-radius: 10px;
}

/* Contenedor responsive 16:9 */
.fcw-highlight .embed-container,
.fcw-summary .embed-container,
.embed-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  overflow: hidden;
  border-radius: 12px; /* opcional */
}

/* Iframe siempre “pegado” al contenedor */
.fcw-highlight .embed-container iframe,
.fcw-summary .embed-container iframe,
.embed-container iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* =========================================================
   APP DOWNLOAD BLOCK
   ========================================================= */

.fcw-appdl{
  position:relative !important;
  margin:16px 0 !important;
  border:1px solid #e7e7e7 !important;
  border-radius:16px !important;
  background:#fff !important;
  overflow:hidden !important;
}

.fcw-appdl-open{
  display:block !important;
}

.fcw-appdl-collapsed{
  display:none !important;
}

.fcw-appdl.is-collapsed .fcw-appdl-open{
  display:none !important;
}

.fcw-appdl.is-collapsed .fcw-appdl-collapsed{
  display:flex !important;
}

.fcw-appdl.is-collapsed .fcw-appdl-close{
  display:none !important;
}

.fcw-appdl-close{
  position:absolute !important;
  top:10px !important;
  right:8px !important;
  width:26px !important;
  height:26px !important;
  border:none !important;
  background:transparent !important;
  color:#9ca3af !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:3 !important;
  padding:0 !important;
  box-shadow:none !important;
}

.fcw-appdl-close:hover{
  color:#111 !important;
}

.fcw-appdl-inner{
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) !important;
  grid-template-areas:
    "icon title"
    "text text"
    "actions actions" !important;
  gap:10px 12px !important;
  padding:16px !important;
  align-items:start !important;
}

.fcw-appdl-icon{
  grid-area:icon !important;
  width:52px !important;
  height:52px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f3f6fb !important;
  overflow:hidden !important;
}

.fcw-appdl-logo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
}

.fcw-appdl-content{
  display:contents !important;
}

.fcw-appdl-title{
  grid-area:title !important;
  font-size:16px !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  color:#111 !important;
  margin:0 !important;
  min-width:0 !important;
  padding-right:28px !important;
}

.fcw-appdl-text{
  grid-area:text !important;
  font-size:12px !important;
  line-height:1.45 !important;
  color:#4b5563 !important;
  margin:0 !important;
}

.fcw-appdl-actions{
  grid-area:actions !important;
  display:flex !important;
  gap:10px !important;
}

.fcw-appdl-btn{
  flex:1 1 0 !important;
  min-width:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  text-decoration:none !important;
  padding:12px 10px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}

.fcw-appdl-btn--android{
  background:#111 !important;
  color:#fff !important;
  border:none !important;
}

.fcw-appdl-btn--ios{
  background:#f3f4f6 !important;
  color:#111 !important;
  border:1px solid #d1d5db !important;
}

.fcw-appdl-collapsed{
  width:100% !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 14px !important;
  border:none !important;
  background:#fff !important;
  cursor:pointer !important;
  text-align:left !important;
  box-shadow:none !important;
}

.fcw-appdl-collapsed-icon{
  width:36px !important;
  height:36px !important;
  border-radius:10px !important;
  background:#f3f6fb !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  flex:0 0 36px !important;
}

.fcw-appdl-collapsed-text{
  flex:1 1 auto !important;
  min-width:0 !important;
  font-size:14px !important;
  font-weight:700 !important;
  color:#111 !important;
  line-height:1.2 !important;
}

.fcw-appdl-collapsed-plus{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-left:4px !important;
  color:#2563eb !important;
  line-height:1 !important;
}

.fcw-appdl-collapsed-plus svg{
  display:block !important;
  width:18px !important;
  height:18px !important;
}

/* =========================
   VOTACIÓN TIPO FOTMOB
   ========================= */
.fcw-vote-card{
  margin:12px 0;
  padding:10px;
  background:#fff;
  border:1px solid #ececec;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}

.fcw-vote-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.fcw-vote-question{
  margin:0;
  font-size:16px;
  line-height:1.12;
  font-weight:800;
  color:#202020;
}

.fcw-vote-total{
  margin:0;
  font-size:12px;
  line-height:1.2;
  color:#757575;
  white-space:nowrap;
  text-align:right;
}

.fcw-vote-choices,
.fcw-vote-results{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:6px;
}

.fcw-vote-results[hidden],
.fcw-vote-choices[hidden]{
  display:none !important;
}

.fcw-vote-choice,
.fcw-vote-result{
  min-height:46px;
  border-radius:10px;
  border:1px solid #e7e7e7;
  background:#fff;
}

.fcw-vote-choice{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  padding:0;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fcw-vote-choice:hover{
  transform:translateY(-1px);
  border-color:#d9d9d9;
}

.fcw-vote-choice:active{
  transform:none;
}

.fcw-vote-choice.is-selected{
  border-color:#d94b4b;
  box-shadow:0 0 0 3px rgba(217,75,75,.08);
}

.fcw-vote-choice.is-disabled{
  opacity:.7;
  pointer-events:none;
}

.fcw-vote-choice-inner,
.fcw-vote-result-inner{
  width:100%;
  min-height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:6px 8px;
  text-align:center;
}

.fcw-vote-logo{
  width:22px;
  height:22px;
  object-fit:contain;
  display:block;
}

.fcw-vote-draw-text{
  font-size:13px;
  line-height:1.1;
  font-weight:700;
  color:#666;
}

.fcw-vote-result{
  background:#fff;
}

.fcw-vote-result-percent{
  font-size:13px;
  line-height:1.1;
  font-weight:800;
  color:#666;
}

.fcw-vote-result.is-user-choice{
  background:#f8fdf9;
  border-color:#d8ebdc;
}

.fcw-vote-result.is-user-choice .fcw-vote-result-percent,
.fcw-vote-result.is-user-choice .fcw-vote-draw-text{
  color:#2e9b57;
}

.fcw-vote-note{
  margin-top:8px;
  font-size:11px;
  line-height:1.35;
  color:#8a8a8a;
}
/* ===== RELATED TOPICS ===== */

.fcw-related-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.fcw-related-item {
  display: flex;
  gap: 12px;
  text-decoration: none !important;
  align-items: flex-start;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.fcw-related-item:last-child {
  border-bottom: none;
}

/* 🔥 CLAVE: contenedor fijo */
.fcw-related-thumb {
  width: 120px;
  height: 75px;
  flex-shrink: 0;
}

/* 🔥 CLAVE: imagen bien recortada */
.fcw-related-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

/* 🔥 TEXTO */
.fcw-related-content {
  flex: 1;
}

.fcw-related-title {
  font-size: 15px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  text-decoration: none !important;
}

.fcw-related-h2{
  font-size:27px;
  font-weight:900;
  margin:10px 0 10px;
  line-height:1.2;
  color:#0f172a;
}

/* ===============================
   LIVE FEED COMPLETO (FINAL)
=================================*/

.fcw-live-feed-wrap{
  max-width:900px;
  margin:20px auto;
  padding:0 12px;
}

.fcw-live-feed-title{
  font-size: 27px;
  font-weight: 900;
  margin: 10px 0 10px;
  line-height: 1.2;
  color: #0f172a;
}

.fcw-live-feed-intro{
  margin:8px 0 14px;
  font-size:15px;
  line-height:1.6;
  color:#475569;
}

.fcw-live-feed-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.fcw-live-feed-empty{
  padding:16px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  color:#64748b;
  font-size:15px;
  line-height:1.5;
}

/* ===============================
   CARD BASE
=================================*/
.fcw-live-card,
.fcw-live-card--goal,
.fcw-live-card--yellow,
.fcw-live-card--red,
.fcw-live-card--sub,
.fcw-live-card--status,
.fcw-live-card--plain,
.fcw-live-card--home,
.fcw-live-card--away,
.fcw-live-card--neutral{
  background:#fff !important;
  border:1px solid #e5e7eb !important;
  border-radius:14px !important;
  box-shadow:0 1px 6px rgba(0,0,0,.05) !important;
  overflow:hidden !important;
}

/* ===============================
   HEADER
=================================*/
.fcw-live-card-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:10px 14px !important;
  background:#f8fafc !important;
  border-bottom:1px solid #eef2f7 !important;
  font-size:13px !important;
  font-weight:700 !important;
}

.fcw-live-card-head-left{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-width:0 !important;
  flex:1 1 auto !important;
}

.fcw-live-card-event-icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 14px !important;
  margin:0 !important;
}

.fcw-live-card-type{
  display:block !important;
  margin:0 !important;
  text-transform:uppercase !important;
  line-height:1.1 !important;
  color:#111827 !important;
}

.fcw-live-card-minute{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-weight:800 !important;
  color:#6b7280 !important;
  margin-left:8px !important;
}

/* GOLES: color fijo según lado */
.fcw-live-card--goal-home .fcw-live-card-head--goal{
  background:#b91c1c !important;
  color:#fff !important;
  border-bottom:0 !important;
}

.fcw-live-card--goal-home .fcw-live-card-scoreline{
  background:#991b1b !important;
  color:#fff !important;
  padding-left: 5px;
}

.fcw-live-card--goal-away .fcw-live-card-head--goal{
  background:#1d4ed8 !important;
  color:#fff !important;
  border-bottom:0 !important;
}

.fcw-live-card--goal-away .fcw-live-card-scoreline{
  background:#1e40af !important;
  color:#fff !important;
  padding-left: 5px;
}

.fcw-live-card-head--goal .fcw-live-card-type,
.fcw-live-card-head--goal .fcw-live-card-minute{
  color:#fff !important;
}

/* ===============================
   BODY
=================================*/
.fcw-live-card-body{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:12px 14px !important;
}

.fcw-live-card-body--has-photo .fcw-live-card-info{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.fcw-live-card-info{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.fcw-live-card-player{
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  color:#111827 !important;
}

.fcw-live-card-meta{
  font-size:13px !important;
  line-height:1.4 !important;
  color:#6b7280 !important;
}

.fcw-live-card-meta-row{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
  margin-top:2px !important;
}

.fcw-live-team-logo{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  object-fit:contain !important;
  display:block !important;
}

.fcw-live-card-meta-text{
  display:block !important;
  min-width:0 !important;
  font-size:13px !important;
  line-height:1.4 !important;
  color:#6b7280 !important;
}

.fcw-live-card-extra{
  font-size:12px !important;
  line-height:1.35 !important;
  color:#9ca3af !important;
  margin-top:3px !important;
}

.fcw-live-card-text{
  font-size:14px !important;
  line-height:1.5 !important;
  color:#111827 !important;
}

/* ===============================
   FOTOS
=================================*/
.fcw-live-card-photo-wrap{
  flex:0 0 auto !important;
}

.fcw-live-card-photo{
  width:52px !important;
  height:52px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:3px solid #eee !important;
  display:block !important;
  background:#f3f4f6 !important;
}

.fcw-live-card-photo--sm{
  width:42px !important;
  height:42px !important;
}

/* ===============================
   CAMBIOS
=================================*/
.fcw-live-sub-block{
  margin-bottom:10px !important;
}

.fcw-live-sub-block:last-child{
  margin-bottom:0 !important;
}

.fcw-live-sub-label{
  font-size:11px !important;
  font-weight:700 !important;
  margin-bottom:4px !important;
  line-height:1.1 !important;
}

.fcw-live-sub-label--in{
  color:#16a34a !important;
}

.fcw-live-sub-label--out{
  color:#dc2626 !important;
}

.fcw-live-sub-row{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:12px !important;
}

.fcw-live-sub-info{
  flex:1 1 auto !important;
  min-width:0 !important;
}

/* =========================================
   TABS DEL PARTIDO
========================================= */
.fcw-tabs-wrap{
  margin:20px 0 24px;
}

.fcw-tabs-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 16px;
  padding:0;
}

.fcw-tab-btn{
  appearance:none;
  border:1px solid #d9d9d9;
  background:#fff;
  color:#111;
  border-radius:999px;
  padding:10px 16px;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
}

.fcw-tab-btn.is-active{
  background:#111;
  color:#fff;
  border-color:#111;
}

.fcw-tabs-panels{
  width:100%;
}

.fcw-tab-panel{
  display:none;
}

.fcw-tab-panel.is-active{
  display:block;
}

/* =========================================
   BLOQUE PARTIDOS ENTRE SÍ
========================================= */
.fcw-h2h-wrap{
  margin:24px 0;
}

.fcw-h2h-title{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.2;
  font-weight:800;
}

.fcw-h2h-box{
  border:1px solid #e5e5e5;
  border-radius:14px;
  padding:14px;
  background:#fff;
}
.fcw-live-ad-wrap{
  margin:14px 0;
  padding:12px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  overflow:hidden;
}

.fcw-live-ad-label{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  color:#888;
  margin-bottom:8px;
}

/* =========================================
   MOBILE
========================================= */

@media (min-width: 768px){
  .fcw-appdl-inner{
    grid-template-columns:64px minmax(0,1fr) 280px !important;
    grid-template-areas:
      "icon title actions"
      "icon text actions" !important;
    gap:10px 16px !important;
    align-items:center !important;
  }

  .fcw-appdl-icon{
    width:64px !important;
    height:64px !important;
  }

  .fcw-appdl-title{
    font-size:18px !important;
    padding-right:0 !important;
  }

  .fcw-appdl-text{
    font-size:14px !important;
  }
  .fcw-vote-card{
    margin:16px 0;
    padding:14px;
    border-radius:16px;
  }

  .fcw-vote-top{
    gap:12px;
    margin-bottom:12px;
  }

  .fcw-vote-question{
    font-size:18px;
    line-height:1.15;
  }

  .fcw-vote-total{
    font-size:13px;
  }

  .fcw-vote-choices,
  .fcw-vote-results{
    gap:8px;
  }

  .fcw-vote-choice,
  .fcw-vote-result{
    min-height:36px;
    border-radius:10px;
  }

  .fcw-vote-choice-inner,
  .fcw-vote-result-inner{
    min-height:30px;
    padding:6px 10px;
    gap:8px;
  }

  .fcw-vote-logo{
    width:22px;
    height:22px;
  }

  .fcw-vote-draw-text,
  .fcw-vote-result-percent{
    font-size:14px;
  }
  .fcw-tabs-nav{
    justify-content:center;
  }

  .fcw-tab-btn{
    font-size:13px;
    padding:9px 14px;
  }
}

@media (max-width: 767px){
  .fcw-vote-choice,
  .fcw-vote-result{
    min-height:26px !important;
    border-radius:8px !important;
  }

  .fcw-vote-choice-inner,
  .fcw-vote-result-inner{
    min-height:26px !important;
    padding:3px 6px !important;
    gap:4px !important;
  }

  .fcw-vote-logo{
    width:20px !important;
    height:20px !important;
  }

  .fcw-vote-draw-text,
  .fcw-vote-result-percent{
    font-size:12px !important;
    line-height:1 !important;
  }

  .fcw-vote-choices,
  .fcw-vote-results{
    gap:5px !important;
  }
  .fcw-live-feed-wrap{
    padding:0 0px;
  }

  .fcw-live-feed-title{
    font-size:19px;
  }

  .fcw-live-feed-intro{
    font-size:14px;
    line-height:1.55;
  }

  .fcw-live-card-head{
    padding:9px 12px !important;
    font-size:12px !important;
  }

  .fcw-live-card-body{
    padding:10px 5px !important;
  }

  .fcw-live-card-player{
    font-size:14px !important;
  }

  .fcw-live-card-meta,
  .fcw-live-card-meta-text{
    font-size:12px !important;
  }

  .fcw-live-card-photo{
    width:46px !important;
    height:46px !important;
  }
}
@media (max-width:640px){
  .fcw-live-feed-wrap{
    padding:0 0px;
  }

  .fcw-live-feed-intro{
    font-size:14px;
    line-height:1.55;
    margin:8px 0 12px;
  }

  .fcw-live-card{
    border-radius:12px !important;
  }

  .fcw-live-card-event-icon{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    max-width:24px !important;
    flex:0 0 13px !important;
  }

  .fcw-live-card-player{
    font-size:13px !important;
  }

  .fcw-live-card-meta,
  .fcw-live-card-meta-text{
    font-size:11px !important;
  }

  .fcw-live-card-photo{
    width:40px !important;
    height:40px !important;
  }

  .fcw-live-card-photo--sm{
    width:36px !important;
    height:36px !important;
  }
}