/* RiconTop Footy home page: the round's fixture with countdowns */
.fixture h1 { margin:0; font-size:1.35rem; letter-spacing:-.01em; }
.roundbar { display:flex; align-items:center; gap:12px; margin:4px 0 14px; }
.roundbar .rtitle { flex:1; text-align:center; }
.roundbar .arrow { width:40px; height:40px; border-radius:999px; display:grid; place-items:center; font-size:1.6rem; line-height:1;
                   background:#f3f4f6; color:#111827; text-decoration:none; }
.roundbar .arrow.off { opacity:.3; }
.livetxt { color:#dc2626; }
.dayhead { font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#6b7280; margin:18px 4px 8px; }
.fixlist { display:flex; flex-direction:column; }
.fx { display:grid; grid-template-columns:1fr auto; gap:6px 12px; align-items:center; background:#fff;
      border:1px solid #e5e7eb; border-radius:16px; padding:12px 14px; margin-bottom:10px; }
.fx.fav { border-color:var(--fav, #1F3A93); box-shadow:0 0 0 1px var(--fav, #1F3A93) inset; }
.fx.live { border-color:#fecaca; background:linear-gradient(#fff, #fff7f7); }
.fx-teams { display:flex; flex-direction:column; gap:6px; min-width:0; }
.fx-team { display:flex; align-items:center; gap:8px; font-weight:600; min-width:0; }
.fx-team .flag { width:14px; height:20px; border-radius:3px; flex:none; }
.fx-team .tname { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fx.final .fx-team:not(.win) { color:#6b7280; }
.fx-team .real { margin-left:auto; font-variant-numeric:tabular-nums; color:#6b7280; font-weight:500; white-space:nowrap; }
.fx-team .real b { color:#111827; }
.fx-team .fp { min-width:2.6em; text-align:right; font-variant-numeric:tabular-nums; color:#1F3A93; font-weight:800; }
.fx-side { display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.fx-meta { grid-column:1 / -1; font-size:.8rem; color:#6b7280; }
.countdown { font-variant-numeric:tabular-nums; font-weight:800; font-size:1.05rem; text-align:right; min-width:6.5em; }
.countdown small { display:block; font-size:.68rem; font-weight:600; color:#6b7280; letter-spacing:.04em; text-transform:uppercase; }
.btn-live { display:inline-flex; align-items:center; gap:6px; background:#dc2626; color:#fff; font-weight:800; letter-spacing:.04em;
            padding:8px 14px; border-radius:999px; text-decoration:none; font-size:.9rem; box-shadow:0 4px 14px rgba(220,38,38,.3); }
.btn-live .dot { width:8px; height:8px; border-radius:50%; background:#fff; animation:pulse 1.4s ease-in-out infinite; }
@keyframes pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.35; transform:scale(.7); } }
.btn-ghost { border:1px solid #e5e7eb; border-radius:999px; padding:6px 12px; font-weight:600; font-size:.85rem; color:#111827; text-decoration:none; }
.ft { font-size:.75rem; font-weight:700; color:#6b7280; letter-spacing:.05em; text-transform:uppercase; }
.fx-note { margin-top:14px; }
@media (prefers-reduced-motion:reduce) { .btn-live .dot { animation:none; } }
.btn-live[hidden] { display:none; }
.waitnote { background:#fffbea; border:1px solid #f5d77a; border-radius:12px; padding:10px 14px; font-size:.9rem; }
@media (max-width:400px) { .topnav a { padding:6px 9px; font-size:.85rem; } header .logo { font-size:1.05rem; } }
.fixtop { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:6px; }
.fixtop .comptabs { margin:0; }
.myclub { display:inline-flex; align-items:center; gap:6px; background:#f3f4f6; border-radius:999px; padding:4px 6px 4px 12px; }
.myclub .star { color:#f59e0b; }
.myclub select { border:0; background:transparent; font:inherit; font-weight:600; color:#111827; padding:6px 4px; max-width:12em; }
html.glass .myclub { background: var(--glass) !important; -webkit-backdrop-filter: blur(22px) saturate(190%); backdrop-filter: blur(22px) saturate(190%);
                     border:1px solid var(--edge); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 6px 18px rgba(15,23,42,.08); }

.ic { width:1.15em; height:1.15em; vertical-align:-.2em; }
.myclub .ic.star { width:18px; height:18px; }
.capteaser h2 > span:first-child { display:inline-flex; align-items:center; gap:6px; }