:root{
  --apple-blue:#007aff;
  --apple-green:#34c759;
  --muted:#f2f2f7;
  --text:#1c1c1e;
  --card-bg:#ffffff;
  --max-width:1100px;
}
*{box-sizing:border-box}
body{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:var(--text); background:linear-gradient(180deg,var(--muted),#fff); margin:0}
.container{max-width:var(--max-width); margin:0 auto; padding:1rem}
.site-header{background:transparent; border-bottom:1px solid #e6e6ea}
.brand{font-weight:700; color:var(--apple-blue); text-decoration:none; font-size:1.25rem}
.main-nav a{margin-left:1rem; color:#333; text-decoration:none}
.site-footer{padding:1rem 0; color:#666; font-size:.9rem}

.game-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:1rem;}
.card{background:var(--card-bg); border-radius:12px; padding:0.5rem; box-shadow:0 6px 18px rgba(28,28,30,0.06); overflow:hidden; text-align:center}
.card img{width:100%; height:120px; object-fit:cover; border-radius:8px}
.card h3{margin:.5rem 0 0; font-size:1rem}

.iframe-wrap{position:relative; padding-top:56.25%; background:#000; border-radius:10px; overflow:hidden}
.iframe-wrap iframe{position:absolute; inset:0; width:100%; height:100%; border:0}

.lede{color:#444; font-size:1rem}
.meta{list-style:none; padding:0; margin:0}

@media (min-width:900px){
  .container{padding:2rem}
}