/* WEWO CORE — базовые стили переиспользуемого компонента.
   Canvas сам рисует свечение; маска растворяет прямоугольные края в фон #0A0B14. */
.wewo-core {
  position: relative; display: grid; place-items: center;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.wewo-core-c {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 168%; height: 168%; display: block; z-index: 1;
  -webkit-mask: radial-gradient(circle at 50% 50%, #000 54%, rgba(0,0,0,.5) 68%, transparent 82%);
  mask: radial-gradient(circle at 50% 50%, #000 54%, rgba(0,0,0,.5) 68%, transparent 82%);
  transition: transform .5s cubic-bezier(.2,0,0,1);
}
/* Ховер-реакция объекта: лёгкое «раздувание» + усиление свечения (canvas сам
   усиливает glow по состоянию hover; тут — микро-масштаб контейнера). */
.wewo-core.is-hover .wewo-core-c { transform: translate(-50%, -50%) scale(1.04); }
.wewo-core:focus-visible { outline: 2px solid rgba(111,168,255,.6); outline-offset: 6px; border-radius: 50%; }

@media (prefers-reduced-motion: reduce) {
  .wewo-core.is-hover .wewo-core-c { transform: translate(-50%, -50%); }
}