:root { --amber:#ffad16; --cyan:#5ad6d8; --dim:#6a6860; --bg:#050505; --line:rgba(255,255,255,0.1); --font:"Courier New",monospace; }
* { box-sizing:border-box; margin:0; padding:0; }
html,body { min-height:100%; background:var(--bg); color:var(--amber); font-family:var(--font); }

.arcade-wrap { width:min(900px, calc(100% - 32px)); margin:0 auto; padding-bottom:60px; }

.arcade-header {
  display:flex; justify-content:space-between; align-items:center;
  padding:16px 0 12px; border-bottom:1px solid rgba(255,173,22,.4);
  font-size:11px; color:var(--dim); letter-spacing:.05em;
}
.term-exit { color:var(--dim); text-decoration:none; font-size:11px; letter-spacing:.1em; transition:color .15s; }
.term-exit:hover { color:var(--amber); }

.arcade-title { padding:48px 0 36px; }
.eyebrow { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--amber); margin-bottom:10px; }
h1 { font-size:clamp(42px,10vw,80px); line-height:.95; text-transform:uppercase; letter-spacing:.04em; }

.game-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }

.game-card {
  display:flex; flex-direction:column;
  border:1px solid var(--line); text-decoration:none; color:var(--amber);
  transition:border-color .2s;
  overflow:hidden;
}
.game-card:hover { border-color:var(--amber); }

.game-card-art {
  width:100%; aspect-ratio:16/7;
  background:var(--bg);
  overflow:hidden;
  flex-shrink:0;
}
.game-card-art canvas { display:block; width:100%; height:100%; image-rendering:pixelated; }

.game-card-info { padding:20px 22px 24px; }
.game-card-eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:.12em; color:var(--dim); margin-bottom:8px; }
.game-card-info h2 { font-size:22px; text-transform:uppercase; margin-bottom:10px; }
.game-card-info p { font-size:13px; line-height:1.7; color:var(--dim); margin-bottom:16px; }
.game-card-cta { font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--amber); }
.game-card:hover .game-card-cta { color:var(--cyan); }

@media(max-width:580px) {
  .game-grid { grid-template-columns:1fr; }
}