:root{--bg-color:#050510;--card-bg:#ffffff0d;--card-border:#ffffff1a;--text-primary:#fff;--text-secondary:#a0a0b0;--accent-color:#6366f1;--accent-glow:#6366f180;--font-main:"Outfit", "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);background-image:radial-gradient(circle at 20% 20%,#6366f126 0%,#0000 40%),radial-gradient(circle at 80% 80%,#a855f726 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{width:100%;max-width:1200px;padding:40px 20px}.container{flex-direction:column;align-items:center;gap:60px;display:flex}header{text-align:center;animation:.8s ease-out fadeInDown}h1{letter-spacing:-.02em;background:linear-gradient(to bottom right,#fff,#a0a0b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2.5rem,8vw,4rem);font-weight:800}.subtitle{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:1.1rem}.game-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;display:grid}.game-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);color:inherit;border-radius:24px;flex-direction:column;gap:16px;padding:32px;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);animation:.8s ease-out backwards fadeInUp;display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:var(--accent-color);background:#ffffff14;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 20px #6366f133}.game-card:active{transform:translateY(-4px)}.game-icon{margin-bottom:8px;font-size:3rem}.game-name{color:var(--text-primary);font-size:1.5rem;font-weight:700}.game-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.game-author{color:var(--text-secondary);opacity:.7;font-size:.8rem;font-weight:500}.arrow{color:var(--accent-color);opacity:0;margin-top:auto;font-size:1.2rem;transition:all .3s;transform:translate(-10px)}.game-card:hover .arrow{opacity:1;transform:translate(0)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){#root{padding:20px}.container{gap:40px}.game-list{grid-template-columns:1fr}}