.arcade-progression { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; color:inherit; text-decoration:none; white-space:nowrap; font-size:12px; }
.arcade-progression:hover { color:inherit; text-decoration:none; }
.arcade-progression:focus-visible { outline:3px solid #edc968; outline-offset:3px; }
.arcade-progression strong { font-size:15px; font-variant-numeric:tabular-nums; }
.arcade-progression-coin { display:inline-flex; align-items:center; justify-content:center; width:27px; height:27px; border:2px solid #ac7937; border-radius:50%; background:#edc968; color:#573d20; font:bold 17px Georgia,serif; box-shadow:inset 0 0 0 2px #f9e5a5; }
@media(max-width:900px) { .arcade-header:has(.arcade-progression) { grid-template-columns:minmax(0,1fr) auto 48px; gap:12px 5px; } .arcade-header-actions>.arcade-progression { grid-column:2; grid-row:1; } .arcade-header-actions>.language-picker { grid-column:3; grid-row:1; } }
@media(max-width:560px) { .arcade-brand { gap:10px; } .arcade-brand strong { font-size:17px; } .arcade-brand small { font-size:9px; } .arcade-progression { padding:7px; gap:5px; } .arcade-progression-coin { width:23px; height:23px; } }