#fishing-game-container {
position: relative;
background: radial-gradient(circle at center, #0a1a6b 0%, var(--dark-bg) 100%);
padding: 40px 20px;
font-family: 'Inter', sans-serif;
color: #fff;
border-radius: 15px;
text-align: center;
}
.fgc-title {
font-family: 'Montserrat', sans-serif;
font-size: clamp(1.8rem, 5vw, 2.8rem);
background: var(--premium-gold);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 30px;
letter-spacing: 2px;
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.5));
}
.fgc-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
gap: 20px;
max-width: 1200px;
margin: 0 auto 40px;
}
.fgc-card {
background: var(--card-bg);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 215, 0, 0.2);
border-radius: 15px;
padding: 15px;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
}
.fgc-card:hover {
transform: translateY(-10px);
border-color: #FFD700;
box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}
.fgc-card img {
width: 100%;
height: auto;
border-radius: 10px;
margin-bottom: 15px;
}
.fgc-button {
background: var(--premium-gold);
color: #050544;
text-decoration: none;
padding: 8px 25px;
border-radius: 20px;
font-weight: bold;
font-size: 14px;
transition: transform 0.2s;
display: inline-block;
border: none;
cursor: pointer;
}
.fgc-button:hover {
transform: scale(1.1);
filter: brightness(1.2);
}
.fgc-footer {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
@media (max-width: 480px) {
.fgc-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
}
