.games-wrapper{width:1240px;margin:26px auto 0;color:#fff;}
.games-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.games-header h2{font-size:40px;font-weight:800;margin:0;}
.games-header select:not(.socca-select){background:#2e2750;color:#fff;border:1px solid #4a4270;padding:8px 14px;border-radius:8px;font-size:14px;cursor:pointer;min-width:194px;}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.game-card{background:#2e2750;border-radius:4px;padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:152px;}
.game-head{display:flex;justify-content:space-between;gap:8px;padding:10px 12px 2px;font-size:13px;color:#c9bfde;font-weight:600;position:relative;z-index:3;}
.game-head div:last-child{opacity:0.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48%;}
.kit-split{position:absolute;inset:0;display:flex;z-index:0;opacity:0.3;}
.kit-side{width:50%;height:100%;background-repeat:no-repeat;background-size:cover;}
.kit-home{background-position:center left;}
.kit-away{background-position:center right;}
.game-card-inner{position:relative;z-index:2;display:flex;flex-direction:column;min-height:124px;padding:4px 10px 10px;}
.game-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;}
.game-teams a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#fff;font-weight:700;font-size:14px;line-height:1.15;text-align:center;}
.game-teams a span{min-height:32px;font-size:22px;font-weight:700;line-height:1.05;display:flex;align-items:flex-end;justify-content:center;}
.game-teams img{width:52px;height:52px;border-radius:999px;object-fit:contain;background:rgba(21,14,40,0.7);}
.game-time{font-size:36px;font-weight:800;text-align:center;align-self:center;letter-spacing:0.2px;}
.game-preview{margin-top:6px;align-self:center;font-size:14px;color:#8f5df2;text-decoration:none;display:inline-flex;justify-content:center;font-weight:600;}
.game-preview:before{content:"\25CB";font-size:11px;line-height:1;margin-right:6px;margin-top:2px;}
.game-preview:hover{text-decoration:underline;}
.game-status-warning{margin-top:8px;align-self:center;display:inline-flex;padding:4px 9px;background:#facc15;color:#111;font-size:10px;font-weight:700;border-radius:99px;white-space:nowrap;}
@media(max-width:1100px){.games-wrapper{width:calc(100% - 24px);} .games-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){
    .games-wrapper{width:94%;}
    .games-header h2{font-size:30px;}
    .games-grid{grid-template-columns:1fr;gap:10px;}
    .game-time{font-size:30px;}
    .game-teams a span{font-size:18px;}
}