:root {
    --bg:        #07090f;
    --surface:   #0e1320;
    --surface2:  #131928;
    --border:    #1c2535;
    --border2:   #263044;
    --green:     #22c55e;
    --green-bg:  rgba(34,197,94,.08);
    --red:       #f43f5e;
    --red-bg:    rgba(244,63,94,.08);
    --blue:      #3b82f6;
    --text:      #dce8f5;
    --muted:     #4e6177;
    --dim:       #8da4bc;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {max-width:900px;margin:auto;background: var(--bg);color: var(--dim);font-family: 'Outfit', sans-serif;min-height: 100vh;padding: 28px 16px 60px;display:grid;gap:1rem;}
strong {display:block;}
/* Background atmosphere */
body::before {
    content: '';
    position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background:
            radial-gradient(ellipse 70% 40% at 30% 0%, rgba(34,197,94,.04) 0%, transparent 70%),
            radial-gradient(ellipse 50% 60% at 90% 80%, rgba(59,130,246,.04) 0%, transparent 60%);
}
body {}
h1 {}
.logo {height:64px;}
.country {border:1px solid var(--muted);border-radius:1rem;overflow:hidden;}
.country > strong {padding:.75rem;}
.leagues {}
.league {border-top:1px solid var(--muted);}
.league > strong {padding:.5rem;}
.games {}
.game {;display:flex;align-items:center;gap:.5rem;padding:.5rem;}
.game:nth-child(odd) {background:var(--surface);}

.time {width:85px;text-align:left;}

.teams {display:grid;grid-template-columns:4fr 1fr 4fr;flex:1;justify-items:center;align-items:center;}
.teams img {height:24px;}
.teams > * {display:flex;align-items:center;}
.team-home {justify-self:right;}
.team-home .team-logo {margin-left:1rem;}
.scoreboard {display:flex;justify-content:center;margin:0 1rem;width:52px;}
.scoreboard .versus {margin:0 .5rem;font-weight:bold;}
.team-away {justify-self:left;}
.team-away .team-logo {margin-right:1rem;}

.team-logo {width:24px;text-align:center;}

.date {}

pre {display:none;position:fixed;top:0;left:0;bottom:0;width:10vw;overflow-x:hidden;background:var(--surface);border-right:1px solid #ddd;}
pre:hover {width:50vw;}