/* Arcade teaser only. Existing TJB styling remains unchanged. */
.links a[href="#/arcade"]{background:linear-gradient(90deg,#ff3b5c,#ffb347,#f9f871,#42e8b4,#45aaff,#b37aff,#ff3b5c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:tjb-arcade-rainbow-shimmer 3s linear infinite}
.links a[href="#/arcade"]:focus-visible{outline:2px solid #fff;outline-offset:4px}
.tjb-arcade-coming-soon{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;text-align:center}
.tjb-arcade-coming-soon h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,12vw,160px);font-weight:900;line-height:1;letter-spacing:.035em;color:#fff}

@keyframes tjb-arcade-rainbow-shimmer{from{background-position:0% 50%}to{background-position:200% 50%}}
@media(prefers-reduced-motion:reduce){.links a[href="#/arcade"]{animation:none}}

/* Scoped Arcade navigation transition: no layout or global theme changes. */
.links.tjb-arcade-nav-exit{animation:tjb-arcade-nav-out .16s ease-in both;pointer-events:none}
.links.tjb-arcade-nav-enter{animation:tjb-arcade-nav-in .3s ease-out both}
@keyframes tjb-arcade-nav-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}
@keyframes tjb-arcade-nav-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.links.tjb-arcade-nav-exit,.links.tjb-arcade-nav-enter{animation:none}}


/* In Arcade's mobile menu, EXIT follows LEADERBOARDS as the fourth item. */
@media(max-width:850px){.links a[href="#/"]{display:block}}