:root { --arcade-font-family: Arial, "Helvetica Neue", sans-serif; }
.arcade-capsule, .arcade-block { font-family: var(--arcade-font-family); font-size: 14px; line-height: 1.5; }
:is(.arcade-capsule, .arcade-block) :is(button, input, select, textarea, kbd) { font-family: var(--arcade-font-family); }
:is(.arcade-capsule, .arcade-block) .home-site-header { --ui-font: var(--arcade-font-family); font-family: var(--arcade-font-family); }
:is(.arcade-capsule, .arcade-block) .home-site-header :is(a, button, code) { font-family: var(--arcade-font-family); }
:is(.arcade-capsule, .arcade-block) :is(.game-header, .game-heading) h1 { font-size: clamp(28px, 4vw, 36px); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; }
.arcade-capsule .game-header h1 { text-shadow: 2px 2px 0 #422f47; }
.arcade-capsule .game-header h1 span { font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: .04em; }
:is(.arcade-capsule, .arcade-block) :is(.mode-tabs, .tabs) button { font-size: 13px; font-weight: 700; line-height: 1.4; }
:is(.arcade-capsule, .arcade-block) :is(.game-actions, .heading-actions) > button { font-size: 12px; font-weight: 700; line-height: 1.3; }
.arcade-capsule .hud-box > span, .arcade-block .stat > span { font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: .06em; }
.arcade-capsule .hud-box strong, .arcade-block .stat strong { font-size: 20px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: 0; }
.arcade-capsule .hud-box:first-child strong, .arcade-block .stat:first-child strong { font-size: 22px; }
.arcade-block .time-stat strong { font-size: 14px; }
.arcade-capsule .board-overlay strong, .arcade-block .overlay-content h2 { font-size: 22px; font-weight: 700; line-height: 1.3; }
@media (min-width: 1000px) and (min-height: 600px) {
    :is(.arcade-capsule, .arcade-block) :is(.game-header, .game-heading) h1 { font-size: 32px; }
    :is(.arcade-capsule, .arcade-block) :is(.mode-tabs, .tabs) button { font-size: 12px; }
    .arcade-capsule .hud-box > span, .arcade-block .stat > span { font-size: 9px; }
}
@media (max-width: 699px) {
    :is(.arcade-capsule, .arcade-block) :is(.game-header, .game-heading) h1 { font-size: 28px; }
    .arcade-block .stat strong, .arcade-block .stat:first-child strong { font-size: 14px; }
    .arcade-block .time-stat strong { font-size: 11px; }
    .arcade-capsule .arena.versus .hud-box strong, .arcade-capsule .arena.versus .hud-box:first-child strong { font-size: 12px; }
}