#spielmodi{padding:6rem 3rem;max-width:1400px;margin:0 auto}#spielmodi h2{font-size:3rem;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-bottom:5rem}.game-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .3s ease-out;backdrop-filter:blur(10px);display:flex;flex-direction:column;box-shadow:0 4px 30px rgba(0,0,0,.1);transform:translateZ(0);backface-visibility:hidden}.game-card:hover{transform:translateY(-8px);border-color:rgba(96,165,250,.4);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 25px rgba(96,165,250,.15);background:linear-gradient(180deg,rgba(96,165,250,.06),rgba(255,255,255,.01))}.game-image-wrapper{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);transform:translateZ(0);backface-visibility:hidden}.game-image{width:100%;height:220px;background-color:#1a1a1a;background-size:cover!important;background-position:center!important}.game-image-wrapper::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,#1a1a1a,transparent);pointer-events:none}.game-content{padding:1.75rem;position:relative;z-index:3;flex-grow:1;display:flex;flex-direction:column}.game-tag{align-self:flex-start;background:rgba(96,165,250,.15);color:#f1f5f9;border:1px solid rgba(96,165,250,.4);font-size:1.3rem;font-weight:500;padding:.5rem 1.25rem;border-radius:12px;margin-bottom:1.25rem;box-shadow:0 4px 15px rgba(96,165,250,.2)}.game-description{color:#94a3b8;line-height:1.7;font-size:.95rem}footer{background:#0f0f0f;padding:3rem 5%;text-align:center;width:100%;margin:0}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.footer-links a{color:#888;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#60a5fa}.footer-text{color:#666;font-size:.9rem}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}section{padding:4rem 1.5rem}section h2{font-size:2rem}.game-grid{grid-template-columns:1fr}}