.game-details{background:var(--gray-100);position:relative}.game-details header{left:30%;position:absolute;text-align:center;top:12px;width:40%}.game-details .round{margin-top:5px}.game-details .teams{display:grid;grid-template-columns:repeat(3,1fr);padding:16px}.game-details .team{text-align:center}.game-details .logo-wrap{align-items:center;display:inline-flex;justify-content:center;margin-bottom:6px}.game-details .logo-wrap img{display:block;height:130px;object-fit:contain;width:130px}.game-details .status{background:var(--secondary);border-radius:8px;color:#fff;font-size:.8em;font-weight:700;margin-top:20px;padding:6px 12px;text-transform:uppercase}.game-details .status.live{align-items:center;background:var(--primary);color:#fff;display:flex}.game-details .status.live:before{animation:pulse 1s infinite;background:#db3c3c;border-radius:100%;content:"";display:block;height:5px;margin-right:6px;width:5px}.game-details .score{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:50px}.game-details .score .result{column-gap:8px;display:grid;grid-template-columns:repeat(2,60px);margin-bottom:5px}.game-details .score .result span{background:var(--primary);border-radius:8px;color:#fff;display:block;height:48px;line-height:45px;text-align:center}.game-details footer{--icon-size:1.3em;border-top:1px solid var(--gray-200);display:grid;gap:16px;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;padding:12px 0}.game-details footer span{display:grid;grid-template-columns:24px 1fr}.game-tabs{margin-top:20px}.game-tabs .tab-buttons button{font-size:1.2em}.game-events .row{background:var(--gray-100);border-radius:8px;display:grid;grid-template-columns:1fr 80px 1fr;padding:12px}.game-events .row:not(:last-child){margin-bottom:8px}.game-events .row .team:first-child .event{justify-content:flex-end;text-align:right}.game-events .minute{align-items:center;background:var(--gray-200);border-radius:8px;display:flex;font-weight:600;justify-content:center;padding:6px}.game-events .event{--icon-size:1.8em;align-items:center;display:flex;padding:0 12px}.game-events .event:not(:last-child){margin-bottom:12px}.game-events .event svg{margin:0 12px}.game-events .event .yellow{color:#ffce3d}.game-events .event .red{color:#db3c3c}.game-lineups{align-items:start;column-gap:20px;display:grid;grid-template-columns:480px 1fr}.game-lineups .field-wrap{background:var(--primary);border-radius:8px;color:#fff;padding:0 12px}.game-lineups .field-team{align-items:center;column-gap:12px;display:grid;grid-template-columns:min-content 1fr min-content;padding:12px 0}.game-lineups .field{position:relative}.game-lineups .field img{display:block;width:100%}.game-lineups .half,.game-lineups .half .row{align-items:center;display:flex;justify-content:space-around}.game-lineups .row{width:100%}.game-lineups .half{flex-direction:column;height:49%;left:0;position:absolute;top:0;width:100%}.game-lineups .half.home-half .row{flex-direction:row-reverse}.game-lineups .half.away-half{flex-direction:column-reverse;top:50%}.game-lineups .half .grid-player svg{color:var(--primary)}.game-lineups .half .grid-player .num{color:var(--number)}.game-lineups .half .grid-player.goalkeeper svg{color:var(--goalkeeper-primary)}.game-lineups .half .grid-player.goalkeeper .num{color:var(--goalkeeper-number)}.game-lineups .grid-player{position:relative}.game-lineups .grid-player svg{font-size:40px}.game-lineups .grid-player .num{color:#000;font-weight:700;top:14px}.game-lineups .grid-player .name,.game-lineups .grid-player .num{font-size:12px;left:50%;position:absolute;transform:translateX(-50%)}.game-lineups .grid-player .name{font-weight:600;line-height:1;text-align:center;text-shadow:0 0 5px #000,1px 1px 1px #122424;top:92%;width:70px}.game-lineups .lineup{background:var(--gray-100);border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto 20px}.game-lineups .lineup .team:first-of-type{border-right:1px solid var(--gray-200)}.game-lineups .lineup-header{border-bottom:1px solid var(--gray-200);font-weight:600;grid-column:span 2;padding:20px;text-align:center;text-transform:uppercase}.game-lineups .coach,.game-lineups .player{align-items:center;display:flex;padding:6px 12px}.game-lineups .coach .name,.game-lineups .player .name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-lineups .number{align-items:center;background:var(--gray-300);border-radius:3px;display:flex;font-size:12px;height:22px;justify-content:center;margin-right:8px;width:22px}.game-lineups .primary .number{background:var(--primary);color:#fff}.game-lineups .coach .number{background:var(--secondary)}.game-statistics .stat{margin-bottom:20px}.game-statistics .stat-data{display:grid;font-size:14px;grid-template-columns:1fr 3fr 1fr;text-transform:uppercase}.game-statistics .stat-data .title{text-align:center}.game-statistics .stat-data .value-away{text-align:right}.game-statistics .stat-data .value{font-size:1.1em;font-weight:600}.game-statistics .stat-bars{display:grid;grid-template-columns:repeat(2,1fr);margin-top:6px}.game-statistics .bar{background:var(--gray-100);border-radius:5px;width:100%}.game-statistics .bar .inner{height:9px}.game-statistics .bar .inner.winner{background:var(--primary)}.game-statistics .bar .inner.loser{background:var(--gray-400)}.game-statistics .bar.home{display:flex;justify-content:end}.game-statistics .bar.home .inner{border-radius:4px 0 0 4px}.game-statistics .bar.away .inner{border-radius:0 4px 4px 0}.game-h2h .game{background:var(--gray-100);border-radius:8px;display:block;margin-bottom:12px}.game-h2h .game:hover{box-shadow:0 0 6px var(--gray-400);text-decoration:none}.game-h2h .game-data{border-bottom:1px solid var(--gray-200);display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.game-h2h .game-data .stage{display:flex}.game-h2h .game-data .stage .league{flex:1;font-weight:600;margin-right:8px}.game-h2h .game-data .date{align-items:center;display:flex}.game-h2h .game-data .date svg{margin-right:8px}.game-h2h .teams{display:grid;grid-template-columns:1fr 80px 1fr;padding:6px 0}.game-h2h .teams .team{align-items:center;display:flex;font-weight:600}.game-h2h .teams .team .logo{height:40px;margin:0 8px;object-fit:contain;width:40px}.game-h2h .teams .team.away{justify-content:flex-end}.game-h2h .teams .score{align-items:center;display:flex;flex-direction:column;justify-content:center}.game-h2h .teams .score .result{display:flex;margin-bottom:8px}.game-h2h .teams .score .result span{background:var(--primary);color:#fff;display:block;height:26px;line-height:26px;margin:0 4px;text-align:center;width:34px}