.osa5-game-mark{display:block;width:36px;height:36px;flex:0 0 auto;object-fit:contain}
.osa5-legacy-brand{display:inline-flex;align-items:center;gap:10px}
.osa5-legacy-brand img{display:block;width:29px;height:29px;flex:0 0 auto}
.ecosystem-backlink{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:var(--muted);font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;text-decoration:none;white-space:nowrap}
.ecosystem-backlink img{display:block;width:25px;height:25px;flex:0 0 auto}
.ecosystem-backlink:hover{color:var(--acid)}
.ecosystem-backlink:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
@media(max-width:1500px){.header-version{display:none}.ecosystem-backlink{margin-right:0}}
@media(max-width:1100px){.ecosystem-backlink span{display:none}}
@media(max-width:820px){.ecosystem-backlink{width:31px;height:31px;justify-content:center}.ecosystem-backlink img{width:27px;height:27px}}
/* Static surfaces load this sheet instead of the React bundle; keep the transition styled there too. */
.osa5-transition-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-content:center;justify-items:center;gap:15px;pointer-events:none;background:rgba(6,9,15,.94);color:#f6f2e8;opacity:1;visibility:visible;transition:opacity 440ms cubic-bezier(.2,.75,.25,1),visibility 440ms cubic-bezier(.2,.75,.25,1)}
.osa5-transition-overlay.is-leaving{opacity:0;visibility:hidden}
.osa5-transition-overlay img{display:block;width:58px;height:58px;object-fit:contain;animation:osa5-portal-mark 360ms cubic-bezier(.2,.75,.25,1) both}
.osa5-transition-word{display:flex;align-items:baseline;gap:7px;font:700 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.2em}
.osa5-transition-word small{color:#d8bf8d;font:600 9px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em}
@keyframes osa5-portal-mark{from{opacity:0;transform:translateY(5px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.osa5-transition-overlay,.osa5-transition-overlay img{animation:none!important;transition-duration:80ms!important}}

/* SkillCred's orbit is decorative; stop it creating page-level horizontal overflow. */
.hero-visual{overflow-x:clip}

.osa5-development-mark{display:inline-block;width:30px;height:30px;flex:0 0 auto;object-fit:contain;vertical-align:middle}