/* Shared arcade chrome: intentionally independent from each game's visual system. */
.arcade-chrome-nav {
    position: fixed;
    z-index: 50;
    inset: 0 0 auto;
    min-height: 64px;
    border-bottom: 1px solid #27272a;
    background: rgba(10, 10, 10, .9);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: #f4f4f5;
    font: 600 14px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.arcade-chrome-nav *,
.arcade-chrome-footer * {
    box-sizing: border-box;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.arcade-chrome-nav .arcade-chrome-inner {
    display: flex;
    width: min(100%, 1152px);
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 auto;
    padding: 0 16px;
}
.arcade-chrome-brand {
    display: inline-block;
    min-width: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.15;
    text-decoration: none;
    white-space: normal;
}
.arcade-chrome-brand span { color: #e50914; white-space: nowrap; }
.arcade-chrome-links {
    display: flex;
    align-items: center;
    gap: clamp(10px, 2.5vw, 24px);
}
.arcade-chrome-nav a:not(.arcade-chrome-book) {
    color: #f4f4f5;
    text-decoration: none;
    transition: color 180ms ease;
}
.arcade-chrome-nav a:not(.arcade-chrome-book):hover { color: #e50914; }
.arcade-chrome-link {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.arcade-chrome-nav a.arcade-chrome-arcade {
    display: inline-flex;
    min-height: 34px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid rgba(76, 232, 255, .72);
    border-radius: 5px;
    color: #4ce8ff;
    background: rgba(76, 232, 255, .08);
    box-shadow: 0 0 7px rgba(76, 232, 255, .28), inset 0 0 8px rgba(76, 232, 255, .08);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-decoration: none;
    text-shadow: 0 0 6px rgba(76, 232, 255, .6);
    white-space: nowrap;
    animation: arcade-nav-glow 2.2s ease-in-out infinite alternate;
}
.arcade-chrome-nav a.arcade-chrome-arcade:hover {
    border-color: #fff;
    color: #fff;
    box-shadow: 0 0 12px rgba(76, 232, 255, .7), 0 0 24px rgba(76, 232, 255, .35);
}
@keyframes arcade-nav-glow {
    from {
        box-shadow: 0 0 6px rgba(76, 232, 255, .2), inset 0 0 5px rgba(76, 232, 255, .06);
        text-shadow: 0 0 4px rgba(76, 232, 255, .35);
    }
    to {
        box-shadow: 0 0 12px rgba(76, 232, 255, .56), 0 0 22px rgba(76, 232, 255, .2), inset 0 0 8px rgba(76, 232, 255, .12);
        text-shadow: 0 0 9px rgba(76, 232, 255, .88);
    }
}
.arcade-chrome-book {
    display: inline-flex;
    min-height: 32px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 6px;
    color: #fff;
    background: #e50914;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 180ms ease;
}
.arcade-chrome-book:hover { background: #b80710; }
.arcade-chrome-nav a:focus-visible,
.arcade-chrome-footer a:focus-visible {
    outline: 2px solid #e50914;
    outline-offset: 4px;
    border-radius: 3px;
}
.arcade-site > main,
body.arcade-site.is-hype-page > main { padding-top: 80px; }
.arcade-site > .arcade-chrome-footer {
    position: relative;
    z-index: 11;
    display: block;
    margin: 0;
    padding: 40px 16px;
    border-top: 1px solid #18181b;
    color: #4b5563;
    background: #09090b;
    font: 400 12px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: center;
}
.arcade-chrome-footer p { margin: 0; }
.arcade-chrome-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-bottom: 16px;
    font-size: 18px;
}
.arcade-chrome-footer a {
    color: #71717a;
    text-decoration: none;
    transition: color 180ms ease;
}
.arcade-chrome-footer .arcade-social-facebook:hover { color: #3b82f6; }
.arcade-chrome-footer .arcade-social-tiktok:hover,
.arcade-chrome-footer .arcade-social-merch:hover { color: #fff; }
.arcade-chrome-footer .arcade-social-instagram:hover { color: #ec4899; }
.arcade-chrome-footer .arcade-social-youtube:hover { color: #dc2626; }
.arcade-chrome-socials svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.arcade-chrome-socials .arcade-social-merch {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.arcade-chrome-footer .arcade-footer-logo {
    display: inline-block;
    margin-bottom: 16px;
    border-radius: 50%;
}
.arcade-chrome-footer .arcade-footer-logo img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0;
    object-fit: contain;
    opacity: .8;
    transition: filter 180ms ease;
}
.arcade-chrome-footer .arcade-footer-logo:hover img,
.arcade-chrome-footer .arcade-footer-logo:focus-visible img {
    filter: brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(5905%) hue-rotate(351deg) brightness(94%) contrast(114%);
}
.arcade-chrome-footer .arcade-footer-logo:focus-visible {
    outline: 2px solid #e50914;
    outline-offset: 4px;
}
.arcade-footer-meta p + p { margin-top: 4px; }
.arcade-footer-meta .arcade-footer-legal { margin-top: 8px; }
.arcade-footer-meta .arcade-footer-legal a:hover { color: #a1a1aa; }
@media (max-width: 639px) {
    .arcade-chrome-link { display: none; }
    .arcade-chrome-links { gap: 8px; }
}
@media (min-width: 640px) {
    .arcade-chrome-brand { font-size: 20px; }
    .arcade-chrome-book { padding: 8px 16px; font-size: 14px; line-height: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .arcade-chrome-nav *,
    .arcade-chrome-footer * { transition: none !important; }
    .arcade-chrome-nav .arcade-chrome-arcade { animation: none !important; }
}