/* Shared link feedback: warm outline/tint and a 1px lift over 160ms. */
:root{--link-accent:#e6bd78;--link-tint:#e6bd781a}
a[href]:not(.game-card-launch),
#shell :is(button[data-view],#profile,.favorite-button,.play-button,.primary,.secondary,.system-picker-trigger,.theme-swatch){transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
a[href]:not(.game-card-launch):is(:hover,:focus-visible),
#shell :is(button[data-view],#profile,.system-picker-trigger):is(:hover,:focus-visible){background-color:var(--link-tint);box-shadow:inset 0 0 0 1px var(--link-accent),0 5px 12px #0003;transform:translateY(-1px)}
a[href]:not(.brand):not(.profile-avatar):not(.game-card-launch){display:inline-block}
a[href]:not(.game-card-launch):focus-visible,
#shell :is(button[data-view],#profile,.favorite-button,.play-button,.primary,.secondary,.system-picker-trigger):focus-visible{outline:2px solid var(--link-accent);outline-offset:3px}
.brand{min-height:64px;text-decoration:none}
#shell .profile-area{display:flex;align-items:center;gap:10px}
#shell .profile-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;min-width:42px;min-height:44px}
#shell .profile{padding:6px 8px}
#shell .profile-avatar:hover .avatar,#shell .profile-avatar:focus-visible .avatar{border-color:var(--link-accent)}
#shell .profile strong{display:block}
#shell .game-linkable{position:relative;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
#shell .game-linkable:is(:hover,:focus-within){border-color:var(--link-accent);background-color:var(--raised);box-shadow:inset 0 0 0 1px var(--link-accent),0 7px 16px #0003;transform:translateY(-1px)}
#shell .game-card-launch{display:block;position:absolute;inset:0;z-index:1;outline:none;background:transparent}
#shell .game-linkable .favorite-button{z-index:3}
#shell .game-linkable :is(.play-button,#continue-play){position:relative;z-index:2}
#shell :is(.favorite-button,.play-button,.primary,.secondary,.theme-swatch):not(:disabled):is(:hover,:focus-visible){transform:translateY(-1px)}
#shell :is(.play-button,.primary,.secondary):not(:disabled):is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px var(--link-accent),0 5px 12px #0003}
#shell :is(.play-button,.primary,.secondary):not(:disabled):active{transform:translateY(0)}
@media(max-width:480px){.brand{min-height:56px}#shell .profile-area{gap:6px}#shell .profile{padding:6px 4px}}
@media(prefers-reduced-motion:reduce){
 a[href]:not(.game-card-launch),#shell .game-linkable,
 #shell :is(button[data-view],#profile,.favorite-button,.play-button,.primary,.secondary,.system-picker-trigger,.theme-swatch){transition:none!important}
 a[href]:not(.game-card-launch):is(:hover,:focus-visible),#shell .game-linkable:is(:hover,:focus-within),
 #shell :is(button[data-view],#profile,.favorite-button,.play-button,.primary,.secondary,.system-picker-trigger,.theme-swatch):is(:hover,:focus-visible){transform:none!important}
}

/* Reserve comfortable highlight space at rest, so hover never shifts layout. */
.brand{min-height:98px;padding-right:12px}
#shell .site-footer button[data-view]{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;line-height:1.2}
@media(max-width:480px){.brand{min-height:80px;padding-right:10px}}