*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d1a;--card-bg:#1a1a2e;--card-border:#ffffff14;--card-hover:#1e1e38;--text:#f0f0f0;--text-muted:#88a;--accent:#7c6fe0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1100px;margin:0 auto;padding:60px 24px 80px}.header{text-align:center;margin-bottom:64px}.header-icon{margin-bottom:16px;font-size:3rem;display:block}.header h1{background:linear-gradient(135deg,#a78bfa,#60a5fa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.2}.header p{color:var(--text-muted);font-size:1rem;line-height:1.7}.game-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.game-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;flex-direction:column;gap:16px;padding:28px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.game-card:before{content:"";background:linear-gradient(135deg, var(--accent-from), var(--accent-to));opacity:0;border-radius:20px;transition:opacity .2s;position:absolute;inset:0}.game-card:hover{border-color:#fff3;transform:translateY(-6px);box-shadow:0 16px 48px #00000080}.game-card:hover:before{opacity:.06}.card-top{align-items:flex-start;gap:16px;display:flex}.card-emoji{flex-shrink:0;font-size:2.8rem;line-height:1}.card-info{flex:1;min-width:0}.card-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.tag{letter-spacing:.05em;color:var(--text-muted);background:#ffffff14;border-radius:100px;padding:3px 10px;font-size:.7rem;font-weight:700}.tag.accent{color:#a78bfa;background:#7c6fe033}.card-title{color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.3}.card-description{color:var(--text-muted);flex:1;font-size:.88rem;line-height:1.7}.card-button{color:#fff;background:linear-gradient(135deg, var(--accent-from), var(--accent-to));cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:13px 20px;font-size:.95rem;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.card-button:hover{opacity:.88;transform:scale(.98)}.card-button .arrow{transition:transform .15s}.game-card:hover .card-button .arrow{transform:translate(4px)}.footer{text-align:center;color:var(--text-muted);margin-top:80px;font-size:.8rem}@media (max-width:640px){.page{padding:40px 16px 60px}.header{margin-bottom:40px}.game-grid{grid-template-columns:1fr;gap:16px}}