.fg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.fg-card{display:flex;flex-direction:column;border:1px solid #2b4558;border-radius:14px;background:linear-gradient(160deg,#0f2130ed,#08121fed);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.fg-card:hover{transform:translateY(-3px);border-color:#3ddc84;box-shadow:0 10px 30px #3ddc8422}
.fg-card[hidden]{display:none}
.fg-img{position:relative;display:block;aspect-ratio:460/215;background:#0d1d29;overflow:hidden}
.fg-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.fg-card:hover .fg-img img{transform:scale(1.04)}
.fg-badge{position:absolute;left:8px;top:8px;background:#3ddc84;color:#04130a;font-weight:950;font-size:11px;letter-spacing:.04em;padding:4px 8px;border-radius:6px;box-shadow:0 2px 10px #0008}
.fg-soon .fg-badge{background:#ffb648;color:#1a0f00}
.fg-store{position:absolute;right:8px;top:8px;background:#050b13d9;border:1px solid #ffffff30;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px}
.fg-epic .fg-store{border-color:#ffffff80}.fg-steam .fg-store{border-color:#66c0f4;color:#cfe9ff}.fg-gog .fg-store{border-color:#b368ff;color:#e6cfff}.fg-prime .fg-store{border-color:#00a8e1;color:#bfefff}.fg-ubisoft .fg-store{border-color:#4c8dff}.fg-indiegala .fg-store{border-color:#ff6a3d}.fg-itch .fg-store{border-color:#fa5c5c}
.fg-left{position:absolute;left:8px;bottom:8px;background:#050b13e0;color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px}
.fg-left.hot{background:#ff4d4d;color:#fff}
.fg-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.fg-body strong{font-size:15px;line-height:1.25}
.fg-price{display:flex;align-items:baseline;gap:8px}
.fg-price s{color:var(--muted,#93a3b8);font-size:13px}
.fg-price b{font-size:22px;font-weight:950;color:#3ddc84}
.fg-soon .fg-price b{color:#ffb648;font-size:17px}
.fg-when{color:var(--muted,#93a3b8);font-size:12px}
.fg-actions{display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:8px}
.fg-actions .btn{justify-content:center;min-height:36px;font-size:12px}
.fg-more{font-size:12px;color:#ffb648;text-decoration:none;font-weight:700}
.fg-more:hover{text-decoration:underline}
.fg-filter{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.fg-filter button{background:transparent;color:#cfd8e3;border:1px solid #2b4558;border-radius:999px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}
.fg-filter button.on{background:#3ddc84;border-color:#3ddc84;color:#04130a}
.fg-rules{border:1px solid #2b4558;border-radius:12px;padding:12px 16px;background:#0a1622}
.fg-rules summary{cursor:pointer;font-weight:800}
.fg-rules li{margin:6px 0;color:#cfd8e3}
.fg-note{margin-top:12px}
.fg-empty{padding:12px 0}
@media (max-width:560px){.fg-list{grid-template-columns:1fr 1fr;gap:10px}.fg-body strong{font-size:13px}.fg-price b{font-size:18px}.fg-store{display:none}}