/* UNINI V6.2 | targeted usability fixes, original V6.1 preserved. */
/* A: One real scroll area per drawer. Wheel over navigation links scrolls the drawer. */
.un-side-menu,
.un-side-menu.un-open{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scrollbar-width:thin;
}
.un-side-menu .un-menu-list{
  overflow:visible!important;
  overscroll-behavior:auto!important;
  height:auto!important;
  max-height:none!important;
  display:flex;
  flex-direction:column;
  padding:4px 5px 20px!important;
  box-sizing:border-box;
}
/* Prevent clipped links: no sliding beyond the left or right drawer edge. */
.un-side-menu .un61-nav-item{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  flex:0 0 auto;
}
.un-side-menu .un61-nav-item:hover,
.un-side-menu.un-open .un61-nav-item:hover{
  transform:translateX(0)!important;
  background:linear-gradient(105deg,rgba(125,48,187,.36),rgba(142,71,196,.19))!important;
  border-color:rgba(212,149,251,.55)!important;
  box-shadow:inset 3px 0 rgba(255,215,139,.85),0 3px 20px rgba(142,57,190,.14)!important;
}
/* B: Memories and news use document scrolling, not mouse-wheel trapping inner panes. */
.un14-board-layout .un14-board{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.un14-board-layout .un14-news-list,
.un14-board-layout .un14-memories-list{
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  overscroll-behavior:auto!important;
  touch-action:auto;
}
/* C: Explicit white Discord brand icon inside navigation, no inherited tint. */
.un-side-menu .un61-nav-item[href^="https://discord.gg"] .un-nav-symbol{
  background:rgba(96,45,139,.45)!important;
  color:#fff!important;
}
.un-side-menu .un61-nav-item[href^="https://discord.gg"] .un-nav-symbol img,
.un-side-menu .un61-nav-item[href^="https://discord.gg"] .un-nav-symbol .un61-icon,
.un-side-menu .un61-nav-item[href^="https://discord.gg"] .un61-discord-mark{
  width:23px!important;
  height:23px!important;
  display:block!important;
  flex:0 0 23px!important;
  margin:0!important;
  opacity:1!important;
  filter:brightness(0) invert(1)!important;
  mix-blend-mode:normal!important;
}
/* D: Separate profile CTA arrow from generic guest-card logo image sizing. */
.unv6-guest-card a.action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:15px!important;
}
.unv6-guest-card a.action .un61-inline-icon,
.unv6-guest-card a.action img.un61-inline-icon{
  display:inline-block!important;
  width:23px!important;
  height:23px!important;
  flex:0 0 23px!important;
  margin:0!important;
  max-width:none!important;
  object-fit:contain!important;
}
/* E: Restore the original purple/gold moving gradient and shine in centered wordmark. */
.un-header .un-topbar .un-wordmark{
  isolation:isolate!important;
  overflow:hidden!important;
  border-radius:10px;
}
.un-header .un-topbar .un-wordmark span:first-child{
  color:#f5ddff!important;
  background:linear-gradient(110deg,#f5ddff 7%,#fff8ff 24%,#c987ff 43%,#fffaff 56%,#d6a4ff 75%,#f5ddff 98%)!important;
  background-size:240% 100%!important;
  background-position:100% 0;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  animation:un12-logo-color 7s ease-in-out infinite!important;
}
.un-header .un-topbar .un-wordmark span:last-child{
  color:#ffda85!important;
  background:linear-gradient(105deg,#ffd37b 5%,#fff4c2 31%,#edab39 47%,#fff3b1 64%,#ffd37b 95%)!important;
  background-size:240% 100%!important;
  background-position:100% 0;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  animation:un12-logo-color 7s ease-in-out infinite!important;
}
.un-header .un-topbar .un-wordmark::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.05) 47%,rgba(255,247,205,.72) 50%,rgba(240,166,255,.21) 55%,transparent 60%)!important;
  animation:un12-word-shine 6.5s cubic-bezier(.2,.72,.2,1) infinite!important;
  mix-blend-mode:screen!important;
}
/* Respect OS/Firefox requests to reduce motion. */
@media(prefers-reduced-motion:reduce){
  .un-header .un-topbar .un-wordmark span,
  .un-header .un-topbar .un-wordmark::after{animation:none!important}
}