.page-hero h1 em { font-family: var(--font-serif); font-style: italic; text-transform: none; color: var(--accent-ink); font-size: 1.04em; }
.arcade { padding: 0 0 clamp(72px, 10vw, 120px); }
.arcade-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(20px, 3vw, 36px); align-items: start; }
@media (max-width: 900px) { .arcade-grid { grid-template-columns: 1fr; } }

.game-wrap { display: grid; place-items: center; padding: clamp(10px, 2vw, 20px); border-radius: calc(var(--radius) + 6px); background: var(--bg-2); border: 1px solid var(--line-2); box-shadow: var(--shadow); }
#game {
  width: min(100%, calc((100vh - var(--header-h) - 80px) * 2 / 3));
  aspect-ratio: 2 / 3; border-radius: var(--radius); background: #0B0A09; cursor: crosshair;
  touch-action: none; outline: none; box-shadow: 0 0 0 1px rgba(247,147,26,.25), 0 30px 80px -30px rgba(247,147,26,.35);
}
#game:focus-visible { box-shadow: 0 0 0 3px var(--orange); }

.game-side { display: grid; gap: 12px; }
.scores { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.scores > div:not(.row) { display: grid; gap: 6px; }
.scores b.display { font-size: 44px; line-height: 1; color: var(--accent-ink); }
.scores .mono { font-size: 12px; }
.score-actions { grid-column: 1 / -1; gap: 8px; }
.score-actions .btn-primary { flex: 1; }

.legend ul { list-style: none; display: grid; gap: 12px; margin-top: 16px; }
.legend li { display: flex; gap: 12px; align-items: center; }
.legend li div { display: grid; }
.legend li b { font-size: 14px; }
.legend li span:not(.ico) { font-size: 12.5px; color: var(--ink-3); font-family: var(--font-mono); }
.ico { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; font: 700 15px var(--font-mono); }
.ico-coin { background: var(--orange); color: #0B0A09; }
.ico-block { border-radius: 4px; width: 26px; height: 26px; margin: 4px; background: var(--orange); box-shadow: 4px -4px 0 #A85A00; }
.ico-btc { background: var(--orange); color: #fff; font-family: var(--font-sans); }
.ico-power { background: #FFE066; color: #0B0A09; }
.ico-candle { border-radius: 3px; width: 14px; height: 24px; margin: 5px 10px; background: var(--down); box-shadow: 0 0 10px rgba(255,92,92,.5); }
.ico-fud { width: 44px; height: 26px; margin: 4px -5px; border-radius: 6px; border: 1.5px solid var(--down); color: var(--down); font-size: 11px; background: color-mix(in srgb, var(--down) 10%, transparent); }
.legend-note { margin-top: 16px; font-size: 13px; color: var(--ink-2); }

.controls dl { display: grid; gap: 10px; margin: 14px 0 12px; }
.controls dt { font: 500 10.5px var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-3); }
.controls dd { margin: 3px 0 0; font-size: 14px; }