.tag { font-size:11px; padding:4px 10px; border-radius:20px; font-weight:500; transition:0.2s ease, transform 0.2s ease; cursor:default; }
.tag:hover { filter:brightness(1.2); }

.tag-server-info { background: rgba(255,140,0,0.15); color:#ffb46e; border:1px solid rgba(255,140,0,0.5); display:flex; align-items:center; gap:4px; }
.tag-server-info i { font-size:10px; }
.tag-genre { background: rgba(0,140,255,0.15); color:#6ec1ff; border:1px solid rgba(0,140,255,0.5); }
.tag-gameplay { background: rgba(255,140,0,0.15); color:#ffb46e; border:1px solid rgba(255,140,0,0.5); }
.tag-feature { background: rgba(160,80,255,0.15); color:#c6a3ff; border:1px solid rgba(160,80,255,0.5); }
.tag-mechanic { background: rgba(50,200,50,0.15); color:#7fff7f; border:1px solid rgba(50,200,50,0.4); }
.tag-difficulty { background: rgba(255,50,50,0.12); color:#ff4c4c; border:1px solid rgba(255,50,50,0.4); }
.tag-system { background: rgba(0,120,255,0.15); color:#6ec1ff; border:1px solid rgba(0,120,255,0.4); }

.divider-line { width:100%; height:2px; background-color:rgba(255,255,255,0.2); margin-top:10px; border-radius:1px; }

.games-container { display:flex; flex-wrap:wrap; gap:20px; width:100%; padding:20px; justify-content:flex-start; }

.badge { position:absolute; top:12px; right:12px; background: linear-gradient(90deg,#ff4500,#ff8c00); padding:4px 10px; font-size:10px; font-weight:700; border-radius:20px; color:white; letter-spacing:1px; }

.server-info-top { display:flex; gap:12px; align-items:center; margin-bottom:8px; flex-wrap:wrap; }
.server-status { font-size:11px; font-weight:600; }
.server-status.online { color:#4cff88; }
.server-status.offline { color:#ff4c4c; }
.server-status.online::before, .server-status.offline::before { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:6px; background:currentColor; }
.server-status.online::before { animation:pulse 1.2s infinite; }
.server-players, .servers-count { font-size:11px; color:#aaa; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,0.05); transition:0.2s ease; cursor:pointer; }
.server-players i, .servers-count i { color:#6ec1ff; font-size:14px; }
.server-players:hover, .servers-count:hover { background:rgba(255,255,255,0.15); }

.icon-pvp { font-size:16px; margin-left:6px; }

.tag-group { margin-bottom:10px; }
.tag-title { font-size:10px; letter-spacing:1px; color:#666; margin-bottom:5px; }
.tag-row { display:flex; flex-wrap:wrap; gap:6px; }

.game-link { text-decoration:none; color:inherit; }
.game-card { width:380px; background:linear-gradient(145deg,#0f1115,#1a1320); border-radius:14px; overflow:hidden; border:1px solid rgba(255,255,255,0.05); box-shadow:0 8px 25px rgba(0,0,0,0.7); transition:all 0.35s ease; position:relative; }
.game-card:hover { border:1px solid rgba(255,85,0,0.7); background:linear-gradient(145deg,#141821,#241428); box-shadow:0 0 0 1px rgba(255,85,0,0.2),0 20px 45px rgba(0,0,0,0.9),0 0 30px rgba(255,85,0,0.15); }
.game-card:hover::after { content:""; position:absolute; inset:0; border-radius:14px; box-shadow:inset 0 0 40px rgba(255,85,0,0.08); pointer-events:none; }
.game-image { height:170px; overflow:hidden; position:relative; }
.game-image img { width:100%; height:100%; object-fit:cover; }
.game-content { padding:18px; display:flex; flex-direction:column; }
.game-content h2 { margin:0 0 8px 0; font-size:20px; color:#fff; }
.game-content p { font-size:13px; color:#a0a8b2; line-height:1.5; }
.game-meta { font-size:11px; color:#aaa; display:flex; gap:12px; margin-bottom:12px; }
.game-button { margin-top:8px; padding:10px; border-radius:8px; background:linear-gradient(90deg,#ff4500,#ff8c00); color:white; font-weight:600; text-align:center; transition:0.3s ease, transform 0.2s ease; cursor:pointer; }
.game-button:hover, .game-button:active { box-shadow:0 0 25px rgba(255,85,0,0.7); }

@media (max-width:768px) {
	.game-card { width:100%; }
	.games-container { padding:10px; gap:12px; }
	.game-content { padding:12px; }
}