*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: Inter, 'Segoe UI', system-ui, sans-serif; }
button, select, input { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; touch-action: manipulation; }
button:disabled { cursor: default; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--focus-color, #21b9d8); outline-offset: 4px; }
.arcade-nav { max-width: 1160px; padding: 18px 24px; margin: auto; display: flex; align-items: center; gap: 24px; font-size: 13px; }
.arcade-nav a { text-decoration: none; color: inherit; }
.arcade-brand { display: inline-flex; gap: 9px; align-items: center; font-weight: 700; letter-spacing: -.2px; }
.arcade-brand > span { display: inline-grid; place-items: center; width: 28px; height: 28px; border: 1px solid currentColor; border-radius: 9px; }
.arcade-back { margin-left: auto; }
.arcade-back:hover { text-decoration: underline; text-underline-offset: 4px; }
.arcade-nav a { min-height: 44px; display: inline-flex; align-items: center; }
.arcade-language { min-height: 44px; color: inherit; background: transparent; border: 1px solid currentColor; border-radius: 8px; padding: 6px; }
.arcade-language option { background: #fff; color: #182331; }
@media (max-width: 540px) { .arcade-nav { padding: 14px 16px; gap: 14px; } .arcade-brand { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

.arcade-brand > span { background-image: conic-gradient(from 90deg, rgba(196, 172, 119, .075) 25%, transparent 0 50%, rgba(196, 172, 119, .075) 0 75%, transparent 0); background-size: 25% 25%; }