:root {
  --bg: #0b0f14;
  --panel: #121821;
  --text: #e9eef5;
  --muted: #9fb3c8;
  --accent: #ffc857;
  --accent-2: #4fb3ff;
  --border: #213041;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji","Segoe UI Emoji"; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
.site-header { background: linear-gradient(90deg, #0f1622, #0b0f14 60%); border-bottom: 1px solid var(--border); }
.site-header h1 { margin: 0 0 .25rem; font-size: 1.5rem; }
.site-header p { margin: 0; color: var(--muted); }
.panels { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 1rem; }
.panel { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 1rem; }
.panel h2 { margin-top: 0; font-size: 1.25rem; }
.panel h3 { margin-bottom: .25rem; color: var(--accent); }
.article-iframe { width: 100%; height: 80vh; border: 0; border-radius: 8px; }
.score-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }
.game-card { border: 1px solid var(--border); border-radius: 8px; padding: .75rem; background: #0e141c; }
.json-summary p, .performances p { color: var(--muted); line-height: 1.5; }
.article h2, .article h3 { color: var(--accent-2); }
.article p { color: var(--text); line-height: 1.75; }
@media (max-width: 1024px) {
  .panels { grid-template-columns: 1fr; }
  .article-iframe { height: 65vh; }
}